/*
Theme Name: IFM theme
Version: 1.0.0
*/
@charset "UTF-8";
/*-----------------------------------------
default settings
------------------------------------------*/
html {
	font-size: 62.5%;
}
body {
	background-color:#ffffff;
}
body,th,td,li,dt,dd,input,select,p,div,span,textarea,h1,h2,h3,h4,h5,h6 {
font-family: "Avenir Next", Verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", "メイリオ", Meiryo, Osaka, sans-serif;
color:#333;
font-size: 16px;
font-size: 1.6rem;
}
.mincho {
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;	
}
.textshadow {
	text-shadow: 0px 0px 3px #000000; 
}
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
  min-height: 1px;
}
* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}
.fullwidth {width:100%;}
a {
	color:#0066cc;
	outline: none;
	text-decoration:none;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
a:hover {
	color:#cc0066;
}
hr {
	border:0;
	border-bottom:1px solid #cccccc;
}
p {
	line-height:200%;
}
/* editor */
p {
	display: block;
	margin: 1em 0;
}
strong { font-weight: bold; }
em { font-style: italic; }
blockquote {
	display: block;
	-webkit-margin-before: 1em;
	-webkit-margin-after: 1em;
	-webkit-margin-start: 40px;
	-webkit-margin-end: 40px;
}
/* img */
.aligncenter {
	display: block;
	margin: 0 auto;
}
.alignright { float: right; }
.alignleft { float: left; }

img[class*="wp-image-"],
img[class*="attachment-"] {
	height: auto;
	max-width: 100%;
}
.img-responsive {
	margin-left:auto;
	margin-right:auto;
}
/*-----------------------------------------
conponent
------------------------------------------*/
.red {color:#ac160b;}
.white {color:#ffffff;}
.center {text-align:center;}
.left {text-align:left;}
.right {text-align:right;}

.red-cel {
	background-color:#ac160b;
	color:#ffffff;
}
.red-cel h2,.red-cel h3,.red-cel h4,.red-cel p,.red-cel li {
	color:#ffffff;
}
.black-cel {
	background-color:#111111;
	color:#ffffff;
}
.black-cel h2,.black-cel h3,.black-cel h4,.black-cel p,.black-cel li {
	color:#ffffff;
}
.mt15 {margin-top:15px;}
.mt30 {margin-top:30px;}
.mt60 {margin-top:60px;}
.mb15 {margin-bottom:15px;}
.mb30 {margin-bottom:30px;}
.mb60 {margin-bottom:60px;}
.button {
	display:block;
	padding:16px 0;
	color:#ffffff;
	background-color:#8c251d;
	text-align:center;
	font-size:112.5%;
	width:100%;
	max-width:290px;
	margin:60px auto;
	border:2px solid #ffffff;
}
.button:hover {
	color:#8c251d;
	background-color:#ffffff;
	border:2px solid #8c251d;
}
@media screen and (max-width : 767px){
	.container {
	padding-left:15px;
	padding-right:15px;
	}
	.singlelayout {
	margin:60px 15px;
	}
	.singlelayout-left {
	text-align:left;
	margin:60px 15px;
	}
	.page-tt {
	font-size:20px;
	margin-bottom:30px;
	}
	.left-sidebar img,.right-main img {
	display:block;
	margin-left:auto;
	margin-right:auto;
	}
	.img-responsive {
	margin-left: auto;
	margin-right: auto;
	}
	.pconly {display:none;}
}
@media screen and (min-width : 768px){
	.wrapper {
	width:100%;
	min-width:1300px;
	}
	.container {
	width:1300px;
	padding-left:30px;
	padding-right:30px;
	margin-left:auto;
	margin-right:auto;
	}
	.container-fluid {
	padding-left:30px;
	padding-right:30px;
	margin-left:auto;
	margin-right:auto;
	}
	.singlelayout {
	width:100%;
	max-width:640px;
	margin:60px auto;
	}
	.singlelayout-left {
	width:100%;
	max-width:640px;
	text-align:left;
	margin:60px auto;
	}
	.page-tt {
	font-size:30px;
	margin-bottom:50px;
	}
	.left-sidebar {
	width:300px;
	float:left;	
	}
	.right-main {
	width:940px;
	float:right;
	padding-left:40px;
	}
	.right-main-news {
	width:940px;
	float:right;	
	padding-left:15px;
	border-left:1px solid #333333;
	}
	.left-sidebar-wide {
	width:480px;
	float:left;		
	}
	.right-main-nallow {
	width:760px;
	float:right;
	padding-left:40px;
	}
	.sponly {display:none;}

}
.img-responsive {
	display: block;
	max-width: 100%;
	height: auto;
}
/*-----------------------------------------
header
------------------------------------------*/
header {
	position:relative;
	background-color:#000000;
}
.header-shadow {
	position:absolute;
	z-index:500;
	width:100%;
	height:80px;
background: -moz-linear-gradient(top,  rgba(0,0,0,0.40) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.40) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0.40) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}
.logo {
	position:absolute;
	z-index:1000;
	height:80px;
}
.logolink {
	display:block;
	background: url(images/logo-ifm.png) no-repeat 10px 10px;
	height:80px;
	padding-left:80px;
	}
.logo-spenit {
	display:block;
	color:#ffffff;
	font-size:12px;
	font-size:1.2rem;
	padding-top:20px;
	padding-bottom:5px;
}
@media screen and (max-width : 767px){
.logo-text {
	color:#ffffff;
	font-size:16px;
	font-size:1.6rem;
	font-weight:bold;
}	
}
@media screen and (min-width : 768px){
	header {
	min-width:1300px;
	}
	.logo-text {
	color:#ffffff;
	font-size:24px;
	font-size:2.4rem;
	}
	.header-shadow {
	min-width:1300px;
	}
}
/*-----------------------------------------
footer
------------------------------------------*/
footer {
	background-color:#111111;
	color:#ffffff;
}
@media screen and (max-width : 767px){
	.footer-frame {
	width:90%;
	margin-left:auto;
	margin-right:auto;
	padding-top:15px;
	padding-bottom:15px;
	}	
	.footer-sns {
	width:150px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:15px;
	}
	.footer-right {
	text-align:right;
	}
	.footer-logo-spenit {
	font-size:11px;
	font-size:1.1rem;
	}
	.footer-logo-text {
	font-size:13px;
	font-size:1.3rem;
	}
	.footer-left a,.footer-center a {
	display:block;
	color:#ffffff;
	padding:16px 8px;
	font-size:13px;
	font-size:1.3rem;
	}
}
@media screen and (min-width : 768px){
	footer {
	min-width:1300px;
	}
	.footer-frame {
	display:table;
	width:100%;
	padding-top:15px;
	padding-bottom:15px;
	}
	.footer-left {
	display:table-cell;
	text-align:left;
	vertical-align:top;
	padding-left:15px;
	}
	.footer-center {
	display:table-cell;
	text-align:left;
	vertical-align:top;
	}
	.footer-right {
	display:table-cell;
	text-align:right;
	vertical-align:middle;
	padding-right:15px;
	}	
	.footer-logo-spenit {
	font-size:12px;
	font-size:1.2rem;
	}
	.footer-logo-text {
	font-size:18px;
	font-size:1.8rem;
	}
	.footer-sns {
	margin-left:auto;
	}
	.footer-left a,.footer-center a {
	display:block;
	color:#ffffff;
	padding:8px;
	font-size:14px;
	font-size:1.4rem;
	}
}

.footer-sns {
	margin-top:10px;
}
.footer-sns li {
	float:right;
	width:50px;
}

.footer-logo {
	background: url(images/logo-ifm.png) no-repeat right center;
	padding-right:70px;
	height:60px;
}
.footer-logo-spenit {
	display:block;
	color:#ffffff;
	padding-top:15px;
	padding-bottom:5px;
}
.footer-logo-text {
	display:block;
	color:#ffffff;
}
/*-----------------------------------------
mainvisual
------------------------------------------*/
.mainvisual {
	position:relative;
	z-index:99;
	width: 100%;
	overflow:hidden;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
	text-align:center;
}
.mainvisual:before {
	content:"";
	position:absolute;
	width:100%;
	top:0;
	left:0;
	background:rgba(0,0,0,0.3);	
	z-index:100;
}
@media screen and (max-width : 767px){
	.mainvisual {
	height:320px;
	padding-top:130px;
	}
	.mainvisual:before {
	height:320px;		
	}
	.mainvisual-tt {
	font-size:225%;
	}
	.mainvisual-st {
	font-size:100%;
	}
}
@media screen and (min-width : 768px){
	.mainvisual {
	min-width:1300px;
	height:400px;
	padding-top:160px;
	}
	.mainvisual:before {
	min-width:1300px;
	height:400px;
	}
	.mainvisual-tt {
	font-size:300%;
	}
	.mainvisual-about .mainvisual-tt,.mainvisual-business .mainvisual-tt,.mainvisual-news .mainvisual-tt {
	font-size:200%;
	}
	.mainvisual-st {
	font-size:112.5%;
	width:400px;
	border-top:1px solid #ffffff;
	}
}
.mainvisual-about {background-image: url(images/mainvisual-about.jpg);}
.mainvisual-info {background-image: url(images/mainvisual-information.jpg);}
.mainvisual-contact {background-image: url(images/slider02-big.jpg);}
.mainvisual-business {background-image: url(images/mainvisual-business.jpg);}
.mainvisual-news {background-image: url(images/mainvisual-news.jpg);}
.mainvisual-restaurant {background-image: url(images/mainvisual-restaurant.jpg);}
.mainvisual-interview {background-image: url(images/interview/mainvisual-interview.jpg);}
.mainvisual-products {background-image: url(images/slider01-big.jpg);}
.mainvisual-tt {
	color:#ffffff;
	position:relative;
	z-index:998;
}
.mainvisual-st {
	color:#ffffff;
	position:relative;
	z-index:998;
	display:block;
	text-align:center;
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
	padding-top:10px;
	letter-spacing:4px;
}
/*-----------------------------------------
slider
------------------------------------------*/
.bx-wrapper {
	position:relative;
	z-index:99;
	width: 100%;
	overflow:hidden;
	-webkit-animation: sliderfadein 3s;
	animation: sliderfadein 3s;
	opacity:1;
}

.bx-wrapper .bx-pager {
    text-align: center;
    font-size: .85em;
    font-family: Arial;
    font-weight: bold;
    padding-top: 20px;
}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
    position: absolute;
    bottom: 30px;
    width: 100%;
z-index:999;
}
.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display: inline-block;
}
.bx-pager-link {
    background: #666;
    text-indent: -9999px;
    display: block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    outline: 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.bx-pager-link.active {
    background: #fff;
}

.bx-controls-direction {
	position:relative;
}
@media screen and (max-width : 767px){
	.bx-controls-direction a {
display:none;
	}
}
@media screen and (min-width : 768px){
	.bx-controls-direction a {
	position:absolute;
	display:block;
	width:30px;
	height:30px;
	top:-360px;
	border-radius:30px;
	background:rgba(255,255,255,0.8);
	text-indent: -9999px;
	white-space:nowrap;
	overflow:hidden;
	}
}
.bx-prev {
left:10px;
}
.bx-next {
right:10px;
}
.bx-prev:before {
	content:"";
	position:absolute;
	top: 50%;
	left: 12px;
	display: block;
	content:" ";
	width: 7px;
	height: 7px;
	margin-top: -5px;
	border-top: 2px solid #c72167;
	border-right: 2px solid #c72167;
	-webkit-transform: rotate(225deg);
	-moz-transform: rotate(225deg);
	-ms-transform: rotate(225deg);
	-o-transform: rotate(225deg);
	transform: rotate(225deg);
}
.bx-next:before {
	content:"";
	position:absolute;
	top: 50%;
	left: 10px;
	display: block;
	content:" ";
	width: 7px;
	height: 7px;
	margin-top: -5px;
	border-top: 2px solid #c72167;
	border-right: 2px solid #c72167;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
.bxslider li a {
	display:block;
}

@-webkit-keyframes sliderfadein {
	0%   { opacity:0;} 
	100%  { opacity:1;}
}
@keyframes sliderfadein {
	0%   { opacity:0;} 
	100%  { opacity:1;}
}
.bxslider {
	width: 100%;
	overflow:hidden;
}
@media screen and (max-width : 767px){
	.bx-wrapper {
	height:480px;
	}
	.bxslider {
	height:480px;
	}
	.bxslider li {
	height:480px;
	padding-top:250px;
	padding-left:10px;
	padding-right:10px;
	}
	.slider-bigtext {
	font-size:171%;
	}
	#bx-pager {
	height:110px;
	}
	#bx-pager a {
	height:110px;
	font-size:100%;
	}
	.bxslider li:after {
	top:150px;
	background-size:50% auto;
	}
	.slider4 {
	background-position:right center;
	}
}
@media screen and (min-width : 768px){
	.bx-wrapper {
	height:640px;
	min-width:1300px;
	}
	.bxslider {
	height:640px;
	min-width:1300px;
	}
	.bxslider li {
	height:640px;
	background-position:center center;
	
	}
	.bxslider li a {
	padding-top:360px;
	}
	.slider-bigtext {
	font-size:300%;
	}
	.slider-smalltext {
	font-size:128%;
	}
	#bx-pager {
	height:150px;
	min-width:1300px;
	}
	#bx-pager a {
	height:150px;
	font-size:128%;
	}
	.bxslider li:after {
	top:220px;
	}
	.slider-smalltext strong {
	font-size:150%;
	}
}
.bxslider li {
	position:relative;
	text-align:center;
	background-repeat:no-repeat;
	background-size:cover;
	color:#ffffff;
}
.bxslider li:after {
	content:"";
	position:absolute;
	width:116px;
	height:86px;
	left:50%;
	margin-left:-43px;
	z-index:99;
	background-image: url(images/cowmark.png);
	background-repeat:no-repeat;
	background-position:center center;
}
.slider-bigtext {
	display:block;
	font-weight:900;
	color:#ffffff;
	padding-bottom:15px;
}
.slider-smalltext {
	display:none;
	font-weight:bold;
	color:#ffffff;
}
.bxslider li img {
	width:100%;
	height:auto;
}
#bx-pager {
	display:table;
	width:100%;
	table-layout:fixed;
	background-color:#000000;
}
#bx-pager a {
	display:table-cell;
	position:relative;
	text-align:center;
	vertical-align:middle;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
	color:#ffffff;
	opacity:0.7;
}
#bx-pager .active {
	opacity:1.0;	
}

.slider1 {background-image: url(images/slider06-big.jpg);background-position:center center;}
.slider2 {background-image: url(images/slider01-big.jpg);background-position:center center;}
.slider3{background-image: url(images/slider03-big.jpg);background-position:center center;}
.slider4 {background-image: url(images/slider09-big.jpg);}
.pager1 {background-image: url(images/slider06.jpg);}
.pager2 {background-image: url(images/slider01.jpg);}
.pager3 {background-image: url(images/slider03.jpg);}
/*-----------------------------------------
top
------------------------------------------*/
@media screen and (max-width : 767px){
	.top-cel {
	display: -webkit-flex;
 	display: flex;
	-webkit-flex-direction:column;
	flex-direction:column;
	}
	.top-cel-nallow img {
	width:100%;
	height:auto;
	}
	.top-cel-nallow {
	-webkit-order:1;
	order:1;
	}
	.top-cel-wide {
	padding-left:5%;
	padding-right:5%;
	overflow:hidden;
	-webkit-order:2;
	order:2;
	}
	.top-cel-full {
	padding-left:5%;
	padding-right:5%;
	}
	.top-cel-half {
	padding-left:5%;
	padding-right:5%;
	min-height:320px;
	background-size:cover;
	}
	.top-cel h2 {
	font-size:200%;
	text-align:center;
	margin-top:40px;
	margin-bottom:40px;
	}
}
@media screen and (min-width : 768px){
	.top-cel {
	display:table;
	overflow:hidden;
	position:relative;
	z-index:999;
	min-width:1300px;
	}	
	.top-cel-nallow {
	width:525px;
	display:table-cell !important;
	vertical-align:top;
	}
	.top-cel-wide {
	display:table-cell;
	min-width:775px;
	padding-left:60px;
	padding-right:60px;
	vertical-align:top;
	position:relative;
	}
	.top-cel-full {
	display:table-cell;
	padding-left:60px;
	padding-right:60px;
	vertical-align:top;
	}
	.top-cel-half {
	display:table-cell;
	width:50%;
	vertical-align:top;
	padding-left:60px;
	padding-right:60px;
	background-size:cover;
	}
	.top-cel-nallow img {
	width:100%;
	min-width:525px;
	height:auto;
	}
	.top-cel h2 {
	font-size:225%;
	margin-top:60px;
	margin-bottom:50px;
	}
}
.top-cel {
	width:100%;
	overflow:hidden;
}
.top-cel p,.mainarea p {
	line-height:200%;
	padding-bottom:14px;
}

.top-cel h3 {
	text-align:center;
	margin-bottom:50px;
}
.top-cel p {
	font-weight:bold;
}
.top-cel-nallow {
	position:relative;
	overflow:hidden;	
	background-size:cover;
}
.top-img1 {
	background-image: url(images/top-person1.jpg);
}

@media screen and (max-width : 767px){
	.data-cel{
	width:90%;
	max-width:640px;
	margin-left:auto;
	margin-right:auto;
	}
	.data-cel th,.data-cel td {
	display:block;
	text-align:center;
	}
	.topbtn-left,.topbtn-right {
	margin:0px auto 30px auto;	
	}
}
@media screen and (min-width : 768px){
	.data-cel{
	width:100%;
	max-width:640px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:30px;	
	}
	.data-cel th {
	text-align:left;
	width:200px;
	}	
	.top-img1 {
	min-height:525px;
	}
	.topbtn-left {
	position:absolute;
	bottom:50px;
	right:50px;	
	}
	.topbtn-right {
	position:absolute;
	bottom:50px;
	left:50px;	
	}
}
.data-cel th,.data-cel td {
	padding:12px 8px;
}
.data-cel tr {
	border-bottom:1px solid #cccccc;
}
.data-cel th {
	position:relative;
	text-align:center;
}
.topbtn {
	display:block;
	background:#8c251d;
	border:2px solid #8c251d;
	color:#ffffff;
	width:156px;
	height:28px;
	line-height:28px;
	text-align:center;	
}
.topbtn:hover {
	color:#8c251d;
	background-color:#ffffff;
	border:2px solid #8c251d;
}
.formalbtn {
	display:block;
	max-width:300px;
	margin:30px auto;
	padding:12px;
	border:none;
	border-radius:4px;
	color:#ffffff;
	background-color:#ac160b;
}
.formalbtn:hover {
	background-color:#ff9900;
}
@media screen and (min-width : 768px){
.slidein-left,.slidein-right {
	display:block;
	opacity:0;	
}
.fire .slidein-left {

	opacity:1;
	-webkit-animation: slideleft 1.2s;
	animation: slideleft 1.2s;
}
.fire .slidein-right {
	display:block;
	opacity:1;
	-webkit-animation: slideright 1.2s;
	animation: slideright 1.2s;
}
}
@-webkit-keyframes slideleft { 
	0%   { -webkit-transform:  translate(-30px, 0px) ;opacity:0;} 
	100%  { -webkit-transform:  translate(0px, 0px);opacity:1;} 
}
@keyframes slideleft { 
	0%   { transform:  translate(-30px, 0px) ;opacity:0;} 
	100%  { transform:  translate(0px, 0px);opacity:1;}  
}
@-webkit-keyframes slideright { 
	0%   { -webkit-transform:  translate(30px, 0px) ;opacity:0;} 
	100%  { -webkit-transform:  translate(0px, 0px);opacity:1;} 
}
@keyframes slideright { 
	0%   { transform:  translate(30px, 0px) ;opacity:0;} 
	100%  { transform:  translate(0px, 0px);opacity:1;}  
} 
.top-cel.fire h2 {
	-webkit-animation: slidertop 1.2s;
	animation: slidertop 1.2s;
}
@-webkit-keyframes slidertop { 
	0%   { -webkit-transform:  translate(0px, -20px) ;opacity:0;}
	100%  { -webkit-transform:  translate(0px, 0px);opacity:1;}
}
@keyframes slidertop { 
	0%   { transform:  translate(0px, -20px) ;opacity:0;}
	100%  { transform:  translate(0px, 0px);opacity:1;} 
}

/*-----------------------------------------
info
------------------------------------------*/
@media screen and (max-width : 767px){
	.sublogo-text {
	display:none;	
	}	
	.banner-about-gyusho div,.banner-about-gyusho a {
	height:90px;
	}
	.banner-about-gyusho h3 {
	font-size:150%;
	color:#ffffff;
	padding-top:25px;
	}
	.banner-about-gyusho div {
	background-size:100% auto;
	background-position:center center;
	}
}
@media screen and (min-width : 768px){
	.sublogo-text {
	font-size:300%;
	line-height:150%;
	}	
	.banner-about-gyusho div,.banner-about-gyusho a {
	height:180px;		
	overflow:hidden;
	}
	.banner-about-gyusho h3 {
	font-size:225%;
	color:#ffffff;
	padding-top:60px;
	}
	.banner-about-gyusho div {
	background-size:cover;	
	}
	.banner-about-left {
	float:left;
	width:50%;
	}
	banner-about-right {
	float:right;
	width:50%;
	}
}

.left-sidebar-wide h2 {
	font-size:162.5%;
	text-align:center;	
}
.left-sidebar-wide h3 {
	font-size:112.5%;
	text-align:center;
	margin-top:15px;
	margin-bottom:15px;
}
.banner-about-gyusho {
	height:180px;
	overflow:hidden;
}
.banner-about-gyusho a {
	display:block;
	width:100%;
	height:180px;
	overflow:hidden;
	text-align:center;
	color:#ffffff;
}
.banner-about-gyusho a:hover {
	background-color:#8c251d;
}
@media screen and (max-width : 767px){
	.threecel li {
	padding-bottom:15px;
	}
	.threecel li:last-child {
	padding-bottom:0px;
	}
	.threecel a {
	display:block;
	height:80px;
	line-height:80px;
	padding:0px 10px;
	font-size:100%;
	}
}
@media screen and (min-width : 768px){
	.threecel {
	margin-right:-15px;
	}
	.threecel li {
	width:33.333333%;
	float:left;
	padding-right:15px;
	}
	.threecel a {
	display:block;
	height:80px;
	line-height:80px;
	font-size:112.5%;
	}
}

.threecel a {
	text-align:center;
	background-color:#8c251d;
	background-size:cover;
}
.threecel a:hover {
	color:#ffffff;
	background-size:cover;
}
.banner-bottom-contact:hover {background-image: url(images/info/banner-contact-mo.jpg);	}
.banner-bottom-media:hover {background-image: url(images/info/banner-media-mo.jpg);	}
.banner-bottom-business:hover {background-image: url(images/info/banner-business-mo.jpg);}

/*-----------------------------------------
form
------------------------------------------*/
.form-cel,.form-cel-en{
	width:100%;
	max-width:640px;
	margin-left:auto;
	margin-right:auto;
}
@media screen and (max-width : 767px){
	.form-cel th,.form-cel td,.form-cel-en th,.form-cel-en td {
	display:block;
	}
	.form-cel-tel {
	margin-bottom:5px;
	}
}
.form-cel th,.form-cel td,.form-cel-en th,.form-cel-en td {
	padding:12px 8px;
}
.form-cel tr,.form-cel-en tr {
	border-bottom:1px solid #cccccc;
}
.form-cel th {
	text-align:left;
	color:#ac160b;
	position:relative;
	width:200px;
}
.form-cel-en th {
	text-align:left;
	color:#ac160b;
	position:relative;
	font-weight:normal;
	font-size:14px;
	width:230px;
}
.hissu:before {
	content:"\5FC5\9808";
	display:inline-block;
	position:relative;
	font-weight:normal;
	padding:4px 10px 4px 8px;
	width:40px;
	text-align:center;
	border:1px solid #c0392b;
	color:#ffffff;
	background-color:#ac160b;
	border-radius:5px;
	margin-right:10px;
}
.hissu-en:before {
	content:"Required";
	display:inline-block;
	position:relative;
	font-size:10px;
	font-weight:normal;
	padding:4px 10px 4px 8px;
	width:40px;
	text-align:center;
	border:1px solid #c0392b;
	color:#ffffff;
	background-color:#ac160b;
	border-radius:5px;
	margin-right:10px;
}
.nini:before {
	content:"\4EFB\610F";
	display:inline-block;
	position:relative;
	font-weight:normal;
	padding:4px 10px 4px 8px;
	width:40px;
	text-align:center;
	border:1px solid #999999;
	color:#999999;
	border-radius:5px;
	margin-right:10px;
}
.nini-en:before {
	content:"Option";
	display:inline-block;
	position:relative;
	font-size:10px;
	font-weight:normal;
	padding:4px 10px 4px 8px;
	width:40px;
	text-align:center;
	border:1px solid #999999;
	color:#999999;
	border-radius:5px;
	margin-right:10px;
}
.form-cel-input {
	border:1px solid #dddddd;
	padding:4px;
	border-radius:4px;
	width:90%;	
}
.form-cel-tel {
	border:1px solid #dddddd;
	padding:4px;
	border-radius:4px;	
}
.form-cel-submit {
	display:block;
	width:100%;
	max-width:300px;
	margin-left:auto;
	margin-right:auto;
	padding:12px;
	border:none;
	border-radius:4px;
	color:#ffffff;
	background-color:#ac160b;
}
.form-cel .error,.form-cel-en .error {
	display:block;
	width:90%;
	background-color:#ff2222;
	color:#ffffff !important;
	padding:5px;
	margin:10px auto;
	border-radius:4px;
	position:relative;
}
.tel-frame {
	border:1px solid #333333;
}
.tel-frame-left {
	height:50px;
	line-height:50px;
	color:#ac160b;
	font-size:187.5%;
	position:relative;
}

.tel-frame-right {
	height:50px;
	line-height:50px;
	padding-right:15px;
}
@media screen and (max-width : 767px){
	.tel-frame-left,.tel-frame-right {
	text-align:center;
	}
}
@media screen and (min-width : 768px){
	.tel-frame-left {
	float:left;
	padding-left:65px;
	}
	.tel-frame-right {
	float:right;
	}
	.tel-frame-left:before {
	content:"";
	position:absolute;
	top:0px;
	left:0px;
	width:50px;
	height:50px;
	background: url(images/icon-tel.png) no-repeat;
	}
}
.panel {
	border:1px solid #333333;
	margin:30px auto;
	padding:30px;	
}
/*-----------------------------------------
archives
------------------------------------------*/
.newscel {
	padding-top:15px;
	padding-bottom:15px;	
	border-bottom:1px solid #333333;
}
@media screen and (max-width : 767px){
	.newscel {
	display:table;
	width:100%;	
	}
	.newslist-img {
	display:table-cell;
	width:28%;
	padding-right:3%;
	vertical-align:top;
	}
	.newslist-img img {
	width:100%;
	}
	.newslist-body {
	display:table-cell;
	width:70%;
	vertical-align:top;	
	}
	.newslist-exp {
	display:none;	
	}
	.newslist-title {
	margin-top:10px;
	font-size:100%;
	}
}
@media screen and (min-width : 768px){
	.newslist-img {
	float:left;
	width:160px;
	}
	.newslist-img img {
	width:100%;
	}
	.newslist-body {
	float:right;
	width:763px;
	padding-left:15px;	
	}
	.newslist-title {
	margin-top:20px;
	margin-bottom:20px;
	font-size:125%;
	}
	.newssingle-title {
	margin-top:20px;
	margin-bottom:60px;
	font-size:187.5%;
	}
}
.newslist-title a {
	color:#333333;
}
.newslist-exp {
	line-height:150%;
}
.newssingle-contents {
	margin-bottom:30px;
}
.wp-pagenavi {
	margin-left:auto;
	margin-right:auto;
	margin-top:30px;
	margin-bottom:30px;
	text-align:center;
}
.wp-pagenavi a {
	display:inline-block;
	padding:13px 16px;
	margin:0 6px;
	color:#ffffff;
	background-color:#111111;
}
.wp-pagenavi a:hover {
	color:#ffffff;
	background-color:#8c251d;
}
.current {
	display:inline-block;
	color:#ffffff;
	background-color:#666666;
	padding:13px 16px;
	margin:0 6px;
	position:relative;
}
.left-sidebar .widgettitle {
	height:50px;
	padding-top:10px;
	border-bottom:1px solid #333333;
	position:relative;
}
.widget ul {
	margin-bottom:60px;
}
.widget li {
	padding:15px 15px 15px 30px;
	position:relative;
	border-bottom:1px solid #dddddd;
}
.widget li:before {
	position: absolute;
	z-index:10;
	top: 50%;
	left: 5px;
	display: block;
	content:" ";
	width: 7px;
	height: 7px;
	margin-top: -6px;
	border-top: 2px solid #333333;
	border-right: 2px solid #333333;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
.widget_recent_entries .widgettitle:after {
	content:"latest entry";
	position:absolute;
	bottom:8px;
	left:0px;
	font-size:11px;
	display:block;
}
.sidebar-category .widgettitle:after {
	content:"Category";
	position:absolute;
	bottom:8px;
	left:0px;
	font-size:11px;
	display:block;
}
@media screen and (max-width : 767px){
.post-categories {
	margin-top:10px;
	}
.post-categories li {
	padding-bottom:10px;
	}
	.post-categories a {
	display:inline-block;
	color:#8c251d;
	border:1px solid #8c251d;
	padding:6px 12px;
	font-size:87.5%;
	border-radius:3px;
	}
}
@media screen and (min-width : 768px){
.post-categories {
	display:table;
	}
.post-categories li {
	display:table-cell;
	padding-right:10px;
	}
	.post-categories a {
	display:block;
	color:#ffffff;
	background-color: #8c251d;
	padding:6px 12px;
	font-size:87.5%;
	border-radius:3px;
	}
}
.news-category-tt {
	font-size:150%;
	margin-bottom:30px;
}
/*-----------------------------------------
restaurant
------------------------------------------*/
.shopcel {
	color:#ffffff;
	margin-bottom:30px;
}
@media screen and (max-width : 767px){
	.shop-cel-left {
	text-align:center;
	padding:30px 15px;
	background-color:#111111;
	}
	.shop-cel-left h2 {
	color:#ffffff;
	font-size:1.8rem;
	margin-bottom:10px;
	}
	.shop-cel-left h3 {
	color:#ffffff;
	font-size:1.2rem;
	margin-bottom:10px;
	}
	.shop-cel-button {
	margin-left:auto;
	margin-right:auto;
	}
	.restaurant-btn-box li {
	padding-bottom:10px;
	}
}
@media screen and (min-width : 768px){
	.shopcel {
	background-color:#111111;
	}
	.shop-cel-left {
	width:540px;
	height:250px;
	float:left;
	padding:30px;
	}
	.shop-cel-right {
	width:690px;
	height:250px;
	float:right;
	}
	.shop-cel-left h2 {
	color:#ffffff;
	font-size:24px;
	font-size:2.4rem;
	letter-spacing:4px;
	margin-bottom:10px;
	}
	.shop-cel-left h3 {
	color:#ffffff;
	font-size:12px;
	font-size:1.2rem;
	letter-spacing:6px;
	margin-bottom:10px;
	}
	.restaurant-btn-box li {
	float:left;
	width:50%;
	padding-right:20px;
	}
}
.shop-cel-left p {
	color:#ffffff;
}
.shop-cel-button {
	display:block;
	padding:12px 0;
	color:#ffffff;
	background-color:#8c251d;
	text-align:center;
	font-size:112.5%;
	width:100%;
	max-width:290px;
}
.shop-cel-button:hover {
	color:#8c251d;
	background-color:#ffffff;
}

/*-----------------------------------------
drawr(SP mode menu)
------------------------------------------*/
.drawr-btn {
    display: block;
    width:30px;
    height: 30px;
	font-size:12px;
    position: absolute;
    top:20px;
    right:55px;
    cursor: pointer;
	color:#ffffff;
    z-index: 9999;
}
.drawr-btn span {
	border-bottom: 2px solid #ffffff;
	width: 30px;
	height:30px;
	position: absolute;
	color:#ffffff;
	top: -16px;
	right: -45px;
	display:block;
	transition: all 0.4s ease;
}
.drawr-btn span:before,.drawr-btn span:after {
	content: '';
	display: inline-block;
	border-top: 2px solid #ffffff;
	width: 30px;
	position: absolute;
	left: 50%;
	margin-left: -15px;
	transition: all 0.4s ease;
}
.drawr-btn span:before {
	top: 12px;
}
.drawr-btn span:after {
	top: 21px;
}
.drawr-btn-peke span {
	border-bottom: 2px solid #ffffff;
	border-bottom: none;
}
.drawr-btn-peke span:before {
	border-top: 2px solid #ffffff;
	transform: rotate(-45deg);
	top:16px;
}
.drawr-btn-peke span:after {
	border-top: 2px solid #ffffff;
	transform: rotate(45deg);
	top: 16px;
}
.drawr {
    display: none;
    background-color:rgba(0,0,0,0.9);
    position: absolute;
    top: 0px;
    right:0;
    width:320px;
    height:100% !important;
    min-height:1100px;
    z-index: 1100;
	border-radius:0px 0px 0px 5px;
}
#spmenu {
	margin-top:40px;
}
#spmenu li {
	width:320px;
}
#spmenu li a {
	display:block;
	padding:15px 15px 15px 35px;
	color:#ffffff;
	text-decoration:none;
	position:relative;
}
#spmenu li a:before {
	position: absolute;
	z-index:3;
	top: 50%;
	left: 12px;
	display: block;
	content:" ";
	width: 5px;
	height: 5px;
	margin-top: -5px;
	border-top: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
#spmenu li a:hover {
	background-color:#aa0000;
}

/*-----------------------------------------
top-v2
------------------------------------------*/
@media screen and (max-width : 767px){
	.top-lead {
	text-align:center;
	padding-left:15px;
	padding-right:15px;
	}
	.top-lead-sub {
	display:none;
	}
	.top-lead p {
	margin-bottom:0px;
	}
}
@media screen and (min-width : 768px){
	.top-lead {
	height:420px;
	padding-left:590px;
	padding-right:60px;
	background-image: url(images/mainvisual-ifm.jpg);
	background-repeat:no-repeat;
	}
	.top-lead-sub {
	color:#8f8773;
	font-size:12px;
	line-height:260%;
	}
}
.top-lead {
	background-color:#ece5d3;
}
.tt-top-lead {
	color:#8b2425;
	font-size:24px;
	font-size:2.4rem;
	padding-top:40px;
	padding-bottom:40px;
	text-align:center;
}
.top-lead p {
	font-weight:bold;
	padding-top:30px;
}

@media screen and (max-width : 767px){
	.top-lead p {
	padding-bottom:30px;
	}
	.top-cel-new {
	display: -webkit-flex;
 	display: flex;
	-webkit-flex-direction:column;
	flex-direction:column;
	}
	.top-cel-new h2 {
	font-size:114%;
	text-align:center;
	margin-top:20px;
	padding-top:60px;
	margin-bottom:40px;
	padding-bottom:14px;
	}
	.top-cel-news,.top-cel-tel,.top-cel-contact {
	text-align:center;
	}
	.top-cel-contact {
	padding-bottom:30px;
	}
}
@media screen and (min-width : 768px){
	.top-cel-new {
	display:table;
	overflow:hidden;
	position:relative;
	z-index:999;
	min-width:1300px;
	}	
	.top-cel-new h2 {
	font-size:150%;
	margin-top:60px;
	padding-top:80px;
	margin-bottom:60px;
	padding-bottom:14px;
	text-align:center;
	}
	.top-cel-news {
	float:left;
	padding-right:40px;
	}
	.top-cel-tel {
	float:left;
	}
	.top-cel-contact {
	float:right;
	}
}
.top-cel-new {
	width:100%;
	overflow:hidden;
}
.top-cel-new h2 {
	background-image: url(images/beefmark.png);
	background-repeat:no-repeat;
	background-position:center top;
	border-bottom:1px solid #333333;
	font-weight:bold;
}
.top-cel-new p {
	font-weight:bold;
}
.bg-gray {
	background-color:#efeee8;
}
.top-cel-news {
	padding-top:30px;
}
.top-cel-news h2 {
	font-weight:bold;
	padding-bottom:20px;
}
.top-cel-tel {
	padding-top:60px;
}
.top-tel {
	font-size:200%;
	position:relative;
	padding-left:30px;
}
.top-tel:before {
	content:"";
	background-image: url(images/icon-tel-black.png);
	background-repeat:no-repeat;
	position:absolute;
	top:4px;
	width:52px;
	height:22px;
	margin-left:-30px;
}
.top-cel-contact .button {
	margin:0px auto;
}
/*-----------------------------------------
about
------------------------------------------*/
@media screen and (max-width : 767px){
	.about-top,.about-text {
	margin-left:15px;
	margin-right:15px;
	}
	.about-text {
	text-align:left;
	}
	.tt-about-lead {
	margin-bottom:30px;
	font-size:120%;
	font-weight:bold;
	}
	.about-tt {
	font-size:150%;
	padding-top:60px;
	}
	.about-tt-bg {
	height:150px;
	background-size:cover;
	}
	.about-kakomi {
	text-align:left;
	}
	.gyusho-tt {
	font-size:200%;
	text-align:center;
	margin:24px auto;
	}
}

@media screen and (min-width : 768px){
	.about-top,.about-text {
	max-width:650px;
	margin-left:auto;
	margin-right:auto;
	}
	.tt-about-lead {
	margin-bottom:50px;
	font-size:150%;
	font-weight:bold;
	}
	.about-tt {
	position:absolute;
	font-size:300%;
	top:130px;
	}
	.about-tt-flame {
	height:300px;
	}
	.about-tt-bg {
	height:600px;
	background-size:cover;
	}
	.kakomi-left {
	float:left;
	width:270px;
	}
	.kakomi-right {
	float:right;
	text-align:left;
	width:940px;
	padding-left:50px;
	}
	.three-pic {
	overflow:hidden;	
	}
	.three-pic ul {
	width:100%;
	display:table;
	table-layout:fixed;
	
	}
	.three-pic li {
	display:table-cell;
	text-align:left;
	padding-left:15px;
	padding-right:15px;
	}
	.about-left {
	width:620px;
	float:left;
	}
	.about-right {
	width:620px;
	float:right;
	}
	.about-text-left {
	padding-right:50px;
	height:300px;
	text-align:left;
	}
	.about-text-right {
	padding-left:50px;
	height:300px;
	text-align:left;
	}
	.about-text-left p,.about-text-right p {
	position: relative;
	top: 45%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	}
	.gyusho-tt {
	font-size:300%;
	text-align:center;
	margin:48px auto;
	}
}
.about-pic li {
	width:50%;
	float:left;
	margin:15px auto;
		
}

.tt-about-lead {
	color:#8b2425;
}

.about-tt-flame {
	width:100%;
	overflow:hidden;
	position:relative;
}
.about-tt-bg-1 {background-image: url(images/slider03-big.jpg);}
.about-tt-bg-2 {background-image: url(images/slider08-big.jpg);}
.about-tt-bg-3 {background-image: url(images/slider04-big.jpg);background-position:center center;}
.about-tt {
	color:#ffffff;
	width:100%;
	text-align:center;
}
.about-text p {
	padding-top:30px;
	padding-bottom:30px;
}
.about-kakomi {
	background-color:#efeee8;
	padding:15px;
	margin-top:30px;
	margin-bottom:30px;
}
.st-beefmark {
	position:relative;
	font-size:128%;
	font-weight:bold;
	padding:30px 0 30px 70px;
}
.st-beefmark:before {
	content:"";
	background-image: url(images/beefmark.png);
	background-repeat:no-repeat;
	width:58px;
	height:43px;
	position:absolute;
	top:20px;
	left:0px;
}

/*-----------------------------------------
interview
------------------------------------------*/
.interview-cel {
	margin-bottom:20px;	
}
@media screen and (max-width : 767px){
	.interview-pic {
	margin:12px auto;	
	}
	.interview-pic li:nth-child(odd) {
	padding-right:6px;
	}
	.interview-pic li:nth-child(even) {
	padding-left:6px;
	}	
	.interview-tt {
	margin-top:30px;
	font-size:16px;
	line-height:150%;
	}
	.interview-caption {
	font-size:12px;
	line-height:150%;	
	}
}
@media screen and (min-width : 768px){
	.interview-left {
	width:620px;
	float:left;
	}
	.interview-right {
	width:620px;
	float:right;
	}
	.interview-text-left {
	padding-right:50px;
	}
	.interview-text-right {
	padding-left:50px;
	}
	.interview-pic {
	margin:30px auto;	
	}
	.interview-pic li:nth-child(odd) {
	padding-right:15px;
	}
	.interview-pic li:nth-child(even) {
	padding-left:15px;
	}
	.interview-tt {
	font-size:20px;
	line-height:200%;
	}
	.interview-caption {
	font-size:14px;
	line-height:150%;	
	}
}

.interview-pic li {
	width:50%;
	float:left;	
}


.interview-tt {
	font-weight:700;
	border-bottom:1px solid #111111;
	padding-bottom:10px;
	margin:20px auto;
}
.interview-name {
	text-align:right;	
	font-weight:700;
}
.interview-st {
	margin:40px 0px;
	color:#990000;
}
/*-----------------------------------------
products
------------------------------------------*/
.product-frame {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	-webkit-justify-content:space-around;
	justify-content:space-around;
	margin-top:30px;
}
@media screen and (max-width : 639px){
	.product-cel {
	width:100%;
	background:#111111;
	margin-bottom:15px;
	}
}
@media screen and (min-width : 640px){
	.product-cel {
	width:48%;
	min-width:290px;
	background:#111111;
	margin-bottom:30px;
	}
}

.product-tt {
	color:#ffffff;
	font-size:18px;
	text-align:center;
	margin:5px auto;
	padding:15px 30px;
}
.product-exp {
	color:#ffffff;
	padding:5px 30px;
}
.tt-information-list {
	margin-bottom: 50px;
    font-size: 150%;
    font-weight: bold;
}