@charset "utf-8";
/*
Theme Name: bandai-food
Template: biz-vektor
Description: 
Author: Image Creation Corp.
Tags: 
Version: 0.1.0
*/

#powerd{display:none;}
body { font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;}


.imTopL {float:left; width:50%; text-align:left; font-size:1em;line-height:1.5em;box-sizing: border-box; padding:0px 3px 5px 0px;}
.imTopR {float:left; width:50%; text-align:left; font-size:1em;line-height:1.5em;box-sizing: border-box; padding:0px 0px 5px 3px;}

hr.dotted { margin:5px 0px 10px; border:0px; border-top: 1px dotted; }

/* font size ********************/
.fs150{font-size:150%;!important;}
.fs125{font-size:125%;!important;}
.fs90{font-size:90%;!important;}
.fs85{font-size:85%;!important;}
.fs80{font-size:80%;!important;}
.fs75{font-size:75%;!important;}
.fs70{font-size:70%;!important;}


/* text decoration **********/
.ul { text-decoration: underline;} /* underline(normal) */
.underLine{ /* special underline  */
	/*letter-spacing: 0.2em;/**/
	padding: 0 0 0.2em;
	border-bottom:1px solid #ccc;
	position: relative;
}
.underLine:before{
	content:"";
	display:block;
	width:30%;
	border-bottom:1px solid #d93;
	position:absolute;
	bottom:0;
	margin-bottom:-1px;
}

.bold { font-weight:bold!important;}
.colBlack{color:#000!important;}
.colRed {color:#900!important;}
.colBlue {color:#009!important;}
.colGreen {color:#090!important;}
.colBrown{color:#630!important;}
.txtC,textCenter { text-align:center!important;}
.txtR,textRight { text-align:right!important;}
.lb:before { }/* line break (720pixel the following cases, a new line) */
sup,sub {font-size:80%;}


/* clear fix **********/
.clearfix:after, .cf:after {  /* 位置ずれ発生時用 */
    content: ""; clear: both; display: block;
}
div:after, ul:after, ol:after {
    content: "";
    clear: both;
    display: block;
}


/* scroll bar **********/
.scroll {overflow: auto;white-space: ;}
.scroll::-webkit-scrollbar{height: 5px;}
.scroll::-webkit-scrollbar-track{background: #F1F1F1;}
.scroll::-webkit-scrollbar-thumb {background: #BCBCBC;}


/* for mailform **********/
.imForm { font-size:1em; background-color: #eee; width:100%; }
.imForm hr { border-top: 1px dotted #8c8b8b; margin: 0px; clear:both;}
.imFormQ { float: left;  padding: 10px; width:23%; background-color:#eee; box-sizing: border-box;}
.imFormQ span { font-size:75%; color: red;}
.imFormA { float: left; width:77%;  padding: 10px; background-color:#fff; box-sizing: border-box; height:100%;}


/* table **********/
/* like a table... */

.imTable { font-size:90%; background:#EEE; width:100%; border-bottom: thin solid #ccc;}
.imTableTH { float: left; width: 22%; border-top: thin solid #ccc; background:#EEE; padding:5px; box-sizing: border-box; white-space: nowrap;}
.imTableTD { float: left; width: 78%; border-top: thin solid #ccc; background:#FFF; padding:5px; box-sizing: border-box;}

.imTable2{ font-size:90%; background:#EEE; border-bottom: thin solid #ccc;}
.imTableTH2 { float: left; width: 25%; border-top: thin solid #ccc; background:#EEE; padding:5px; box-sizing: border-box;}
.imTableTD2 { float: left; width: 75%; border-top: thin solid #ccc; background:#FFF; padding:5px; box-sizing: border-box;}

.imTable3{ font-size:90%; background:#EEE; border-bottom: thin solid #ccc;}
.imTableTH3 { float: left; width: 30%; border-top: thin solid #ccc; background:#EEE; padding:5px; box-sizing: border-box;}
.imTableTD3 { float: left; width: 70%; border-top: thin solid #ccc; background:#FFF; padding:5px; box-sizing: border-box;}

.imFloat50 {float:left; width:50%; text-align:left; font-size:1em;line-height:1.75em; padding:3px; box-sizing: border-box;}
.imFloat70 {float:left; width:70%; text-align:left; font-size:1em;line-height:1.75em; padding:3px; box-sizing: border-box;}
.imFloat30 {float:left; width:30%; text-align:left; font-size:1em;line-height:1.75em; padding:3px; box-sizing: border-box;}
.imFloat60 {float:left; width:60%; text-align:left; font-size:1em;line-height:1.75em; padding:3px; box-sizing: border-box;}
.imFloat40 {float:left; width:40%; text-align:left; font-size:1em;line-height:1.75em; padding:3px; box-sizing: border-box;}

.imFloat50img {float:left; width:50%; font-size:90%; color:#666; line-height:1.5em; padding:3px; text-align:center; box-sizing: border-box;}
.imFloat70img {float:left; width:70%; font-size:90%; color:#666; line-height:1.5em; padding:3px; text-align:center; box-sizing: border-box;}
.imFloat30img {float:left; width:30%; font-size:90%; color:#666; line-height:1.5em; padding:3px; text-align:center; box-sizing: border-box;}
.imFloat60img {float:left; width:60%; font-size:90%; color:#666; line-height:1.5em; padding:3px; text-align:center; box-sizing: border-box;}
.imFloat40img {float:left; width:40%; font-size:90%; color:#666; line-height:1.5em; padding:3px; text-align:center; box-sizing: border-box;}


.imFloatTxtL{line-height: 1.8!important; margin: 0px 10px 0px 0px; padding: 3px; margin-bottom:0px!important;}
.imFloatTxtR{line-height: 1.8!important; margin: 0px 0px 0px 10px;}
.imCaption { font-size: 90%; color: #666; text-align: center; padding: 3px; line-height:1;}

/* table ( for Recruit only)  */
table.imRecruit { font-size:85%; float:left; border:none;width:100%;margin:0px 0px 25px;}
table.imRecruit th { border:none;width:25%; border:thin solid #ccc;margin:0px;}
table.imRecruit td {  border:none;width:75%; border:thin solid #ccc;margin:0px;}


/****************************************************************/
table.imTbl {margin-top:0px; font-size:80%;}
table.imTbl th{
	background-color:#ddffbb!important;
	text-align:center!important;
	font-weight:bold!important;
	border-bottom: thin solid #CCC!important;
}
table.imTbl th.tblCP{
	background-color:#d93!important;
	color:white!important;
}
table.imTbl th span {
	font-weight:normal!important;
	font-size:0.75em!important;
}
table.imTbl td{
	border-bottom: thin solid #CCC!important;
	border-right: thin solid #CCC!important;
}
.note{
	padding:5px;margin:5px 0px 0px;
	border: thin solid #CCC;
	background-color: #EFEFEF;
}
.tblRightUp { /* 背景に斜線画像表示 */
	background-size: 100% 100%;
	background-image: url(../images/rightUpBorder.gif);
	background-repeat: no-repeat;
	zoom: 1;
	position: relative;
}
table.tdCenter td{
	text-align:center!important;
}
table.tdRight td{
	text-align:right!important;
}

/* table for business */
.imTableF{width:auto!important;}
.tblCP{
	background-color:#d93!important;
	color:white!important;
	text-align:center!important;
	font-weight:bold!important;
}
.tblTH, .imTableF th{
	background-color:#ddffbb!important;
	text-align:center!important;
	font-weight:bold!important;
	border-bottom: thin solid #CCC!important;
}
.tblTH span, .imTableF th span{
	font-weight:normal!important;
	font-size:0.75em!important;
}
.tblTD, .imTableF td{
	border-bottom: thin solid #CCC!important;
	border-right: thin solid #CCC!important;
}
.tblTD .note{
	padding:5px;margin:5px 0px 0px;
	border: thin solid #CCC;
	background-color: #EFEFEF;
}

.tdRightUpLine { /* 背景に斜線画像表示 */
	background-size: 100% 100%;
	background-image: url(../images/rightUpBorder.gif);
	background-repeat: no-repeat;
	zoom: 1;
	position: relative;
}

/* table for business( Processing system ) */
table.processFlow{border:none;}
table.processFlow th{
	padding : 4px;
	margin:0px;
	font-weight:bold;
	border:none;
	background-color:white;
}
table.processFlow th p{
	text-align:center;
	padding : 2px 5px;
	margin:0px;
	border:solid thin black;
	border-radius:5px;
}
table.processFlow td{
	min-width:250px;
	padding : 4px;
	margin:0px;
	border:none;
	background-color:white;
}


/* video area ********************/
.videoArea {
	border:thin solid #999;
	border-radius:10px;
	background-color:#eee;
	padding:10px;
}


/****************************************/
/*				Responsive				*/
/****************************************/

@media (max-width: 770px) {
.imTable, .imTable2 { width:98%;}
.imTableTH, .imTableTH2,.imTableTH3 { font-weight:bold; float: none; width: 100%; padding: 10px 10px 0px 0px; background:#FFF; }
.imTableTD, .imTableTD2, .imTableTD3 { float: none; width: 100%; border-top: none; padding: 0px 0px 10px 10px; background:#FFF;}
table.imRecruit th { float:left; border:none;width:92%; background:#696;border-radius:5px; color:white;}
table.imRecruit td {  float:left; border:none;width:92%; background:#fff;}
.imTopL, .imTopR, .imFloat50,.imFloat70,.imFloat30,.imFloat60,.imFloat40,.imUiePlan { float:none; width:100%;}
.lb:before { content: "\A"; white-space: pre;}
.pd5pxLeft{padding:0px;}

.imFloatTxtL, .imFloatTxtR {line-height: 1.8!important; margin: 0px}
.imFloat50img,.imFloat70img,.imFloat30img,.imFloat60img,.imFloat40img { float:none; width:100%;}

}

@media (max-width: 950px) {
.imFormQ { font-weight:bold; float: none; width: 100%; padding: 10px 10px 0px 0px; background:#FFF; }
.imFormA { float: none; width: 100%; padding: 0px 0px 10px 10px; background:#FFF;}
}

/****************************** imekuri original ******************************/














@media (min-width: 660px) {
.content #topPr h3 {font-size: 110%;}
}
@media (min-width: 770px) {
.content #topPr h3 {font-size: 110%;}
.content #topPr .topPrTxtBox .topPrDescription {font-size:85%;}
}
@media (min-width: 970px) {
.content #topPr h3 {font-size: 125%;}
}