<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.pc_ {display: block;}
.sp_ {display: none;}

a:hover img {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";
}

#truffle {
width: 100%;
height: auto;
padding: 0px 0px 10px 0px;
margin: 0 auto;
background: #000;
}

.header {
width: 980px;
height: auto;
margin: 0 auto;
padding: 0px;
}

.h_left{
width: 326px;
height: 550px;
margin: 0 auto;
padding: 180px 50px 0px 0px;
float:left;
}

.h_center{
width: 326px;
height: 550px;
margin: 0 auto;
padding: 0px 0px 0px 0px;
float:left;
}

.h_right{
width: 326px;
height: 550px;
margin: 0 auto;
padding:50px 110px 0px 0px;
float:left;
}

.tate{
width: 100%;
height: auto;
margin: 0 auto;
padding:0px 0px 0px 0px;
writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
-webkit-writing-mode:vertical-rl; 
color: #cab95f;
font-size: 14px;
line-height: 1.8;
}

.h_item{
width: 320px;
height: 550px;
margin: 0 auto;
padding:0px 0px 0px 0px;
}

.#truffle h1 {
width: 100%;
height:auto;
padding: 0px 0px 0px 0px;
margin:0 auto;
}

.kaori {
width: 980px;
height: auto;
margin: 0 auto;
padding: 0px;
clear:left;
}

#truffle h2 {
width: 980px;
height: 120px;
margin: 0 auto; 
padding: 40px 0px 0px 0px;
clear:left;
background-color: transparent;
border: none;
}

.h2_midashi{
width: 980px;
height: 80px;
}

.truffle_txt{
width: 980px;
height: auto;
margin: 0 auto; 
padding: 0px 0px 10px 0px;
color: #cab95f;
font-size: 14px;
line-height: 1.6;
text-align:center;
}

.kaori_fig1{
width: 490px;
height: 260px;
margin: 0 auto; 
padding: 0px 30px 0px 180px;
}

.kaori_fig2{
width: 490px;
height: 260px;
margin: 0 auto; 
padding: 0px 180px 0px 30px;
}

.sagyou {
width: 980px;
height: auto;
margin: 0 auto;
padding: 0px;
clear:left;
}

.sagyou_fig1{
width: 326px;
height: 540px;
margin: 0 auto; 
padding: 0px 30px 0px 40px;
float:left;
}

.sagyou_fig2{
width: 327px;
height: 540px;
margin: 0 auto; 
padding: 0px 29px 0px 28px;
float:left;
}

.sagyou_fig3{
width: 326px;
height: 540px;
margin: 0 auto; 
padding: 0px 40px 0px 30px;
float:left;
}

.sagyou_fig4{
width: 450px;
height: 340px;
margin: 0 auto; 
padding: 30px 0px 0px 50px;
clear:left;
}

.yaki {
width: 980px;
height: auto;
margin: 0 auto;
padding: 0px;
clear:left;
}

.yaki_left{
width: 326px;
height: 360px;
margin: 0 auto; 
padding: 0px 30px 0px 40px;
float:left;
}

.yaki_center{
width: 327px;
height: 360px;
margin: 0 auto; 
padding: 0px 29px 0px 28px;
float:left;
}

.yaki_right{
width: 326px;
height: 360px;
margin: 0 auto; 
padding: 0px 40px 0px 30px;
float:left;
}

.yaki_fig{
width: 270px;
height: 260px;
margin: 0 auto; 
padding: 0px 0px 0px 0px;
}

.chu_txt{
width: 100%;
height: auto;
margin: 0 auto; 
padding: 0px 0px 0px 0px;
color: #cab95f;
font-size: 13px;
line-height: 1.8;
text-align:center;
}

.t_btn{
width: 980px;
height: auto;
margin: 0 auto;
padding: 0px;
clear:left;
}

.btn_item{
width: 490px;
height: 120px;
margin: 0 auto;
padding: 50px 25px 0px 150px;
float:left;
}

.btn_recipe{
width: 490px;
height: 120px;
margin: 0 auto;
padding: 50px 150px 0px 25px;
float:left;
}

.link {
width: 980px;
height: auto;
margin: 0 auto;
padding: 0px 0px 50px 0px;
clear:left;
}

.link_txt{
width: 980px;
height: auto;
margin: 0 auto; 
padding: 0px 0px 0px 0px;
color: #cab95f;
font-size: 14px;
line-height: 1.6;
text-align:center;
}





@media (max-width:768px){

.pc_ {display: none;}
.sp_ {display: block;}

#truffle {
width: 100%;
height: auto;
padding: 0% 0% 0% 0%;
margin: 0 auto;
margin-top:1%;
background: #000;
}

.header {
width: 100%;
height: auto;
margin: 0 auto;
padding: 0%;
}

.h_center{
width: 100%;
max-width:320px;
height: auto;
margin: 0 auto;
padding: 0%;
float:none;
}

.h_item{
width: 100%;
max-width:320px;
height: auto;
margin: 0 auto;
padding:0px 0px 0px 0px;
}

#truffle h1{
width: 100%;
margin: 0 auto;
padding:0% 0% 0% 0%;
}

.read{
width: 90%;
height: auto;
margin: 0 auto;
padding: 0%;
font-size: 14px;
line-height: 1.8;
color: #cab95f;
}

.kaori {
width: 100%;
}

#truffle h2 {
width: 100%;
height: auto;
padding:0% 0% 0% 0%;
}

.h2_midashi{
width: 82%;
max-width:640px;
height: auto;
padding:0% 9% 0% 9%;
}

.truffle_txt{
width: 90%;
}

.kaori_fig1{
width: 50%;
max-width: 490px;
height:auto;
margin: 0 auto; 
padding: 0% 1% 0% 4%;
}

.kaori_fig2{
width: 50%;
max-width: 490px;
height:auto;
margin: 0 auto; 
padding: 0% 4% 0% 1%;
}

.sagyou {
width: 100%;
}

.sagyou_fig1{
width: 100%;
height: auto;
margin: 0 auto; 
padding: 0% 30% 3% 30%;
float:none;
}

.sagyou_fig2{
width: 100%;
height: auto;
margin: 0 auto; 
padding: 0% 30% 3% 30%;
float:none;
clear:left;
}

.sagyou_fig3{
width: 100%;
height: auto;
margin: 0 auto; 
padding: 0% 30% 3% 30%;
float:none;
clear:left;
}

.sagyou_fig4{
width: 80%;
max-width: 400px;
height: auto;
margin: 0 auto; 
padding: 0% 0% 3% 0%;
float:none;
}

.yaki{
width: 100%;
}

.yaki_left{
width: 80%;
height: auto;
margin: 0 auto; 
padding: 0% 0% 6% 0%;
float:none;
}

.yaki_center{
width: 80%;
height: auto;
margin: 0 auto; 
padding: 0% 0% 6% 0%;
float:none;
}

.yaki_right{
width: 80%;
height: auto;
margin: 0 auto; 
padding: 0% 0% 6% 0%;
float:none;
}

.yaki_fig{
width: 100%;
max-width: 270px;
height: auto;
}

.t_btn{
width: 100%;
height: auto;
margin: 0 auto;
padding: 0% 0% 6% 0%;
}

.btn_item{
width: 45%;
height: auto;
margin: 0 auto; 
padding: 0% 0% 3% 5%;
float:none;
}

.btn_recipe{
width: 45%;
height: auto;
margin: 0 auto; 
padding: 0% 0% 3% 5%;
float:none;
}

.link{
width: 100%;
}

.link_txt{
width: 90%;
}

}


@media (max-width:480px){

.h2_midashi{
width: 100%;
max-width:640px;
height: auto;
padding:0% 3% 0% 3%;
}

.sagyou_fig1{
width: 100%;
}

.sagyou_fig2{
width: 100%;
}

.sagyou_fig3{
width: 100%;
}

.sagyou_fig4{
width: 100%;
}

.btn_item{
width: 100%;
height: auto;
margin: 0 auto; 
padding: 0% 22% 3% 22%;
float:none;
}

.btn_recipe{
width: 100%;
height: auto;
margin: 0 auto; 
padding: 0% 22% 3% 22%;
float:none;
clear:left;
}
}


@media (max-width:386px){

.h_item{
width: 75%;
}

.sagyou_fig1{
padding:0% 14% 0% 14%;
}

.sagyou_fig2{
padding:0% 14% 0% 14%;
}

.sagyou_fig3{
padding:0% 14% 0% 14%;
}

.btn_item{
padding: 0% 15% 3% 15%;
}

.btn_recipe{
padding: 0% 15% 3% 15%;
}
}

@media (max-width:360px){

.sagyou_fig1{
padding:0% 12% 0% 12%;
}

.sagyou_fig2{
padding:0% 12% 0% 12%;
}

.sagyou_fig3{
padding:0% 12% 0% 12%;
}

.btn_item{
padding:0% 8% 0% 8%;
}

.btn_recipe{
padding:0% 8% 0% 8%;
}
}


@media (max-width:320px){

.read{
width: 95%;
font-size: 13px;
line-height: 1.6;
}

.h2_midashi{
padding:0% 1% 0% 1%;
}

.truffle_txt{
width: 95%;
font-size: 13px;
line-height: 1.6;
}

.sagyou_fig1{
padding:0% 8% 0% 8%;
}

.sagyou_fig2{
padding:0% 8% 0% 8%;
}

.sagyou_fig3{
padding:0% 8% 0% 8%;
}

.btn_item{
padding:0% 5% 0% 5%;
}

.btn_recipe{
padding:0% 5% 0% 5%;
}</pre></body></html>