@charset "Shift_JIS";

/* ----------------------------------------------------------------
    Modules= Heading
----------------------------------------------------------------- */
body #content h1{
margin-bottom:20px;
font-size:0;
line-height:0;
padding: 0 0 0 10px !important;
}

#main h2.hdType01,
#main h3.hdType01{
padding-left:20px;
margin-bottom:20px;
font-size:0;
line-height:0;
}

#main h4.policy01{
margin-bottom:5px;
font-size:0;
line-height:0;
padding: 10px 0 0 0;
}

#main h4.policy{
margin-bottom:5px;
font-size:0;
line-height:0;
}

#main h2.hdType03,
#main h3.hdType03,
#main h4.hdType03,
#main h5.hdType03,
#main h6.hdType03{
margin-bottom:12px;
padding:5px 8px;
border-top:2px solid #248810;
background:#f0f0f0;
font-size:81.25%;
line-height:1.3;
}

#main h2.hdType04,
#main h3.hdType04,
#main h4.hdType04,
#main h5.hdType04,
#main h6.hdType04{
margin-bottom:7px;
padding:0;
font-size:81.25%;
line-height:1.3;
}

#main .hdType05{
	border: 1px solid #c4c4c4;
	border-radius: 5px;
	padding: 5px 20px 5px 20px;
	line-height: 1.5;
	font-size: 15px;
	font-weight: bold;
	position: relative;
}
#main .hdType05::before{
	content: "";
	display: block;
	width: 3px;
	height: calc(100% - 10px);
	background: #ff6e00;
	position: absolute;
	left: 8px;
	top: 5px;
}

/* ----------------------------------------------------------------
    Modules= Paragraph
----------------------------------------------------------------- */
#main p{
margin-bottom:20px;
}

#main p.normal,
body.col-m #main p.normal{
padding:0 15px 0 15px;
}

#main p.normal02,
body.col-m #main p.normal{
padding:0 20px 0 20px;
}

#main p.normal03{
font-size:90%;
padding:0 15px 0 15px;
font-weight:bold;
}

#main .eco{
font-size: 90%;
padding: 0 20px 0 20px;
margin-bottom: 10px;
}

#main .ecolink{
width: 48%;
margin: -5px 0 0 22px;
}

#main .ecolink a{
font-size: 80%;
text-decoration: none;
display: block;
border: 1px solid #146acb;
text-align: center;
padding: 2.5% 0 2% 6%;
background: url(../images/bullet_arrow_03.gif)no-repeat;
background-position: 5% 50%;
background-size: 5px auto;
color: #146acb;
}

#main .ecolink a:hover{
text-decoration: underline;
}

.normal02_c{ color:#FF6600; font-weight:bold;}

body.col-m #main p{
margin-right:10px;
}

#main p.attention{
margin-right:10px;
margin-left:0;
padding:5px;
border:1px solid #dbdbdb;
background:#f2fcff;
font-size:68.75%;
}

#main p.reference{
margin-right:20px;
margin-left:20px;
padding:5px;
border:1px solid #dbdbdb;
background:#efefef;
font-size:68.75%;
}

#main p.policyft{
width:716px;
margin-left:20px;
padding:10px;
border:1px solid #dbdbdb;
}

#main p.contact{
margin:0 20px 0 20px;
padding:10px;
border:1px solid #dbdbdb;
}

#main p.explan,
#main p.explan2{
font-size:68.75%;
padding:0 20px 0 20px;
}
#main p.explan3{
float:left;
}

#main p.thanksTxt{
text-align:center;
margin-top:30px;
font-size:120.00%;
}

#main p.oldReport{
text-align:right;
padding-right:10px;
}

#main span.explan{
color:#006600;}

#main p.explan2{
color:#cc0000;}

#main p.safety_totop{
text-align:center;
}

body.col-m #main p.attention{
margin-bottom:10px;
margin-right:10px;
margin-left:0;
padding:5px;
border:1px solid #dbdbdb;
background:#f2fcff;
font-size:68.75%;
}

body.col-m #main p.submitButton{
text-align:center;
}

body.col-m #main p.thanks_totop{
text-align:center;
margin-top:90px;
margin-bottom:90px;
}

#main p.aright{
text-align:right;
}

.shomei{
text-align:right;
padding:0 20px 20px 20px;
}

/* 低アレルゲンハンバーグ */
#main .allergen_hamburg{
padding:0 20px;
}

#main .allergen_hamburg p.normal02{
padding:0;
margin-bottom: 5px;
}

#main .customer{
padding:10px;
border: 1px solid #ccc;
margin-bottom: 10px;
}

#main .customer span {
text-align:center;
display: block;
margin-bottom: -15px;
}

#main .hamburg1, #main .hamburg2 {
margin-bottom:15px;
}

#main .hamburg1 span {
color: #EC2214;
font-weight: bold;
}

#main .hamburg2 span {
color: #1E35DE;
font-weight: bold;
}

#main .kome {
font-size:12px;
}


/* ----------------------------------------------------------------
    Modules= Ordered List
----------------------------------------------------------------- */
#main ol{
margin-left:2em;
}

#main ol li ol{
margin:4px 0 6px 2.5em;
}

ol.decimalList1{
list-style-type:decimal;
list-style-position:outside;
padding:0 20px 0 10px;
margin-left:5px;
margin-bottom:15px;
line-height:1.5em;
}

ol.decimalList1 li{
margin-bottom:10px;
}

#main div.complex ol.decimalList1{
list-style-type:decimal;
list-style-position:outside;
padding-right:15px;
padding-top:10px;
line-height:1.5em;
}

#main div.complex ol.decimalList2{
list-style-image:
list-style-position:outside;
padding-right:15px;
padding-top:10px;
line-height:1.5em;
}

#main div.complex ol.decimalList1 li{

margin-bottom:10px;
}

#main div.complex ol.decimalList1 ol.discList1{
font-weight:normal;
}

ol.decimalList1 li ul.sub01 li{
font-size:100.01%;
line-height:1.3em;
}

ol.discList1{
list-style-type:disc;
list-style-position:outside;
padding:0 20px 0 5px;
margin-left:5px;
margin-bottom:15px;
line-height:1.5em;
}

ol.discList1 li{
margin-bottom:10px;
}


/* ----------------------------------------------------------------
    Modules= Unordered List
----------------------------------------------------------------- */
#main div.ul.contractImage{
aligin:center;
}


#main div.complex ul.contract{
padding-left:10px;
padding-right:15px;
padding-top:15px;
margin:0;
}

#main div.complex ul.contract li.n01{
background:url(../images/icon_01.gif) left top no-repeat;
}

#main div.complex ul.contract li.n02{
background:url(../images/icon_02.gif) left top no-repeat;
}

#main div.complex ul.contract li.n03{
background:url(../images/icon_03.gif) left top no-repeat;
}

#main div.complex ul.contract li p{
padding-left:25px;
}

#main .moreBtn {
    margin:0 auto 10px;
}

#main .moreBtn a {
    width: 90%;
    display: block;
    background: #ff7800;
    border-radius: 5px;
    text-align: center;
    text-decoration: none;
    padding: 18px;
    margin: auto;
    transition:.5s;
}

#main .moreBtn a span {
    content: "";
    display: inline-block;
	background:url(/7fs/contact/images/contact-link.png) no-repeat left 50%;
	background-size:19px;
	font-size:15px;
	font-weight:bold;
	color:#fff;
    padding: 0 0 0 23px;
    transition:.5s;
}


#main .contract + .moreBtn a {
    background: #FFF;
    border: 1px solid #ff7800;
}

#main .contract + .moreBtn a span {
	color:#ff7800;
}


#main .moreBtn a,
#main .moreBtn a:hover {
	text-decoration:none;
}

@media only screen and (min-width: 769px) {
    #main .moreBtn a:hover {
	    background:#777;
	}
    #main .contract + .moreBtn a:hover {
        border-color: #777;
    }
    #main .contract + .moreBtn a:hover span {
        color:#fff;
    }
}

#main .moreBtn + .note01 {
	text-align:center;
	margin:0;
    font-size: 0.8em;
}

#main .btnBox{
    width: 90%;
    margin: 30px auto;
}

#main div.complex ul.complex{
padding-left:10px;
padding-top:15px;
margin:0;
}

#main div.complex ul.complex li.n01{
background:url(../images/icon_01.gif) left top no-repeat;
}

#main div.complex ul.complex li.n02{
background:url(../images/icon_02.gif) left top no-repeat;
}

#main div.complex ul.complex li.n03{
background:url(../images/icon_03.gif) left top no-repeat;
}

#main div.complex ul.complex li.n04{
background:url(../images/icon_04.gif) left top no-repeat;
}

#main div.complex ul.complex li.n05{
background:url(../images/icon_05.gif) left top no-repeat;
}

#main div.complex ul.complex li.n06{
background:url(../images/icon_06.gif) left top no-repeat;
}

#main div.complex ul.complex li p{
padding-left:25px;
}


#main ul.brandList{
width:776px;
height:32px;
margin-top:20px;
border-top:#ccc 1px solid;
border-bottom:#ccc 1px solid;
}

#main ul.brandList li.firstItem{
float:left;
font-size:0;
line-height:0;
padding:10px 0 0 8px;
}

#main ul.brandList li{
float:left;
font-size:0;
line-height:0;
padding:10px 0 0 33px;
} 

#main ul.listType01{
	width: 776px;
}

#main ul.listType01 li{
padding-left:5px;
margin-bottom:10px;
}

#main ul.listType01 li ul{
margin:4px 0 6px 3px;
}

#main ul.listType01 li ul li{
background:url(../../../shared/images/bullet_square_02.gif) 0 0.5em no-repeat;
}

#main ul.releaseList li{
position:relative;
margin-bottom:9px;
padding-bottom:10px;
background:url(../../../shared/images/line_dot_01.gif) 0 100% repeat-x;
}

#main ul.releaseList li span.date{
position:absolute;
top:0;
left:0;
padding-left:15px;
background:url(../../../shared/images/bullet_arrow_02.gif) 0 0.5em no-repeat;
}

#main ul.releaseList li span.title{
display:block;
margin-left:9em;
}

#main ul.report{
padding-top:20px;
padding-left:25px;
width: 556px;
}

#main ul.report li{
margin-bottom:10px;
padding-left:25px;
background:url(../images/icon_pdf.gif) no-repeat;
}

#main ul.siteMap{
margin-top:15px;
width:745px;
padding-left:20px;
}

#main ul.siteMap li,
#main ul.siteMap2 li{
background:url(../images/bullet_arrow_02.gif) left 2px no-repeat;
float:left;
padding-right:10px;
margin-bottom:15px;
}

#main ul.siteMap li p,
#main ul.siteMap2 li p{
margin:0;
padding-left:20px;
}

#main ul.siteMap2{
width:756px;
padding-left:20px;
padding-top:10px;
border-top:#ccc 1px solid;
padding-bottom:30px;
}




/* ----------------------------------------------------------------
    Modules= Definition List
----------------------------------------------------------------- */
#main dl.listType01 dt{
margin-bottom:3px;
}

#main dl.listType01 dd{
margin-bottom:20px;
}

#main dl.listType02 dt{
position:relative;
top:3px;
font-weight:normal;
}

#main dl.listType02 dd{
margin:-1.5em 0 8px 0;
padding-bottom:9px;
padding-left:10em;
background:url(../../../shared/images/line_dot_01.gif) 0 100% repeat-x;
}

#main dl.listType02 dd div{
margin:0;
padding:3px 0 3px 20px;
border-left:2px solid #248810;
}

#main dl.listType02 dd div p,
#main dl.listType02 dd div ul,
#main dl.listType02 dd div ol,
#main dl.listType02 dd div dl,
#main dl.listType02 dd div div{
margin:0;
}

#main dl.listType02 dd ul.noticeList01 li{
font-size:85%;
}

#main dl.listType03{
	width:100%;
	overflow:hidden;
border-bottom: 1px solid #e6e6e6;
padding-bottom: 5px;
margin-bottom:6px;
}

#main dl.listType03 dt{
font-weight:normal;
width:40%;
}

#main dl.listType03 dd{
width:60%;
}

#main dl.listType03 dt,
#main dl.listType03 dd{
	float:left;
	vertical-align:top;
	margin-bottom:0;
}


/* ----------------------------------------------------------------
    Modules= ol
----------------------------------------------------------------- */





/* ----------------------------------------------------------------
    Modules= Button
----------------------------------------------------------------- */
#main p.btnType01{
margin-top:50px;
padding-top:32px;
background:url(../../../shared/images/line_dot_02.gif) 0 0 repeat-x;
text-align:center;
}

#main p.btnType02{
text-align:right;
}


/* ----------------------------------------------------------------
    Modules= Link
----------------------------------------------------------------- */
#main p.goPagetop{
margin-right:10px;
margin-top:20px;
margin-bottom:10px;
clear:both;
font-size:0;
line-height:0;
text-align:right;
}

#main ul.linkList01 li{
padding-left:13px;
background:url(../../../shared/images/bullet_arrow_02.gif) 0 0.5em no-repeat;
}

#main span.pdfLink{
zoom:1;
padding-right:21px;
background:url(../images/icon_pdf.gif) 100% 0.1em no-repeat;
_background-position:100% 0.4em;
}

#main span.winLink{
zoom:1;
padding-right:21px;
background:url(../../../shared/images/icon_win.gif) 100% 0.1em no-repeat;
_background-position:100% 0.4em;
}


/* ----------------------------------------------------------------
    Modules= Index List
----------------------------------------------------------------- */
#main div.col-control{
width:594px;
overflow:hidden;
}

body.col-m #main div.col-control{
width:776px;
overflow:hidden;
}

body.top #main ul.brandList{
background:url(../../images/index_logobg.gif) no-repeat;
width:771px;
height:135px;
border:none;
padding:14px 0 0 25px;
margin:0px;
}

body.top #main ul.brandList li{
float:left;
margin:0;
padding:0;
}

body.col-m #main ul.indexList01{
width:819px;
}

body.col-m #main ul.indexList01 li{
float:left;
margin-right:9px;
margin-bottom:45px;
width:253px;
}

body.col-m #main ul.indexList01 li p{
padding:5px 0 0 5px;
font-size:85%;
}

#main ul.indexList02{
width:590px;
display: flex;
flex-wrap: wrap;
}

#main ul.indexList02 li{
/*float:left;*/
margin-bottom:0px;
margin-right:10px;
width:285px;
}

#main ul.indexList02 li.rightItem{
margin-bottom:18px;
}


#main ul.indexList02 li p{
padding:5px 10px 0 10px;
font-size:85%;
}

#main ul.indexList03{
width:594px;
}

#main ul.indexList03 li{
float:left;
margin-bottom:0px;
margin-right:8px;
width:188px;
}
#main ul.indexList03 li.oneLineItem{
clear:both;
}
#main ul.indexList03 li.rightItem{
margin-bottom:40px;
}

#main ul.indexList04{
width:594px;
clear:both;
}
#main ul.indexList04 li{
float:left;
margin-bottom:0px;
margin-right:8px;
width:188px;
}


#main ul.indexList03new{
width:594px;
}

#main ul.indexList03new li{
float:left;
margin-bottom:0px;
margin-right:8px;
width:285px;
}
#main ul.indexList03new li.oneLineItem{
clear:both;
}
#main ul.indexList03new li.rightItem{
margin-bottom:40px;
}


#main ul.indexList03 li p,
#main ul.indexList03new li p{
padding:5px 10px 0 10px;
font-size:85%;
}

#main ul.indexList04 li p{
padding:5px 10px 0 10px;
font-size:85%;
}

body.col-m #main ul.indexList01 li a,
#main ul.indexList02 li a,
#main ul.indexList03 li a,
#main ul.indexList03new li a,
#main ul.indexList04 li a{
zoom:1;
display:block;
}


#main .imageBlock2{
float:left;
padding-bottom:10px;
padding-right:10px;
}

#main .imageBlock2_1{
float:right;
width:380px;
}

.ff_cmt{
width:370px;
padding-left:5px;
padding-top:10px;
}

/* ----------------------------------------------------------------
    Modules= Table
----------------------------------------------------------------- */
#main table{
width:100%;
}

#main table.contTable,
#main table.pt2{
width:546px;
margin:0 20px 20px 20px;
}

#main table.contTable tbody tr td span.right{
display:block;
position:relative;
left:5px;
text-align:right;
}

#main table tbody th{
	width:25%;
padding:12px;
background:#efefef;
font-weight:normal;
}

#main table.pt2 tbody th{
background:#f2fcff;
padding:7px 10px;
font-weight:normal;
}

body.col-m #main table{
width:776px;
}

body.col-m #main table tbody th{
width:25%;
}

body.col-m #main table.layout01{
margin-left:15px;
width:736px;
border-color:#ccc;
}

body.col-m #main table.layout01 tbody tr td{
padding:0; margin:0; text-align:center;
border-color:#ccc;
}

.t1{background:#efefef; text-align:left; left:5px; width:20%;}

/* ----------------------------------------------------------------
    Modules= Image Layout
----------------------------------------------------------------- */
#main p.imageBlock{
margin-bottom:30px;
font-size:68.75%;
line-height:1.2;
}

#main .imageBlockMini{
padding: 0px 0px 0px 5px;
margin-bottom:30px;
font-size:80%;
line-height:1.5;
}

#main .imageBlockMini img{
float:left;
padding: 0px 5px 0px 0px;
}

#main p.imageBlock img{
margin-bottom:3px;
}


/* ----------------------------------------------------------------
    Modules= Image And Text
----------------------------------------------------------------- */
#main div.imageAndText{
display:table;
margin-bottom:15px;
}

#main div.imageAndText div.imageBlock,
#main div.imageAndText div.textBlock,
#main div.pdfText div.imageBlock,
#main div.pdfText div.textBlock{
display:table-cell;
text-align:left;
vertical-align:top;
}

#main div.imageAndText div.imageBlock,
#main div.pdfText div.imageBlock{
text-align:left;
}

#main div.imageAndText div.imageBlock p{
font-size:68.75%;
}

#main div.imageAndText div.imageBlock p img{
margin-bottom:3px;
}

#main div.pdfText div.imageBlock img{
margin-right:10px;
}

#main div.imageAndText div.textBlock{
margin-right:10px;
}

#main div.pdfText div.textBlock{
width:466px;
}

#main div.imageAndText div.textBlock p{
margin-bottom:15px;
}

#main div.pdfText div.textBlock p{
margin-bottom:0px;
font-size:68.75%;
}

#main div.imageRight{
direction:rtl;
}

#main div.imageRight *{
direction:ltr;
}

#main div.imageRight div.imageBlock{
padding-left:10px;
}

#main div.imageLeft div.imageBlock{
padding-right:10px;
}

#main div.imageFloat{
width:100%;
}

#main div.imageFloat p.fleft{
float:left;
margin:0 10px 10px 0;
font-size:68.75%;
text-align:left;
}

#main div.imageFloat p.fright{
float:right;
margin:0 0 10px 10px;
font-size:68.75%;
text-align:left;
}

#main div.imageFloat p.fleft img,
#main div.imageFloat p.fright img{
margin-bottom:3px;
}

#main div.pdfText{
display:table;
width:524px;
margin:0 20px 15px 20px;
padding:10px;
border:1px solid #dbdbdb;
background:#f2fcff;
}

/* Start for IE Hack */

* html #main div.imageRight div.imageBlock{
float:right;
}

*+html #main div.imageRight div.imageBlock{
float:right;
}

* html #main div.imageLeft div.imageBlock{
float:left;
}

* html #main div.pdfText div.imageBlock{
float:left;
}

*+html #main div.imageLeft div.imageBlock{
float:left;
}

*+html #main div.pdfText div.imageBlock{
float:left;
}

* html #main div.imageAndText div.textBlock{
width:auto;
}

* html #main div.pdfText div.textBlock{
width:auto;
}

*+html #main div.imageAndText div.textBlock{
width:auto;
}

*+html #main div.pdfText div.textBlock{
width:auto;
}

* html #main div.imageAndText div.imageBlock{
width:expression(this.getElementsByTagName("img")[0].clientWidth);
}

* html #main div.pdfText div.imageBlock{
width:expression(this.getElementsByTagName("img")[0].clientWidth);
}

*+html #main div.imageAndText div.imageBlock{
width:expression(this.getElementsByTagName("img")[0].clientWidth);
}

*+html #main div.pdfText div.imageBlock{
width:expression(this.getElementsByTagName("img")[0].clientWidth);
}

#main div.busImage{
width:586px;
background:url(../../business/images/restaurant_hdimg.jpg) no-repeat;
}

#main div.busImage2{
width:586px;
background:url(../../business/images/fastfood_hdimg.jpg) no-repeat;
}

#main div.busImage3{
width:586px;
background:url(../../business/images/contract_hdimg.jpg) no-repeat;
margin-top: 30px;
}

#main div.busImage4{
width:586px;
background:url(../../business/images/external_hdimg.jpg) no-repeat;
margin-top: 30px;
}

#main div.busImage img,
#main div.busImage2 img,
#main div.busImage3 img,
#main div.busImage4 img{
margin:34px 0 40px 22px;
}

#main div.busImage p,
#main div.busImage2 p,
#main div.busImage3 p,
#main div.busImage4 p{
font-size:80%;
padding:0 30px 20px 30px
}

#main div.complex{
margin:0 20px 20px 20px;
padding:10px;
border:1px solid #dbdbdb;
background:#f2fcff;
}

/* ----------------------------------------------------------------
    Modules= Layout Column
----------------------------------------------------------------- */
#main div.col-control{
margin-bottom:20px;
width:580px;
overflow:hidden;
}

#main div.col-control div.colBlock p,
#main div.col-control div.colBlock ul,
#main div.col-control div.colBlock ol,
#main div.col-control div.colBlock dl,
#main div.col-control div.colBlock div{
margin-bottom:0;
}

#main div.col-control div.col-2{
margin-bottom:10px;
width:600px;
}

#main div.col-control div.col-3{
margin-bottom:10px;
width:591px;
}

#main div.col-control div.col-4{
margin-bottom:10px;
width:584px;
}

#main div.col-control div.col-2 div.colBlock{
float:left;
margin-right:20px;
width:280px;
}

#main div.col-control div.col-3 div.colBlock{
float:left;
margin-right:12px;
width:185px;
}

#main div.col-control div.col-4 div.colBlock{
float:left;
margin-right:6px;
width:140px;
}

/* ----------------------------------------------------------------
    Modules= top
----------------------------------------------------------------- */

body.top #main #flashArea{
width:796px;
margin:0;
padding:0;
}

body.top #topInfo{
width:796px;
}

body.top #topInfo div.infoArea{
float:left;
width:541px;
padding-left:22px;
padding-bottom:25px;
}

body.top #topInfo img{
margin-bottom:10px;
}

body.top #topInfo div.infoArea ul{
padding-left:10px;
margin:0;
}

body.news div#main ul{
padding-left:10px;
margin:0;
margin-bottom:60px;
}

body.top #topInfo div.infoArea ul li,
body.news div#main ul li{
clear:both;
}

body.news div#main ul#brands li{
margin-bottom:5px;
}

body.top #topInfo div.infoArea ul li span.date,
body.news div#main ul li span.date{
display:block;
float:left;
width:90px;
}

body.top #topInfo div.infoArea ul li span.title{
display:block;
float:right;
width:434px;
}

body.news div#main ul li span.title{
display:block;
float:right;
width:484px;
margin-bottom:5px;
}

body.top #topInfo div.infoArea ul#brands li span.logo,
body.top #topInfo div.infoArea ul.brands li span.logo,
body.news div#main ul#brands li span.logo{
display:block;
float:left;
width:45px;
margin:0 0 -5px 5px;
text-align:center;
}

body.top #topInfo div.infoArea ul#brands li span.title,
body.top #topInfo div.infoArea ul.brands li span.title{
display:block;
float:right;
width:389px;
margin:0;
}

body.news div#main ul#brands li span.title,
body.news div#main ul.brands li span.title{
display:block;
float:right;
width:424px;
}

body.top #topInfo div.infoArea ul li span.noBrandtitle{
display:block;
float:right;
width:434px;
}

body.news div#main ul li span.noBrandtitle{
display:block;
float:right;
width:474px;
margin-bottom:5px;
}

body.top #topInfo div.infoArea ul li .pdf,
body.news div#main ul li .pdf{
margin:0 2px;
vertical-align: middle;
}

body.top #topInfo div.btnArea
{
float:right;
width:194px;
padding-right:20px;
}

*html body.top #topInfo div.btnArea
{
float:right;
width:194px;
padding-right:20px;
}

body.top #topInfo div.btnArea table.btn{
width:194px;
border:none;
margin-bottom:10px;
padding-bottom:10px;
}

body.top #topInfo div.btnArea table.btn tr td{
margin:0;
padding:0;
border:none;
}

body.top #topInfo div.btnArea table.btn tr td p{
margin:0;
padding:0 0 5px 0;
}

body ul.business_Nav{
position:relative;
height:85px;
margin:0;
padding:12px 0 0 24px;
background:url(/7fs/images/index_logobg.gif) left top no-repeat;
}

body ul.business_Nav li{
float:left;
}

body ul.contract_Btn{
position:relative;
margin:0;
padding:12px 0 0 24px;
}

body ul.contract_Btnli{
float:left;
}

#rollfla {
width:194px;
height:34px;
}

/* 160420 義援金のご案内 */
body.top #main .gienkin{
margin: 0 auto 25px;
width: 710px;
}

body.top #main .gienkin a:hover{
opacity:0.7;
}

/* ----------------------------------------------------------------
    rec 101012
----------------------------------------------------------------- */
.rec_box {
width:776px;
margin:15px 0 10px 0;
text-align:center;
}

.rec_btnbox {
background:url(/7fs/recruittop/images/bg.gif) repeat;
width:716px;
margin-left: auto;
margin-right: auto;
margin-top:18px;
text-align:center;
}



/* ----------------------------------------------------------------
    line 101005
----------------------------------------------------------------- */
.line { width:100%; padding:0px 0 8px 0;}
*:first-child+html .line { width:98%; padding:0px 0 8px 0;}


/* ----------------------------------------------------------------
    csr 101019
----------------------------------------------------------------- */
#csr_btn {
width:500px;
text-align:left;
margin-bottom:40px;
margin-left: auto;
margin-right: auto;

}

#csr_btn ul li {
padding-left:20px;
margin-top:5px;
background:url(../images/icon_pdf.gif) no-repeat;
}


/* ----------------------------------------------------------------
    パンケーキお詫び 141021
----------------------------------------------------------------- */
#pancake_owabi_bnr{
	border:solid 1px #555;
	margin-bottom: 20px;
	padding:15px 15px 15px;
	cursor:pointer;
	text-align:center;
}
#pancake_owabi_bnr p{
	margin-bottom: 0;
}
#pancake_owabi_bnr a{
	color:#555;
}

#pancake_owabi_bk{
	background:#fff;
	padding-top: 1px;
}
#pancake_owabi{
	border:solid 1px #555;
	margin:20px;
	padding: 60px 70px 35px;
}
#pancake_owabi .title{
	color:#555;
	font-size:81.25%;
	padding-bottom: 0.5em;
}
#pancake_owabi .title2{
	color:#555;
	font-size:81.25%;
	padding-bottom: 1em;
	text-align:center;
}
#pancake_owabi .title3{
	color:#555;
	font-size:73%;
s	padding-bottom: 0.5em;
	text-align:right;
}
#pancake_owabi p{
	color:#555;
	font-size:73%;
	padding-bottom: 1em;
}
#owabi_copyright{
	text-align:center;
	font-size:70%;
}

/* ----------------------------------------------------------------
    会社情報_CSR 150225
----------------------------------------------------------------- */
#company .quality {
	width: 540px;
	margin: 0 auto 20px;
	border-collapse: collapse;
}

#csr_btn2 {
width:500px;
text-align:left;
margin-bottom:30px;
margin-left: 22px;
}

#csr_btn2 ul li {
padding-left:20px;
margin-top:5px;
background:url(../images/icon_pdf.gif) no-repeat;
}

#company .mb70 {
	margin-bottom:70px;
}

#company .mb40 {
	margin-bottom:40px;
}

/* ----------------------------------------------------------------
    会社情報_会社概要 160516
----------------------------------------------------------------- */
#company td.company_address dl {
	margin:0;
	padding:0;
}

#company td.company_address dt {
	margin:0;
	padding:0;
	float:left;
}

#company td.company_address dd {
	margin:0;
	padding:0;
	float:left;
	width:auto;
}

#company td.company_address .newadressBox {
	border:1px solid #F01A23;
	padding:25px;
	margin:15px 20px;
}

#company td.company_address .newadressBox p {
    margin: 0 0 5px;
    font-size: 15px;
	color:#F01A23;
}

#company td.company_address .newadressBox p span {
	font-size:13px;
}

#company td.company_address .newadressBox img {
	padding-top:10px;
}

/* 160607 */

#company td.company_address .newmapBox {
	width: 350px;
    margin: 10px auto 0;
}

#company td.company_address .newmapBox p {
	margin-bottom:5px;
}

.newmapBox + dl {
	margin-top: 20px !important;
	}


#main ul.contactList{
    width: 776px;
    height: auto;
    border-top: #ccc 1px solid;
    border-bottom: #ccc 1px solid;
    display: table;
    text-align: center;
    padding: 8px 0;
    margin: 20px auto;
	box-sizing: border-box;
}

#main ul.contactList li{
	display: inline-block;
    padding: 0 12px;
    width: auto;
    font-size: 14px;
    margin: auto;
	box-sizing: border-box;
} 

/* ----------------------------------------------------------------
    CSRアクション＿バックナンバー 190118
----------------------------------------------------------------- */

.csr_backnumber {
	width: 500px;
    margin: -30px auto 40px;
    padding: 30px 0 0;
    border-top: 1px solid #ccc;
}

.csr_backnumber h4 {
	font-size: 15px;
    font-weight: normal;
	margin: 0 0 10px;
}

.csr_backnumber ul {
	overflow: hidden;
}

.csr_backnumber li {
	float: left;
	width: 230px;
	margin: 10px 10px;
	display: inline-block;
}

.csr_backnumber li a {
	text-decoration: none;
	color: #000;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-sizing: border-box;
	display: block;
    padding: 10px;
}

.csr_backnumber li a:hover {
	color: #f96;
	border: 1px solid #f96;
}

h4.bn_listTit {
	font-size: 14px;
    font-weight: normal;
    margin: 15px 0;
    padding: 5px 10px;
    background: #efefef;
    border-radius: 4px;
}


/* ----------------------------------------------------------------
    会社情報_企業理念 220329
----------------------------------------------------------------- */

#main .valueImg01{
    padding: 30px 0;
}
#main .valueImg01 + .valueList01,
#main .valueImg01 + .valueDlGroup02 {
    margin-top: -20px;
}
#main .valueList01{
    transform: translateX(17%);
    margin-bottom: 50px;
}
#main .valueList01 li{
    position: relative;
    padding-left: 20px;
    margin-bottom: 10px;
    font-size: 14px;
}
#main .valueList01 li::before{
    content: "";
    position: absolute;
    left: 0;
    top: 6px;
    width: 8px;
    height: 8px;
    background: #ff6d00;
    border-radius: 4px;
}
#main .valueDlGroup01{
    margin: 30px 0 50px;
}
#main .valueDlGroup01 dl:not(:last-child){
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
#main .valueDlGroup01 dl:not(:last-child)::after{
    content: "";
    width: 50px;
    height: 1px;
    background: #d2d2d2;
    position: absolute;
    left: calc((100% - 50px) / 2);
    bottom: 0;
}
#main .valueDlGroup01 dl dt,
#main .valueDlGroup02 dl dt{
    font-weight: bold;
    text-align: center;
    font-size: 18px;
    margin-bottom: 8px;
}
#main .valueDlGroup01 dl dd{
    text-align: center;
    font-size: 14px;
}



#main .valueDlGroup02 dl{
    margin-bottom: 30px;
}
#main .valueDlGroup02 dl dt img{
    display: block;
    margin-bottom: 5px;
}
#main .valueDlGroup02 dl dd{
    font-size: 14px;
    width: 90%;
    margin: 0 auto;
}

/* ----------------------------------------------------------------
    会社情報_沿革 220916
----------------------------------------------------------------- */

#main .historyList{
	width: 546px;
    margin: 0 20px 20px 20px;
	border-top: 1px solid #efefef;
}
#main .historyList li{
	border: 1px solid #efefef;
	border-top: none;
	padding: 20px;
}
#main .historyList li h3{
	position: relative;
	cursor: pointer;
	transition: .3s;
    background: url(/7fs/company/images/history-plus.png) 98% 50% no-repeat;
    background-size: 14px;
    border-radius: 3px;
	font-size: 14px;
}

#main .historyList li.active h3{
    position: relative;
    background: url(/7fs/company/images/history-arrow.png) 98% 50% no-repeat;
    background-size: 14px;
    border-radius: 3px;
}

#main .historyList li h3:hover{
	color: #fc7a00 ;
}

#main .historyList li .historyInrList{
	height: 0;
	transition: .3s;
	overflow: hidden;
	padding-left: 100px;
}
#main .historyList li .historyInrList.active{
	height: auto;
}

#main .historyList li .historyInrList dl{
	display: flex;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #efefef;
}
#main .historyList li .historyInrList dl:first-of-type{
	padding-top: 20px;
}
#main .historyList li .historyInrList dl:last-child{
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none
}
#main .historyList li .historyInrList dl dt{
	width: 50px;
	font-weight: bold;
}

#main .historyList li .historyInrList dl dd{
	width: calc(100% - 50px);
	margin-bottom: 0;
}

#main .historyList li .historyInrList dl dd p:not(:last-child){
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #efefef;
}
#main .historyList li .historyInrList dl dd p:last-child{
	margin-bottom: 0;
}

/* ----------------------------------------------------------------
    利用規約 230228
----------------------------------------------------------------- */

#main .snsBox {
	margin: 30px 0 80px;
	padding: 0 20px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

#main .snsBox > li {
	width: 45%;
	margin-bottom: 50px;
	display: flex;
	justify-content: space-between;
}

#main .snsBox > li:nth-last-child(-n+2) {
	margin-bottom: 0;
}

#main .snsBox > li .imgBox {
	width: 90px;
}

#main .snsBox > li .snslogoBox {
	width: 220px;
}

#main .snsBox > li .snslogoBox p {
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 15px;
	margin-right: 0;
	padding-bottom: 15px;
	border-bottom: 1px solid #ff7800;
}

#main .snsBox > li .snslogoBox ul {
	display: flex;
}

#main .snsBox > li .snslogoBox ul li {
	width: 32px;
	margin-right: 15px;
}

#main .snsBox > li .snslogoBox ul li:last-child {
	margin-right: 0;
}

#main .snsBox > li .snslogoBox ul li a img {
	transition: all 300ms ease;
}

#main .snsBox > li .snslogoBox ul li a:hover img {
	transform: scale(1.2,1.2);
}

/* ----------------------------------------------------------------
    事業紹介_レストランクルール 230704
----------------------------------------------------------------- */

#main .couleurLogo{
	max-width: 400px;
	margin: 50px auto;
}
#main .couleurLogo img{
	width: 100%;
}

#main .couleurGroup01{
	margin-bottom: 50px;
}

#main .couleurGroup01 .dlGroup dl{
	display: flex;
	justify-content: space-between;
	margin-bottom: 10px;
	border-bottom: 1px solid #ddd;
	padding-bottom: 10px;
	line-height: 1.5;
}
#main .couleurGroup01 .dlGroup{
	width: 85%;
	margin: 0 auto 20px;
}
#main .couleurGroup01 .dlGroup dl dt{
	width: 25%;
	font-weight: bold;
}
#main .couleurGroup01 .dlGroup dl dd{
	width: 72%;
	text-align: left;
	margin-bottom: 0;
}

#main .couleurGroup01 .image{
	margin-bottom: 20px;
}

#main .couleurGroup01 .pdfLink{
	padding: 0 0 0 20px;
	background-position: left 0.2em;
	background-size: auto 1em;
	display: inline-block;
	min-height: 20px;
}

/* ----------------------------------------------------------------
    Button
----------------------------------------------------------------- */

.btn01{
	width: 400px;
	margin: 0 auto;
}
.btn01 a{
	display: block;
	border-radius: 5px;
	padding: 20px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	line-height: 1;
	border: 1px solid #f07201;
	font-size: 18px;
	transition: .5s;
	
	background: -webkit-linear-gradient(#fd9e42 0%, #ff8a24 50%, #ff7201 50%, #fe8a01 100%);
	background: -o-linear-gradient(#fd9e42 0%, #ff8a24 50%, #ff7201 50%, #fe8a01 100%);
	background: linear-gradient(#fd9e42 0%, #ff8a24 50%, #ff7201 50%, #fe8a01 100%);
	
}

.btn01 a:hover{
	opacity: 0.7;
}



/* ----------------------------------------------------------------
    Modal
----------------------------------------------------------------- */

.modal-open {
	cursor: pointer;
}

.modal-contents {
	display: none;
	position: fixed;
	width: 80%;
	max-width: 768px;
    border-radius: 6px;
	background: #fff;
    margin: auto;
    z-index: 1002;
}

.modal-contents *{
	box-sizing: border-box;
}

.modal-contents .modal-close {
	width: 40px;
    height: 40px;
    background: #ff7201;
    position: absolute;
    top: -15px;
    left: -15px;
    border-radius: 50%;
	cursor: pointer;
	animation: 1s mc-bounds-in ease;
	-ms-animation: 1s mc-bounds-in ease;
	-webkit-animation: 1s mc-bounds-in ease;
}

@keyframes mc-bounds-in {
	from { transform: scale(0); -ms-transform: scale(0); -webkit-transform: scale(0);}
	40% { transform: scale(1.2); -ms-transform: scale(1.2); -webkit-transform: scale(1.2);}
	65% { transform: scale(.8); -ms-transform: scale(.8); -webkit-transform: scale(.8);}
	75% { transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1);}
	82% { transform: scale(.98); -ms-transform: scale(.98); -webkit-transform: scale(.98);}
	95% { transform: scale(1.05); -ms-transform: scale(1.05); -webkit-transform: scale(1.05);}
	to { transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1);}
}

@-ms-keyframes mc-bounds-in {
	from { transform: scale(0); -ms-transform: scale(0); -webkit-transform: scale(0);}
	40% { transform: scale(1.2); -ms-transform: scale(1.2); -webkit-transform: scale(1.2);}
	65% { transform: scale(.8); -ms-transform: scale(.8); -webkit-transform: scale(.8);}
	75% { transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1);}
	82% { transform: scale(.98); -ms-transform: scale(.98); -webkit-transform: scale(.98);}
	95% { transform: scale(1.05); -ms-transform: scale(1.05); -webkit-transform: scale(1.05);}
	to { transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1);}
}

@-webkit-keyframes mc-bounds-in {
	from { transform: scale(0); -ms-transform: scale(0); -webkit-transform: scale(0);}
	40% { transform: scale(1.2); -ms-transform: scale(1.2); -webkit-transform: scale(1.2);}
	65% { transform: scale(.8); -ms-transform: scale(.8); -webkit-transform: scale(.8);}
	75% { transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1);}
	82% { transform: scale(.98); -ms-transform: scale(.98); -webkit-transform: scale(.98);}
	95% { transform: scale(1.05); -ms-transform: scale(1.05); -webkit-transform: scale(1.05);}
	to { transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1);}
}

.modal-contents .modal-close:before,
.modal-contents .modal-close:after {
	content: "";
	display: block;
    width: 22px;
    height: 2px;
    background: #FFF;
    position: absolute;
	top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.modal-contents .modal-close:before {
	transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.modal-contents .modal-close:after {
	transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}

.modalOverlay {
	display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .75;
    background: #000;
    z-index: 1001;
    cursor: pointer;
}

.modal-inner {
	width: 100%;
	height: auto;
	padding: 10px;
}

.modal-inner * {
	box-sizing: border-box;
}

.modal-inner .modal-wrap {
	width: 100%;
	max-height: 75vh;
	padding: 32px;
	overflow: hidden;
	position: relative;
}

.ps-container {
  -ms-touch-action: none;
  touch-action: none;
  overflow: hidden !important;
  -ms-overflow-style: none;
}
@supports (-ms-overflow-style: none) {
  .ps-container {
    overflow: auto !important;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ps-container {
    overflow: auto !important;
  }
}

.modal-inner .ps-scrollbar-x-rail {
	display: none;
}

.modal-inner .ps-scrollbar-y-rail {
	display: block;
	position: absolute;
	background: #fff;
	right: 0;
	width: 8px;
}

.modal-inner .ps-scrollbar-y {
	position: absolute;
	background: #d6d6d6;
	right: 0;
	width: 8px; 
	border-radius: 4px;
}

.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
    transition: height .2s linear;
	-ms-transition: height .2s linear;
	-webkit-transition: height .2s linear;
}


.modal-contents img{
	width: 100%;
}