@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
#load-area{
	padding-top     : 25px;
	width           : 100%;
	height          : 250px;
}
#loadgif{
	width           : 128px;
	height          : 128px;
	margin          : auto;
	background-image          : url("/gunma/wp-content/uploads/cocoon-resources/Spinner-5.gif");
	background-size           : 128px;
	background-position       : center middle;
	background-repeat         : no-repeat;
}
/*必要ならばここにコードを書く*/
.article h2, .article h3, .article h4, .article h5, .article h6{
	margin-top      : 0;
	margin-bottom   : 0;
	background-color: transparent;
	border-radius   : 0;
	padding         : 5px;
}
.h2pad {
	padding         : 5px;
}
button {
	cursor          : pointer;
}
.scn-table h2{
	padding        : 0;
}
//body { overflow : hidden; }
.site-name-text{
  display: none;
}
.date-tags
 {
  display: none;
}
.pc { display: block; }
.mb { display: none; }
.author-info {
  display: none;
}
.footer {
  display: none;
}
/*ヘッダーレイアウトがトップメニューのとき*/
.header-container-in.hlt-top-menu .site-name-text{
  display: none;
}
 
/*ヘッダーレイアウトがトップメニュー（小）のとき*/
.header-container-in.hlt-top-menu.hlt-tm-small .site-name-text{
  display: none;
}
.type-page h1,
.type-page 
.post-meta{
  display:none;
}
.content {  margin-top: 0; }
.logo-text { padding: 0; }
#navi { display: none; }
/*固定ページの日付非表示*/
.post-10 .date-tags {  display: none;}
.post-19 .date-tags {  display: none;}
.post-61 .date-tags {  display: none;}
.article ul li, .article ol li {
    margin: 0;
}
.article h2{
	border-top:none;
	border-bottom:none;
	border-left:none;
	border-right:none;
	padding: 0;
}

/* H3 */
	.article h3{
	border-top:none;
	border-bottom:none;
	border-left:none;
	border-right:none;
	padding: 0;

}

/* H4 */
.article h4{
	border-top:none;
	border-bottom:none;
	padding: 0;
	}

/* H5 */
.article h5{
	border-bottom:none;
	padding: 0.5vw;
	margin: 0;
}

/* H6 */

.article h6{

border-bottom:none;

padding: 0;

}
img {
  vertical-align: top;
}
a {
    cursor               : pointer;
    text-decoration      : none;
    color                : #087b90;
}
th {
	font-weight          : nomal;
}
.wrap { width:auto; }
.main { padding:0; border:0;}

.entry-content		{ margin-top: 0em; margin-bottom: 0em; padding: 0;}
.entry-content p	{ margin-top: 0em; margin-bottom: 0em;}

.entry-content>*, .article p, .demo .entry-content p, .article dl, .article ul, .article ol, .article blockquote, .article pre, .article table, .article .toc, .body .article, .body .column-wrap, .body .new-entry-cards, .body .popular-entry-cards, .body .navi-entry-cards, .body .box-menus, .body .ranking-item, .body .rss-entry-cards, .body .widget, .body .author-box, .body .blogcard-wrap, .body .login-user-only, .body .information-box, .body .question-box, .body .alert-box, .body .information, .body .question, .body .alert, .body .memo-box, .body .comment-box, .body .common-icon-box, .body .blank-box, .body .button-block, .body .micro-bottom, .body .caption-box, .body .tab-caption-box, .body .label-box, .body .toggle-wrap, .body .wp-block-image, .body .booklink-box, .body .kaerebalink-box, .body .tomarebalink-box, .body .product-item-box, .body .speech-wrap, .body .wp-block-categories, .body .wp-block-archives, .body .wp-block-archives-dropdown, .body .wp-block-calendar, .body .ad-area, .body .wp-block-gallery, .body .wp-block-audio, .body .wp-block-cover, .body .wp-block-file, .body .wp-block-media-text, .body .wp-block-video, .body .wp-block-buttons, .body .wp-block-columns, .body .wp-block-separator, .body .components-placeholder, .body .wp-block-search, .body .wp-block-social-links, .body .timeline-box, .body .blogcard-type, .body .btn-wrap, .body .btn-wrap a, .body .block-box, .body .wp-block-embed, .body .wp-block-group, .body .wp-block-table, .body .scrollable-table, .body .wp-block-separator, .body .wp-block, .body .video-container, .comment-area, .related-entries, .pager-post-navi, .comment-respond, .is-root-container>*, [data-type="core/freeform"] {
    margin-bottom: 0em;
}
.pg-title {
	height         : 45px;
	font-size      : 1.5em;
}
.in-user {
	margin         : 0 0 15px 0;
}
/*****************************************************************************************
*     head-insert.php                                                                    *
******************************************************************************************/
#hdbar{
	width          : 100%;
	padding        : 5px 10px;
}
#hdName{
	font-size      : 16px;
	float          : left;
}
#hdMenu{
	padding        : 5px;
	float          : right;
}
.float-after {
	display        : block;
	clear          : both;
	height         : 0px;
	visibility     : hidden;
	content        : " ";
}
/*****************************************************************************************/
#topview{
	width          : 100%;
	height         : auto;
	overflow       : scroll;
}
#toptbl{
	border-collapse:separate;
	white-space    : nowrap;
//	min-width      : 2500px;
//	width          : 2500px;
	color          : #6c6c6c;
	font-size      : 10px;
}
#tdhead{
	width          : 30px!important;
	height         : 15px!important;
}

/*****************************************************************************************/
.download-box{
	width          : 300px;
	height         : auto;
	margin         : auto;
	padding        : 20px;
	border         : 1px solid #78b4c5;
	border-radius  : 10px;
	
}
.btn--orange,
a.btn--orange {
	color: #fff;
	background-color: #eb6100;
}
.btn--orange:hover,
a.btn--orange:hover {
	color: #fff;
	background: #f56500;
}

a.btn--radius {
	border-radius: 100vh;
}
/*****************************************************************************************/
.pgttl{
	font-size      : 26px;
	padding        : 0 10px;
	border-right   : 1px solid #78b4c5;
}
#download1,#download2 {
	width          : auto;
	height         : auto;
	text-decoration: underline;
}
/*****************************************************************************************/
.suryo {
	text-align     : center;
	cursor         : pointer;
	font-size      : 18px;
	width          : 116px;
	padding        : 0 15px 2px 15px;
}
/*****************************************************************************************/
#ukeres{
	width          : 100%;
	height         : calc(100vh - 185px);
	overflow       : scroll;
}
#restblv{
	width          : 100%;
	height         : calc(100vh - 400px);
	overflow       : scroll;
}
#restbl{
//	border-collapse: collapse;
	border-collapse:separate;
	white-space    : nowrap;
	min-width      : 2500px;
	width          : 2500px;
	color          : #6c6c6c;
	font-size      : 12px;
}
#restbl thead{
}
#restbl tbody{
}
.thed{
	width          : 510px;
}
.theds{
	width          : 425px;
}
.thinban{
	width          : 140px;
	margin         : 0 5px;
	text-align     : left;
	float          : left;
}
.tsebangou{
	width          : 70px;
	margin         : 0 5px;
	text-align     : left;
	float          : left;
}
.thakosyu{
	width          : 90px;
	margin         : 0 5px;
	text-align     : left;
	float          : left;
}
.tmhinban{
	width          : 220px;
	margin         : 0 5px;
	text-align     : left;
	float          : left;
}
.tsnp{
	width          : 90px;
	margin         : 0 5px;
	text-align     : right;
	float          : left;
}
.tmaker{
	width          : 130px;
	margin         : 0 5px;
	text-align     : right;
	float          : left;
}
.tzengetu{
	width          : 80px;
	margin         : 0 5px;
	text-align     : right;
	float          : left;
}
.tzan{
	width          : 90px;
	margin         : 0 5px;
	text-align     : right;
	float          : left;
}
.tday{
	width          : 120px;
	padding        : 0 5px;
	text-align     : right;
}
.nHead{
	width          : 90px;
	margin         : 0 0 0 5px;
	float          : left;
}
.sHead{
	width          : 90px;
	margin         : 0 0 0 5px;
	float          : left;
}
.zHead{
	width          : 90px;
	margin         : 0 0 0 5px;
	float          : left;
}
.nyuko{
	width          : 90px;
	margin         : 0;
}
.syuko{
	width          : 90px;
	margin         : 0;
}
.zaiko{
	width          : 90px;
	margin         : 0;
}
.bd_bottom {
	border-bottom  : 1px solid #e3dde5;
}
.bd_left {
	border-left    : 1px solid #e3dde5;
}
#restbl th, #restbl td{
	border-left    : 1px solid #e3dde5;
	border-right   : 1px solid #e3dde5;
    border-bottom  : 1px solid #a9a2a2;
}
.fixed01,
.fixed02{
  position: sticky;
  top: 0;
  left: 0;
  color: #6c6c6c;
  background: #e1f2f7;
  &:before{
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    width: 100%;
    height: 100%;
    border: 1px solid #ccc;
  }
}
.fixed01{
  z-index: 2;
}
.fixed02{
  z-index: 1;
}
/*****************************************************************************************/
#ukesyousai{
	width          : 100%;
	height         : calc(100vh - 215px);
	overflow       : scroll;
}
#restbl2{
	white-space    : nowrap;
	border-collapse: collapse;
	min-width      : 100%;
	width          : 100%;
	color          : #6c6c6c;
	font-size      : 12px;
	
}
#restbl2 td{
	height         : 16px;
}
.tCol01{
	width          : 140px;
	margin         : 5px;
	text-align     : left;
}
.tCol02{
	width          : 140px;
	margin         : 5px;
	text-align     : left;
}
.tCol02A{
	width          : 50px;
	margin         : 5px;
	text-align     : left;
}
.tCol02B{
	width          : 90px;
	margin         : 5px;
	text-align     : left;
}
.tCol03{
	width          : 70px;
	margin         : 5px;
	text-align     : left;
}
.tCol04{
	width          : 140px;
	margin         : 5px;
	text-align     : left;
}
.tCol05{
	width          : 140px;
	margin         : 5px;
	text-align     : right;
}
.tCol06{
	width          : 100px;
	margin         : 5px;
	text-align     : right;
}
.tCol07{
	width          : 100px;
	margin         : 5px;
	text-align     : right;
}
.tCol07input{
	padding        : 3px 0!important;
	font-size      : 12px!important;
	text-align     : right!important;
}
.uke-area{
	position       : relative;
	min-height     : 100vh;
	padding-bottom : 30px;	
}

/*****************************************************************************************/
.scn-area{
	position       : relative;
}
.buno{
	height		   : 24px;
	background-color: #03b36f;
	color          : #000;
	font-size      : 12px;
}
.bumei{
	height		   : 24px;
	background-color: #03b36f;
	color          : #fff;
	font-size      : 12px;
}
.rescls{
	height		   : 24px;
	background-color: #d7a612;
	color          : #fff;
	text-align     : center;
	font-size      : 12px;
}
.resclose{
	height		   : 24px;
	background-color: #d7a612;
	color          : #fff;
	text-align     : center;
	font-size      : 12px;
}
#mes{
	width          : 100%;
	padding-left   : 10px;
	color          : #fff;
}
.btm-button{
	border-top     : 1px solid #087b90;
	padding-top    : 0;
	height         : 50px;
	width          : 100%;
	font-size      : 16px;
	position       : absolute;
	bottom         : 10px;
}
.bgBlue {
	background-color: #107cd7;
	color          : #fff;
}
.bgGreen {
	background-color: #03b36f;
	color          : #fff;
}
.bgOrange {
	background-color: #d7a612;
	color          : #fff;
}
/*****************************************************************************************/
.menu {
	margin         : auto;
	width          : auto;
	height         : 100vh;
	text-align     : left;
}
.menu h1, h2 {
	display        : block;
	margin-top     : 0;
	margin         : 0;
	padding        : 0;
	margin         : 0;
	color          : #087b90;
}
.menu-container {
	background-color: #cfcfcc;
	margin         : auto;
	width          : 100%;
	padding        : 25px;
	text-align     : left;
}
.menu-button {
	width          : 350px;
}
.menu-button-txt {
	width          : 400px;
}
.menu-logout{
	text-align     : left;
	width          : 200px;
}
.menu-item{
	padding       : 5px 15px;
	width         : 80%;
}
.menu-button-mb {
	appearance    : none;
	border        : 0;
	color         : #000;
	padding       : 8px 16px;
	font-size     : 18px;
	width         : 100%;
}
 
.tantou-container{
	width           : 1000px;
	margin          : auto;
	padding         : 2em;
}
.tantou-container table {
	width           : 800px;
}
.parts-container{
	width           : 1000px;
	margin          : auto;
	padding         : 2em;
}
.parts-container table {
	width           : 100%;;
}
.logout-item {
	margin          : 3em;
}
.li-user{
	width           : 100%;
	height          : calc(100vh - 140px);
	overflow        : scroll;
}
.li-uid {
	width           : 30%;
}
.li-una {
	width           : 50%;
}
.li-parts{
	width           : 100%;
	height          : calc(100vh - 340px);
	overflow        : scroll;
}
#partstbl th, td{
	padding         : 0 5px!important;
}
.li-btn {
	text-align      : center;
	width           : 50px;
}
.in-seban{
	width           : 85px;
}
.in-hinban{
	width           : 120px;
}
.in-hinmei{
	width           : 300px;
}
.in-snp{
	width           : 75px;
}
.in-type{
	width           : 160px;
}
.in-mhinban{
	width           : 180px;
}
.li-list{
	width          : 100%;
	height         : auto;
	text-align     : center;
	border-bottom  : 2px solid #cfcfcf;
}
.in-btn{
	cursor         : pointer;
}
.chaccka-container {
	width          : 1200px;
	margin         : auto;
	height         : 100vh;
}
.chaccka-container table {
	width          : 100%;
	height         : auto;
}
.li-chakka{
	position       : relative;
	margin         : auto;                 /* サンプル用 中央寄せ */
	box-sizing     : border-box;           /* 罫線も含む長さ      */
	width          : auto;                /* BOXの幅             */
	max-height     : auto;                /* BOXの高さ           */
	height         : 400px;
}
.li-chakka table {
    table-layout   : fixed;
	border-collapse: collapse;
	border-spacing : 0;
  	border-top     : 2px solid #cfcfcf;
	border-left    : 2px solid #cfcfcf;
	border-right   : 2px solid #cfcfcf;
	width          : 100%;
	height         : 100%;
	cellpadding    : 2px;
	order-collapse : collapse;
	overflow       : auto;
}
.li-chakka table.scroll,table.scroll *{margin: 0;padding:0;line-height:30px;}
.li-chakka table.scroll{width:428px;margin-top:50px;border-bottom:1px solid gray;}
.li-chakka table.scroll thead,table.scroll tbody{width:100%;border:none;}
table.scroll tbody,table.scroll tbody tr{clear:left;}
.li-chakka thead{
	font-size       : 1em;
	display         : block;
	height          : 45px;
}
.li-chakka  tbody{
	font-size       : 1em;
	width           : 100%;
	height          : calc(100% - 45px);
	display         : block;
	overflow-x      : hidden;
	overflow-y      : scroll;
}
.li-time{
	width           : 80px;
}
.li-maker{
	width           : 250px;
	text-align      : left;
}
.li-adress{
	width           : 150px;
}
.li-buhin{
	text-align      : left;
	width           : 250px;
}
.li-qty{
	text-align      : right;
	width           : 100px;
}
.li-stime{
	width           : 120px;
}
.li-tantou{
	width           : 150px;
}
.logout-mb {
	background-color: transparent;
	font-family: inherit;
	appearance: none;
	border: 0;
	padding: 8px 16px;
	font-size: 1em;
	cursor: pointer;
}
.menu-item h2 {
	display        : block;
	margin-top     : 0;
	margin-bottom  : 0;
	margin         : 0.5em;
	padding        : 0.5em 1em;
	border         : 3px solid #ebebeb;
	border-radius  : 10px;
}
.import {
	width          : auto;
	height         : 100vh;
	text-align     : center;
}
.import-container {
	background-color: #cfcfcc;
	margin         : auto;
	width          : 800px;
	padding        : 2em;
	text-align     : left;
	border-radius  : 10px;
}
.import h1 {
	display        : block;
	margin         : 0;
	padding        : 0;
	margin         : 2em;
	color          : #087b90;
}
.file-upload {
	text-align     : left;
	padding        : 0.5em 0;
}
.view-button-area {
	text-align     : center;
	padding        : 2px;
}
.view-button-area input {
	margin         : 0 0.5em;
}
.btn_01 { opacity  :0.5; }
.btn_02 { opacity  :0.5; }
.datalist{
	width          : 100%;
	height         : auto;
	text-align     : center;
	border-bottom  : 2px solid #cfcfcf;
}
icon::before {
  font-family: "Font Awesome 5 Free"; /*←ココ！！！！！！！*/
  font-weight: 900;
  content: "\f007";
}
/****************************************************************************
*  デバイス
****************************************************************************/
#ukelog {
	font-size      : 16px;
	padding-left   : 25px;
	height         : 250px;
	overflow-y     : scroll;
}
#log {
	font-size      : 16px;
	padding-left   : 25px;
	height         : 250px;
	overflow-y     : scroll;
}
#button {
  width: 300px;
  height: 100px;
  margin: 0 auto 20px;
  background: #a00;
}
#button.active {
  background: #f00;
}
#chakka-body{
	cursor: pointer;
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
}
.list-time{
	width          : 100%;
	margin         : 1em auto;
	text-align     : center;
}
.list-time input[type=date] {
	font: 15px/24px sans-serif;
	box-sizing: border-box;
	width: 180px;
	margin: 8px 0;
	padding: 0.3em;
	transition: 0.3s;
	border: 1px solid #1b2538;
	border-radius: 4px;
	outline: none;
}
.list-time input[type=date]:focus {
	border-color: #da3c41;
}
.list-time input[type=date]:focus + i {
	color: #da3c41;
}
.list-time select {
	font: 15px/24px sans-serif;
	box-sizing: border-box;
	width: 100px;
	margin: 8px 0;
	padding: 0.3em;
	transition: 0.3s;
	border: 1px solid #1b2538;
	border-radius: 4px;
	outline: none;
}
.list-time i {
	width        : 150px;
}
.list-time select:focus {
	border-color: #da3c41;
}
.list-time select:focus + i {
	color: #da3c41;
}
.list-time .col1w {
	padding        : 0 5px 0 10px;
	min-width      : 120px;
	max-width      : 120px;
	text-align     : left;
	width          : 120px;
}
.list-time .col2w {
	padding        : 0 5px 0 10px;
	min-width      : 200px;
	max-width      : 200px;
	text-align     : left;
	width          : 200px;
}
.list-time .col3w {
	padding        : 0;
	min-width      : 200px;
	max-width      : 70%;
	text-align     : left;
}
.keikakulist {
	position       : relative;
	margin         : auto;                 /* サンプル用 中央寄せ */
	width          : auto;                /* BOXの幅             */
	max-height     : auto;                /* BOXの高さ           */
	height         : calc(100% - 150px);
	overflow       : hidden;
}
.keikakulist table {
	border-collapse: separate;
	border-spacing : 0;
	height         : calc(100% - 150px);
	cellpadding    : 2px;
	order-collapse : collapse;
	overflow       : hidden;
}

.keikakulist thead {
  	border-top     : 2px solid #cfcfcf;
	border-left    : 2px solid #cfcfcf;
	border-right   : 2px solid #cfcfcf;
	border-bottom  : 2px solid #cfcfcf;
	position       : relative;
	display        : block;
	position:-webkit-sticky;
	position       : sticky;
	top            : 0px;
	left           : 0px;
	z-index        : 10000;
	overflow-x     : hidden;
}
.keikakulist tbody {
	display        : block;
	cellpadding    : 2px;
	border-left    : 2px solid #cfcfcf;
	border-right   : 2px solid #cfcfcf;
	border-bottom  : 2px solid #cfcfcf;
	position       : relative;
	display        : block;
	height         : calc(100vh - 250px);
	overflow-y     : scrool;
	overflow-x     : hidden;
}
.keikakulist th{
	font-size      : 14px;
	box-sizing     : content-box;
 	border-left    : 1px solid #cfcfcf;
	border-right   : 1px solid #cfcfcf;
	height         : 18px;
    white-space    : nowrap;
}
.keikakulist tr {
	font-size      : 14px;
	border-left    : 1px solid #cfcfcf;
	border-right   : 1px solid #cfcfcf;
	height         : 18px;
}
.keikakulist td {
	box-sizing     : content-box;
	white-space    : nowrap;
}
.line-u {
	border-bottom  : 1px solid #cfcfcf;
}

.keikakulist .col10 {
	padding        : 0 5px 0 10px;
	min-width      : 120px;
	max-width      : 120px;
	text-align     : left;
}
.keikakulist .col11 {
	padding        : 0 5px 0 10px;
	min-width      : 80px;
	max-width      : 80px;
	text-align     : left;
}
.keikakulist .col12 {
	min-width      : 100px;
	max-width      : 100px;
	padding        : 0 5px 0 10px;
	text-align     : left;
//	min-width      : calc(7em + 7px);
//	max-width      : calc(7em + 7px);
}
.keikakulist .col3 {
	min-width      : 70px;
	max-width      : 70px;
	padding        : 0 5px 0 10px;
	border-right   : 1px solid #cfcfcf;
	text-align     : right;
}
.keikakulist .col4 {
	min-width      : 70px;
	max-width      : 70px;
	padding        : 0 5px 0 10px;
	text-align     : right;
}
.keikakulist .col5 {
	min-width      : 70px;
	max-width      : 70px;
	padding        : 0 5px 0 10px;
	text-align     : right;
}
.keikakulist .col21 {
	min-width      : 220px;
	max-width      : 220px;
	padding        : 0 5px 0 25px;
	text-align     : left;
}
.keikakulist .coldef {
	background-color: #fff;
}
.keikakulist .col3all {
	background-color: #e7ebef;
	border-bottom  : 2px solid #cfcfcf;
}
.keikakulist .col32 {
	min-width      : 330px;
	max-width      : 330px;
	padding        : 0 5px 0 25px;
	text-align     : right;
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
  #header .site-name-text{
    display: none;
  }
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
	.pc { display: none; }
	.mb { display: block; }
	.menu {
		width          : 100%;
	}
	.menu-container {
		width          : 90%;
	}
	#sidebar{
	display: none;
	}
	.uidarea {
		width          : 100%;
		height         : 100vh;
		text-align     : center;
	}
	.uidttlhd{
		margin         : 2em 0 0 0;
		height         : 80px;
		background-image          : url("/wp-content/uploads/menu-logo.png");
		background-size           : auto 50px;
		background-position       : left middle;
		background-repeat         : no-repeat;
		text-align     : center;
		font-size      : 1.5em;
	}
	.uid-container {
		border         : 1px solid #cfcfcc;
		margin         : 15px auto;
		width          : 75%;
		height         : auto;
		padding        : 25px 15px;
		text-align     : center;
		border-radius  : 10px;
	}
	.uidttl{
		text-align     : center;
		font           : 15px/24px sans-serif;
	}
	.useridinp{
		position       : relative;
		width          : 90%;
		margin         : 40px 3%;
	}
	.useridinp input[type=text] {
		font: 15px/24px sans-serif;
		box-sizing: border-box;
		width: 100%;
		margin: 8px 0;
		padding: 0.3em;
		transition: 0.3s;
		border: 1px solid #1b2538;
		border-radius: 4px;
		outline: none;
	}
	.useridinp input[type=text]:focus {
		border-color: #da3c41;
	}
	.useridinp input[type=text] {
		padding-left: 40px;
	}
	.useridinp i {
		position: absolute;
		top: 8px;
		left: 0;
		padding: 9px 8px;
		transition: 0.3s;
		color: #aaaaaa;
	}
	.useridinp input[type=text]:focus + i {
		color: #da3c41;
	}
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
/**********************************************
*  ukeire                                    *
***********************************************/
/*
.list-time{
	margin         : 0.2em;
}
.list-time select{
	font-size      : 0.8em;
	margin         : 0 0 0 1em ;
}
*/
.keikakulist {
	font-size      : 0.8em;
}
.keikakulist th {
	font-size      : 0.8em;
}
.keikakulist .col0 {
	font-size      : 1.5em;
	min-width      : calc(5em);
	max-width      : calc(5em);
}
.keikakulist .colHead1 {
	width          : 40vw;
}
.keikakulist .colHead2 {
	min-width      : calc(8em + 12px);
	max-width      : calc(8em + 12px);
}
.keikakulist .col2 {
	width          : 40vw;
}
.keikakulist .col3 {
	width          : 8.5em;
}
.keikakulist .col4 {
	width          : 8.5em;
}
	.keikakulist .colx0 {
		font-size      : 1.5em;
		width          : 80px;
	}
	.keikakulist .colxHead1 {
		width          : 120px;
	}
	.keikakulist .colxHead2 {
		width          : 80px;
	}
	.keikakulist .colx2 {
		width          : 120px;
	}
	.keikakulist .colx3 {
		width          : 80px;
	}
	.keikakulist .colx4 {
		width          : 80px;
	}
}
/**********************************************
*  sasikae                                    *
***********************************************/

#scn1 {
	padding        : 5px;
	width          : 100%;
	height         : auto;
	text-align     : left;
	font-size      : 18px;
}
.sasikae-log1{
	width          : 100px;
	padding        : 0 5px;
}
.sasikae-log2{
	width          : 50px;
	padding        : 0 5px;
}
.sasikae-log3{
	width          : 100px;
	padding        : 0 5px;
}
.sbn{
	width          : 80px;
}
.bbn{
	width          : 140px;
}
.qty{
	width          : 80px;
}