@charset "utf-8";

*{
font-weight:normal;
}

body {
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}



@media screen and (min-width: 1200px) {
aside{position:fixed;right:0;bottom:0;top:0;margin-top:auto;margin-bottom:auto;vertical-align:middle;font-family:Meiryo UI;margin-right:1%;height:750px;}
aside li{width:80px;list-style:none;text-align:center;font-size:11px;margin:1em 0 0 0;}
aside li a{text-decoration:none;color:#FF6600;}

aside li a img{width:50px;display: block; transition: all 0.2s ease 50ms;margin:auto;}
aside li a img:hover{width:90px;display: block;max-width:100%;}

#leftpanel{position:fixed;left:0;bottom:0%;background:#240F00;height:99%;padding:1% 1% 0% 1%;font-size:12px;color:#fff;}
#leftpanel li{margin:1em 0 1em 0;list-style:none;}
#leftpanel a{color:#fff;text-decoration:none;}

/*---　問い合わせページのメールフォーム　------------------*/
.button_contactform{text-align:center;margin:40px 0 60px;}
.button_contactform a{display:inline-block;background:orangered;padding:0.6em 1.2em;color:#fff !important;text-decoration:none;font-size:20px;font-family:NotoSansCJKjp-Regular,HGｺﾞｼｯｸE;transition: 0.1s ease-in-out;}
.button_contactform a:hover{background:orange;box-shadow:0 2px 15px orange;}


}

@media screen and (max-width: 1119px) {
aside{display:none;}
#leftpanel{display:none;}

/*---　問い合わせページのメールフォーム　------------------*/
.button_contactform{text-align:center;margin:40px 0 60px;}
.button_contactform a{display:inline-block;background:orangered;padding:0.6em 1.2em;color:#fff !important;text-decoration:none;font-size:105%;font-family:NotoSansCJKjp-Regular,HGｺﾞｼｯｸE;transition: 0.1s ease-in-out;}
.button_contactform a:hover{background:orange;box-shadow:0 2px 15px orange;}


}


.queslist{line-height:1.5em;margin-top:10px;}
.queslist dl{overflow:hidden;display:block;margin-bottom:20px;}
.queslist dd{float:left;}
.queslist dt{float:left;}
.queslist ul{margin-top:18px;displat:block;}
.queslist li{padding-left:7px;padding-top:4px;padding-bottom:4px;padding-right:4px;margin-bottom:7px;width:860px;display:block;}
.queslist li.cust{background:#ffccff;margin-left:2.5em;font-weight:bold;}
.queslist li.cust:hover{background:#ffa7ff;}
.queslist li.answ{background:#ccffcc;}
.queslist li.answ:hover{background:#9cff9c;}



.clearfix:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}

/*-------base-------------------------------------*/

#wrapper{
width: 1000px;
margin-left: auto;
margin-right: auto;
position: relative;
/*border: 1px solid #000;*/
overflow: hidden;
}

a.linkOpacity{
-webkit-transition:opacity 0.2s ease 0s;
transition:opacity 0.2s ease 0s;
opacity: 1;
}

a.linkOpacity:hover{
opacity: 0.6;
}

/*-------header-------------------------------------*/
body{
background: #fff url(../images/headerBg.png) center top no-repeat;
}

#siteHeader{
width: 100%;
position: relative;
/*border: 1px solid #000;*/
}

#siteHeaderBox{
height: 189px;
margin-bottom: 4px;
}

#siteTt{
width: 239px;
margin-left: auto;
margin-right: auto;
padding-top: 71px;
}

#headerTel{
position: absolute;
right: 0;
top: 0;
z-index:10;
width: 243px;
height: 183px;
}

#headerTakoyakiIllust{
position: absolute;
left: 129px;
top: 56px;
}

#headerMailIcon{
display: block;
width: 26px;
margin-left: auto;
margin-right: auto;
padding: 0 100px;
}



/*-------gnav-------------------------------------*/

#gnav a{
color: #675248;
font-weight: bold;
text-decoration: none;
width: 100%;
height: 100%;
display: block;
padding-top: 46px;
background-position: center 100px;
overflow: hidden;
background:transparent;
}

#gnav a:hover{
background: no-repeat center top;
background: no-repeat center top;
-webkit-animation:gnavAnime 0.15s linear 0s 1 normal;
/*animation:gnavAnime 0.15s linear 0s;*/
-webkit-animation-fill-mode:forwards;
/*animation-fill-mode:forwards;*/
background-image:url(../images/gnavAnime4.png)
}
/*------fire fox、IEは丸付けアニメーション不可------*/


#gnav{
overflow: hidden;
width: 100%;
z-index:30;
position: relative;
}

#gnav li{
float: left;
width: 140px;
text-align: center;
height: 86px;
overflow: hidden;
/*border: 1px solid #000;*/
}


@-webkit-keyframes gnavAnime{
0%{background-image:url(../images/gnavAnime1.png)}
25%{background-image:url(../images/gnavAnime2.png)}
50%{background-image:url(../images/gnavAnime3.png)}
75%{background-image:url(../images/gnavAnime4.png)}
100%{background-image:url(../images/gnavAnime4.png)}
}


/*
@keyframes gnavAnime{
0%{background-image:url(../images/gnavAnime1.png)}
25%{background-image:url(../images/gnavAnime2.png)}
50%{background-image:url(../images/gnavAnime3.png)}
75%{background-image:url(../images/gnavAnime4.png)}
100%{background-image:url(../images/gnavAnime4.png)}
}*/



/*-------footer-------------------------------------*/

#siteFooter{
width: 100%;
margin-bottom: 40px;
}

#footerNav{
width: 100%;
overflow: hidden;
padding-top: 15px;
color: #3c2a22;
margin-bottom: 89px;
}

#footerNav li{
width: 166px;
float: left;
text-align: center;
}

#footerNav a{
width: 166px;
font-weight: bold;
color: #3c2a22;
text-decoration: none;
text-align: center;
display: block;
}


#footerNav a img{
display: block;
transition:transform 0.2s ease 0s;
-webkit-transition:-webkit-transform 0.2s ease 0s;
text-align: center;
margin-left: auto;
margin-right: auto;
margin-bottom:10px;
}

#footerNav a:hover img{
/*margin-top:-15px;*/
transform:translateY(-15px);
-webkit-transform:translateY(-15px);
}

#footerLogo{
display: block;
margin-left: auto;
margin-right: auto;
}

/*-------returnTop------------------------------------*/

#returnTop{
width: 1000px;
height: 114px;
position: fixed;
/*left:0;*/
bottom:0;
text-align: right;
}


/*-------contents------------------------------------*/
#contents h1{margin:0.7em 1em 1em 1em;font-size:24px;text-align:center;}

/*-------index.html------------------------------------*/

#visualBox{
position: relative;
padding-top: 150px;
}

#mainVisual{
}

#mainVisulaYuge{
position: absolute;
z-index:10;
right:50px;
top:-20px;
-webkit-animation:yugeAnime 3s ease-in 0s infinite;
animation:yugeAnime 3s ease-in 0s infinite;
}


@-webkit-keyframes yugeAnime{
0%{right:50px;top:40px;opacity:0;}
75%{opacity:1;}
100%{right:35px;top:-20px;opacity:0;}
}


@keyframes yugeAnime{
0%{right:50px;top:40px;opacity:0;}
75%{opacity:1;}
100%{right:35px;top:-20px;opacity:0;}
}


/*-------cook--------------*/

#cook{
overflow:hidden;
}


#cookTt{
color: #ff7e3f;
font-size:200%;
font-weight: bold;
margin-bottom:5px;
}

#cookWorkflowBox{
background: #ff7e3f;
padding:10px;
color: #fff;
font-weight: bold;
overflow: hidden;
}

#cookWorkflow{
font-size:150%;padding:0.5em;
font-weight: bold;text-align:center;
border-bottom:#FFDAB9 dashed 3px;margin-bottom:0.5em;
}


#cookNumberBox{
overflow: hidden;
}

.cookNumberOl{
list-style-type: decimal;
list-style-position:inside;
float: left;
font-size: 110%;
}

.cookNumberOl a img{border:2px solid #ff7e3f;width:175px;display:block;border-radius:150px;}
.cookNumberOl a img:hover{border:2px solid #fff;box-shadow:0 0 15px yellow;}
.cookNumberre{border-radius:1px;width:180px;margin-top:1em;}

.cookNumberOl li{
font-family:Meiryo UI;
padding:0;
float:left;
font-weight: bold;
line-height:1.7;
margin:8px;}



.cookNumberOl li a{
font-weight: bold;
line-height:1.7;
color: #fff;
text-decoration:none;
}

.cookCelBox{
padding-top:20px;overflow:hidden;
}

.cookCelLeft{
float: left;
width:270px;
}

.cookCelRight{
float: left;
padding-left:50px;
padding-top:30px;
}

.cookCelRight p{
color: #473228;width:680px;
font-weight: bold;
line-height:2em;
}


.cookCelTt{
color: #fff;padding:1%;margin:2% 0 1% 0;
font-weight: bold;
font-size:140%;
margin-bottom:10px;
background:#ff7e3f;
}

.sum{overflow: hidden;}
.itemname{font-size:30px;font-weight:bold;
text-shadow: 0px -1px 2px #823A00,0px -1px 4px white, 0px -2px 10px yellow, 0px -10px 20px #ff8000, 0px -18px 40px red;
}

.floatbox{width:420px;float:left;margin:0 40px 0 40px;font-size:25px;text-shadow:0 1px 0 #fff,0 1px 2px #555;}
.floatbox img{vertical-align:middle;}


.itembox{width:420px;height:350px;float:left;margin:10px 40px 40px 40px;color:#fff;text-align:center;padding:60px 0 0 0;line-height:24px;}
.itemcode{font-size:18px;margin-bottom:135px;}
.tax8{font-size:30px;font-weight:bold;}
.tax{font-size:20px;}
.itemorder{font-size:30px;}

.titleline{font-size:35px;text-align:center;line-height:1em;margin-left:-60px;color:#ff7e3f;font-weight:bold;}
.titleline img{margin-right:0.5em;vertical-align:middle;width:80px;}

.window{border-radius:900px;background:#fff;position:relative;}
.window img{border-radius:900px;background:#fff;}

.cassette{overflow:hidden;line-height:2em;}
.cassette div{width:50%;float:left;margin-bottom:35px;}
.cassette h2{font-size:25px;text-align:center;margin-bottom:1em;font-weight:bold;color:#555;}

.spec{line-height:2em;margin:1em 1em 2em 1em;}
.spec td,.spec th{padding:0.5em;border:2px solid #fff;}
.spec th{background:#FFDEA2;text-align:left;color:#422B00;}

.dialbox{overflow:hidden;background:url(../images/icon_pic_phone.jpg) no-repeat #fff;height:500px;border:1px solid #ccc;box-shadow:5px 5px 5px #ccc;margin:1em;}
.dialbox img{vertical-align:middle;width:90px;}
.dialbox dl{width:48%;top:0;right:0;position:absolte;margin-left:auto;margin-top:130px;}
.dialbox dt{font-size:18px;padding:1%;}
.dialbox dd{font-size:35px;color: #555;margin-bottom:0.5em;font-family:Century Gothic;
text-shadow: 0px 1px 0px #999, 0px 2px 0px #ccc, 0px 3px 5px #777;
}



.notification{border:orange 1px solid;margin:1em 1em 3em 1em;}
.notification dt,.notification dd{padding: 0.5em;line-height:2em;}
.notification dt{line-height:2em;background:#FFD39D;text-align:center;}
.notification dd{line-height:2em;background:#FFEBD2;}


.hyouka{margin:auto;display:block;}
.enquete{overflow: hidden;margin-bottom:1em;margin:auto;margin-top:1em;}
.enquete:after {content:"";}
.enquete img{margin-bottom:0.5em;}
.enquete_t{clear:left;background-image:url(../images/enquetetitle.jpg);background-position:middle;padding-top:24px;padding-left:100px;height:35px;font-size:17px;color:#fff;font-weight:bold;text-shadow:1px 1px 0px #000;}
.enquete_t a{color:#fff;}
.enquete_t a:visited{color:#fff;}

.enquete_l{float:left;margin-right:1em;text-align:center;line-height:2em;width:100px;}
.enquete_l img{border:1px solid #ccc;display:block;}
.enquete_r{float:left;margin-right:1em;line-height:2em;width:865px;font-size:13px;}
.enquete_r img{display:block;}
.enquete_r dl{margin-top:10px;}
.enquete_r dt{width:100%;
background: #fcfaea; /* Old browsers */
background: -moz-linear-gradient(top,  #fcfaea 0%, #ffefa3 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfaea), color-stop(100%,#ffefa3)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fcfaea 0%,#ffefa3 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fcfaea 0%,#ffefa3 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fcfaea 0%,#ffefa3 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fcfaea 0%,#ffefa3 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfaea', endColorstr='#ffefa3',GradientType=0 ); /* IE6-9 */
border-left:3px solid #FFCC00;padding-left:5px;margin-bottom:7px;}
.enquete_r dd{width:100%;margin-bottom:15px;padding-left:8px;}
.enquete_r p{padding:0.6em;background:#CAFFCA;margin-bottom:1em;font-size:13px;}

.eventtype{border-collapse:separale;line-height:2em;position:relative;padding-bottom:1em;overflow: hidden;font-size:12px;margin:auto;width:187px;text-align:center;float:left;margin-right:10px;}
.eventtype:after {content:"";}
.eventtype ul{display:block;margin:auto;margin-right:auto;margin-bottom:2px;padding:0px;display:block;overflow:hidden;margin:1px;}
.eventtype li{padding:0px;margin-bottom:15px;padding:2px;border:1px #ccc solid;text-align:center;display:block;margin:auto;width:150px;}
.eventtype li img{display:block;border:none;display:block;height:105px;width:150px;}
.eventtype a{display:block;}
.eventtype a:hover *{filter: alpha(opacity=60);-moz-opacity:0.60;opacity:0.60;}
.eventtypeitem{float:left;}
.solid{background:#fff;position:relative;border:1px solid #ccc;box-shadow:0px 0px 5px #555;}
.kaizen{padding:0.6em;background:#FFCCFF;}

#tn   {border:1px solid #C0C0C0;width:432px;position:relative;}
#tn a:hover *{filter: alpha(opacity=60);-moz-opacity:0.60;opacity:0.60;}
#tn img{border:none;padding-right:20px;}

.enquete_r td{display: table-cell;}


.c_profilel{padding:0.6em;width:200px;line-height:1.9em;font-size:13px;border-bottom:2px solid #FF6600;vertical-align:top;}
.c_profiler{padding:0.6em;width:830px;margin-bottom:5px;line-height:1.9em;font-size:13px;vertical-align:top;border-bottom:2px dashed #ff9933;border-left:5px solid #fff;}
.c_profiler dl{overflow:hidden;display:block;}
.c_profiler dt{padding:0.6em;width:80px;float:left;display:block;height:90px;}
.c_profiler dd{padding:0;margin-bottom:20px;height:80px;padding-left:10px;float:left;display:block;width:600px;}

.onbar{border:none;}
.onbar:hover{filter: alpha(opacity=60);-moz-opacity:0.60;opacity:0.60;}

.center{display:block;margin:auto;}
hr{border-left:0;border-right:0;border-top:5px solid #ff7e3f;margin:1em 0 2em 0;}

.commentcmes{font-size:15px;display:block;padding:0.5em;box-shadow:0px 2px 5px #999999;behavior:url(PIE.htc);border:1px solid #999;background:#eee;line-height:2em;margin:1em 0 2em 0;}

.jisseki{line-height:2em;overflow:hidden;display:block;}
.jisseki li{float:left;width:33%;overflow:hidden;display:block;}
.jisseki li:after{content:"";}

.jis{line-height:2em;overflow:hidden;display:block;border-bottom:1px dotted #ccc;}
.jis li{float:left;width:33%;overflow:hidden;display:block;font-size:12px;}
.jis li:after{content:"";}

.kaisya{list-style:none;overflow: hidden;padding:20px;text-align:center;padding-left:40px;}
.kaisya ul{margin:0;}
.kaisya li{font-size:15px;float:left;overflow:hidden;display:block;margin:5px 2px 5px 2px;text-decoration:none;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px;padding: 0px;background:#fff;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px;width:230px;position:relative;behavior:url(PIE.htc);}
.kaisya li:hover{font-size:15px;float:left;overflow: hidden;display:block;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px;position:relative;behavior:url(PIE.htc);filter: none;}
.kaisya img{width:210px;border:5px #fff solid;box-shadow:0 3px 5px #999;}
.kaisya a{display:block;color:#fff;}

.specbox li{list-style:none;margin-bottom:0.5em;}
.specbox td{padding:0.5em;line-height:1.5em;vertical-align:top;}
.specbox th{padding:0.5em;line-height:1.5em;text-align:right;width:70px;vertical-align:top;}