@charset "utf-8";

/* ****************************************************
Title: css
---------------------------------------------------------------------------- */

#nav ul li.nav3 a {color: #E70012;}
.second #pagebody {background-image: url(../img/menu/bg.jpg);}


.snav {position: fixed;left: 20px;bottom: 45%;width: 10vw; top:55%; margin-top: -130px;}
.snav li {margin-bottom: 5px;}
.snav a {text-decoration: none; color: #231816; font-size: 200%;}
.snav a:hover {color: #E70012;}

#contents {padding-top: 160px;}

#contents section{margin-bottom: 100px;}
#contents h2 {text-align: center; font-size: 280%; margin-bottom: 50px; letter-spacing: -0.05em;}

#contents .sec01 h2 {font-size: 500%;}

#contents figure figcaption p {font-size: 230%; letter-spacing: -0.05em;}
#contents figure {margin-bottom: 80px; width: 45.83%;}
#contents figure img {width: 100%;
	margin-bottom: 10px;
-webkit-box-shadow: 0 0 13px 0 rgba(40, 40, 40, 1);
-moz-box-shadow: 0 0 13px 0 rgba(40, 40, 40, 1);
box-shadow: 0 0 13px 0 rgba(40, 40, 40, 1); }

#contents .sec01 figure {margin-bottom: 50px; width: 48%;}

#contents figure figcaption p.des{line-height: 1;font-size: 150%;}
#contents figure figcaption p span {font-size: 67%;letter-spacing: 0.1em;}

#contents figure figcaption p span.tax {font-size: 50%;letter-spacing: -0.1em;}

#contents .sec04 div.dc {height: 293px;}
#contents .sec04 div.dc img {text-align: center; height: 100%; width: auto;}

@media screen and (max-width: 740px) {
body.second #pagebody {
    background-size:cover;
}
.second #pagebody {
    padding: 50px 0;
	position: relative;
}
.second #pagebody .snav {position: fixed; bottom: 0; left: 0; width: 100%; background: #fff;top: auto;}
.second #pagebody .snav li {width: 25%; font-size: 120%;text-align: center; border-right: 1px dotted #efefef; font-size: 50%; padding: 1em 0;}

#contents {padding-top: 0;width:90%;margin: 0 auto;}
#contents section{margin-bottom: 0;}
	#contents section#pizza {margin-bottom: 50px;}
	
#contents h2 {margin-bottom: 30px;}

#contents figure figcaption p {font-size: 150%;}
#contents figure figcaption p.fl{line-height: 1;
margin-bottom: 5px;}
#contents .sec01 figure {margin-bottom: 30px;}
#contents figure.pizza{ width: 100%;margin-bottom: 30px;}
#contents figure img {margin-bottom: 5px;}

#contents figure figcaption p.des{font-size: 100%;}

#contents .sec04 figure {
    margin-bottom: 80px;
    width: 45.83%;
}

#contents .sec04 div.dc {width: 100%;height: 50%;}
.sp_dis span.tax {font-size: 50%;letter-spacing: -0.2em;}
}