@charset "utf-8";

/* CSS Document */

/* スマホ */
@media (max-width: 1159px) {
body {
background-color: #fdd000;
}
a {
text-decoration: none;
color: #000;
}
/*メニューボタン*/
#menu02 .nav_smp {
background-color: #231815;
width: 100%;
height: 0;
padding-bottom:calc( 88 / 105 * 22%);
}
#smp_top a {
display: block;
position: relative;
background: url(../images/btn_m01.gif) no-repeat;
width: 15%;
height: 0;
padding-top:calc( 88 / 105 * 15%);
background-size: contain;
margin: 2% 5% 0 5%;
font-size: 0.5em;
color: #fff;
text-align: center;
float: left;
}
#smp_menu a{
display: block;
position: relative;
background: url(../images/btn_m02.gif) no-repeat;
width: 15%;
height: 0;
padding-top:calc( 88 / 105 * 15%);
background-size: contain;
margin: 2% 5% 0 5%;
font-size: 0.5em;
color: #fff;
text-align: center;
float: left;
}
#smp_movie a{
display: block;
position: relative;
background: url(../images/btn_m03.gif) no-repeat;
width: 15%;
height: 0;
padding-top:calc( 88 / 105 * 15%);
background-size: contain;
margin: 2% 5% 0 5%;
font-size: 0.5em;
color: #fff;
text-align: center;
float: left;
}
#smp_access a {
display: block;
position: relative;
background: url(../images/btn_m04.gif) no-repeat;
width: 15%;
height: 0;
padding-top:calc( 88 / 105 * 15%);
background-size: contain;
margin: 2% 5% 0 5%;
font-size: 0.5em;
color: #fff;
text-align: center;
float: left;
}
/*ヘッダー*/
#head h1 {
background: url(../images/top/smp/header.png) no-repeat;
width: 100%;
height: 0;
padding-top:calc( 789 / 750 * 100%);
background-size: contain;
font-size: 0em;
margin: 0 auto;
}
#head h2 {
background: url(../images/top/smp/date.png) no-repeat;
width: 100%;
height: 0;
padding-top:calc( 853 / 750 * 100%);
background-size: contain;
font-size: 0em;
margin: 0 auto;
}
main {
background: url(../images/top/smp/bg.png) repeat-y;
width: 100%;
padding-bottom: 10%;
font: 100%/1.4 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
}
/*キッチンカーについて*/
#ttl_about {
background: url(../images/top/smp/ttl_aabout.png) no-repeat;
width: 100%;
height: 0;
padding-top:calc( 172 / 750 * 100%);
background-size: contain;
font-size: 0em;
margin: 0 auto;
}
#about p {
background: url(../images/top/smp/bg_about.png) no-repeat;
width: 100%;
height: 0;
padding-top:calc( 640 / 750 * 100%);
background-size: contain;
font-size: 0em;
margin: 0 auto;
}
/*開催概要*/
#ttl_outline {
background: url(../images/top/smp/ttl_outline.png) no-repeat;
width:calc( 500 / 750 * 100%);
height: 0;
padding-top:calc( 123 / 750 * 100%);
background-size: contain;
font-size: 0em;
margin: 0 auto;
margin-top: 5%;
}
#outlines {
width: 86%;
background-color: #ffffff;
border: #777 2px solid;
margin: 0 auto;
padding: 15px;
opacity: 0.9;
}
#outlines dl {
width: 100%;
margin: 5px 0;
padding-bottom: 2%;/*border-bottom: #937f0a 3px dotted;*/
}
#outlines dt {
width: 100%;
background-color: #937f0a;
text-align: center;
color: #fff;
padding: 1% 0;
font-size: 0.8em;
}
#outlines dd {
width: 94%;
margin: 0 auto;
padding: 2% 0;
font-size: 0.9em;
line-height: 175%;
}
.caution {
padding-left: 1em;
text-indent: -1em;
font-size: 0.8em;
}
/*前回の様子*/
#ttl_past {
background: url(../images/top/smp/ttl_past.png) no-repeat;
width:calc( 518 / 750 * 100%);
height: 0;
padding-top:calc( 169 / 750 * 100%);
background-size: contain;
font-size: 0em;
margin: 0 auto;
margin-top: 5%;
}
#past {
width: 100%;
}
#past_photo li {
width: 42%;
height: 0;
padding-bottom:calc( 563 / 750 * 42%);
background-size: contain;
float: left;
border: #fff 5px solid;
margin: 2%;
}
/*.ov {
width: 90%;
height: 0;
padding-bottom:calc( 563 / 750 * 90%);
background-size: contain;
margin: 0 auto;
}*/

/*SNS*/
#twitterpad, #fbpad {
width: 80%;
height: 515px;
margin: 0 auto;
margin-bottom: 10%;
}
/*お問合せ*/
#inquiry {
background: url(../images/top/smp/inquiry.png) center no-repeat;
width: calc( 715 / 750 * 100%);
height: 0;
padding-top:calc( 240 / 750 * 100%);
background-size: contain;
margin: 0 auto;
font-size: 0em;
}
/*バナーたち*/
#link_area {
width: 100%;
margin: 0 auto;
}
#link_area h1 {
text-align: center;
font-size: 0.8em;
font-weight: bold;
color: #ff7e0c;
padding: 2% 0;
}
#link_area li {
width: 43%;
height: 0;
padding-bottom:calc( 234 / 397 * 43%);
background-size: contain;
float: left;
margin: 2%;
}
#bnr_yatai {
background: url(../images/bnr_y_01.jpg) no-repeat;
width: 100%;
height: 0;
padding-bottom:calc( 117 / 750 * 100%);
background-size: contain;
font-size: 0em;
}
#bnr_expo {
background: url(../images/bnr_y_02.jpg) no-repeat;
width: 100%;
height: 0;
padding-bottom:calc( 117 / 750 * 100%);
background-size: contain;
font-size: 0em;
}
#bnr_kitchencar {
background: url(../images/bnr_y_03.jpg) no-repeat;
width: 100%;
height: 0;
padding-bottom:calc( 117 / 750 * 100%);
background-size: contain;
font-size: 0em;
}
#bnr_kitchencar_tora {
background: url(../images/bnr_y_04.jpg) no-repeat;
width: 100%;
height: 0;
padding-bottom:calc( 117 / 750 * 100%);
background-size: contain;
font-size: 0em;
}
/*出店募集*/
#store_open {
background-color: #fdd000;
margin-top: 5%;
padding: 3% 0;
border-top: #534701 2px solid;
}
#ttl_store_open {
background: url(../images/top/smp/ttl_store_open.png) no-repeat;
width: calc( 591 / 750 * 100%);
height: 0;
padding-top:calc( 123 / 750 * 100%);
background-size: contain;
margin: 0 auto;
margin-bottom: 3%;
font-size: 0em;
}
#store_open #send {
font-size:1em;
text-align: center;
color:#524601;
margin: 4% auto;
line-height: 2.5em;
font-family: "ヒラギノ角ゴ ProN W6", "HiraKakuProN-W6", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}

#store_open #send .themesong{
font-size:1.2em;
font-weight: bold;
}
#store_open #send a{
color:#ff7e0c;
font-weight: bold;
}
#store_open .caution {
width: 90%;
font-size: 0.8em;
line-height: 175%;
margin: 0 auto;
text-indent: -1em;
padding-left: 1em;
}
#btn_email {
background: url(../images/top/smp/btn_email_on.png) no-repeat;
width: calc( 600 / 750 * 100%);
height: 0;
padding-bottom:calc( 160 / 750 * 100%);
background-size: contain;
margin: 3% auto;
font-size: 0em;
}
.nav_pc {
display: none;
}
footer{
	width:100%;
	overflow:hidden;
	margin-top: -1%;
}
footer.pt {
	font-size:12px;
	text-shadow:none !important;
	background-color:#fff;
}
p.pagetop a{
	width:20%;
	display:block;
	color:#101853;
	font-size: 12px; font-size: 1.2rem;
	text-decoration:none;
	position:fixed;
	bottom:0.5%;
	right:0.5%;
	opacity:0.8;
	text-align:center;
	z-index:200;
}
.pconly{display:none;}

ul#movie_list{
  width: 100%;
  margin: 3% auto;
}
ul#movie_list li{
	padding: 2%;
	width: 96%;
	text-align: center;
	float: left;
}
ul#movie_list li p{
	padding: 3% 0 2%;
	margin-bottom: 1%;
	font-weight: bold;
	font-size: 1.4rem;
	color:#937f0a;
}
ul#movie_list li p.fin{
	padding: 2% 0 0;
	margin-bottom: 1%;
	font-weight: bold;
	font-size: 1.4rem;
	color:#D50003;
}
ul#movie_list li.no_float{
	margin: 0 auto;
	float: none;
}
.movie{
  width: auto;
  margin: 0 auto ;
  padding: 2%;
  background-color:#101528;
  position: relative;
}
.movie:before{
  content: "";
  display: block;
  padding-top: 56.25%;
}
.movie .tvo-video{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
}