/* --------------------------------------
  MAIN VISUAL
-------------------------------------- */
.mainVisual {
  /*height: 550px;*//*FullSize*/
}
.mainVisual__inner {
  height: 100%;
}
.mainVisual .js-slider__item {
  overflow: hidden;
  position: relative;
  min-height: 0;
}
.mainVisual .js-slider__item .figure {
  /*max-width: 520px;*/
  /*margin: 0 auto;
  position: relative;
  max-height: 550px;*/

  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
}
.mainVisual .js-slider__item .figure img {
  /*height: 100%;
  width: auto;
  max-width: none;*/
  max-height: 550px;
}
.mainVisual .js-slider__item .figcaption {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.2;
  position: absolute;
  top: 50%;
  left: 50%;
  
  margin-left: 280px;
  margin-top: -30px;
  width: 100%;
}
.mainVisual .js-slider__item .figcaption:before {
  content: '';
  display: inline-block;
  width: 50px;
  height: 60px;
  margin-right: 10px;
  vertical-align: middle;
  background-image: url(../images/common/icon-fire.png);
  background-repeat: no-repeat;
  background-position: 0% 0%;
  background-size: 50px 60px;
}
.mainVisual .js-slider__item.img-contain {
  display: block;
}
.mainVisual .js-slider__item.img-contain .figure {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  max-width: 100%;
  max-height: 100%;
  width: 100%;
  height: 100%;
}
.mainVisual .js-slider__item.img-contain .figure img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  /*max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;*/
  width: 100%;
  height: auto;
  max-height: none;
}
.mainVisual .js-slider__item.img-contain .figcaption {
  display: none;
}

@media screen and (max-width: 1072px) {
  .mainVisual .js-slider__item .figure {
    text-align: center;
  }
  .mainVisual .js-slider__item .figcaption {
    position: relative;
    top: 0;
    left: auto;
    
    display: inline-block;
    margin: 10px auto 0;
  }
}
@media screen and (max-width: 767px) {
  .mainVisual {
    height: auto;
  }
  .mainVisual__inner {
    /*padding: 0 20px;*/
  }
}
@media screen and (max-width: 480px) {
  .mainVisual .js-slider__item .figcaption {
    font-size: 14px;
    font-weight: bold;
    line-height: 1.2;
  }
  .mainVisual .js-slider__item .figcaption:before {
    width: 25px;
    height: 30px;
    background-size: 25px 30px;
  }
}


/* --------------------------------------
  SECTION
-------------------------------------- */
.section {
  text-align: center;
  padding: 0 20px;
  margin: 50px auto 0px;
}
@media screen and (max-width: 767px) {
  .section {
    padding: 0;
    margin: 60px auto 0px;
  }
}

/**
section1
*/
.topSection1 {
}
.aboutSectionText {
  text-align: left;
  padding: 0 20px;
  margin: 60px auto 80px;
}
.aboutSectionTextItem {
  padding: 0 30px;
  /*max-width: 800px;*/
  text-align: center;
  margin: 0 auto;
}
.aboutSectionTextItem .ttlH5 {
  margin-bottom: 30px;
}
.aboutSectionTextItem1 > .aboutSectionTextItem1_2 {
  margin-top: 60px;
}
.aboutSectionTextItem2 {
  font-size: 14px;
}
.aboutSectionTextItem p {
  margin-bottom: 0.5em;
}
.aboutSectionTextItem2 p {
  margin-bottom: 1.75em;
}
.aboutSectionTextItem1_1_1 {
  /*max-width: 400px;*/
  text-align: left;
  margin: 0 auto;
  display: inline-block;
}
.aboutSectionTextItem1 > .aboutSectionTextItem1_3 {
  margin-top: 120px;
}

.movieSection {
  padding: 0 20px;
  margin: 60px auto 80px;
}

@media screen and (max-width: 767px) {
  .topSection1 {
  }
  .aboutSectionText {
    padding: 0;
    margin: 40px auto;
  }
  .aboutSectionTextItem {
    padding: 0;
    text-align: left;
  }

  .aboutSectionTextItem1 > .aboutSectionTextItem1_3 {
    margin-top: 80px;
  }
}

/**
section2
*/
.topSection2 {
  text-align: center;
  font-size: 14px;
  margin-top: 160px;
}
.topSection2 .ttlH4 {
  text-align: left;
  font-size: 20px;
  margin-bottom: 16px;
}
.topSection2 .menuSection1 {
  /*overflow: hidden;*/
}
.topSection2 .menuSection1 .menuSection1Item {
  margin: 0 -36px;
}
@media screen and (max-width: 1072px) {
  .topSection2 .menuSection1 .menuSection1Item {
    margin: 0;
  }
}
.topSection2 .menuSection1 .ttlH4 {
  text-align: center;
  margin-bottom: 45px;
}
.topSection2 .menuSection1 .title {
  text-align: center;
  font-weight: bold;
  margin-top: 30px;
  margin-bottom: 15px;
}
.topSection2 .menuSection1 .image {
  max-width: 480px;
  padding: 0 20px;
  margin: 0 auto;
}
.topSection2 .col3 {
  padding: 0 18px;
}
.topSection2 .topSection2__inner .col3 {
  max-width: 250px;
  padding: 0 20px;
}
/*.topSection2 .col3:nth-of-type(n+2) {
  padding-left: 35px;
}
.topSection2 .menuSection1 .col3:nth-of-type(n+2) {
  padding-left: 35px;
}*/
.topSection2__inner {
  max-width: 900px;
  margin: 96px auto 0;
}
@media screen and (max-width: 1072px) {
  .topSection2__inner {
    padding: 0 50px;
  }
}
.topSection2 hr {
  margin: 35px 0 55px;
}
.topSection2 .menuSectionItem {
  text-align: left;
  /*padding-right: 50px;
  max-width: 280px;*/
}
.topSection2 .menuSectionItem {
  position: relative;
}
.topSection2 .menuSectionItem .menuSectionItemTitle {
  margin-right: 80px;
}
.topSection2 .menuSectionItem .menuSectionItemPrice {
  width: 70px;
  position: absolute;
  top: 0;
  right: 0;
  text-align: right;
}

.topSection2 .menuSection3 .menuSectionItem .menuSectionItemTitle {
  margin-right: 0px;
}
@media screen and (max-width: 767px) {
  .topSection2 {
    margin-top: 80px;
  }
  .topSection2 .ttlH4 {
    font-size: 18px;
  }
  .topSection2 .topSection2__inner .col3 {
    max-width: 100%;
    padding: 0;
  }

  .topSection2 .col3 {
    padding: 0;
    margin-bottom: 60px;
  }
  .topSection2 .col3:last-child {
    margin-bottom: 0px;
  }
  .topSection2__inner {
    margin-top: 40px;
    padding: 0;
  }
  .topSection2 hr {
    margin: 30px 0;
  }

}

/**
section3
*/
.topSection3 {
  text-align: center;
  font-size: 16px;
  margin-top: 160px;
}

.topSection3__inner {
  max-width: 900px;
  margin: 0 auto;
}
.topSectionInterview {
  text-align: left;
}
.topSectionInterview .ttlH3 {
  text-align: center;
}
.interviewSectionText {

}
.interviewSectionTextItem p {
  margin-left: 20px;
  margin-right: 20px;
  margin-bottom: 2em;
}
.interviewSectionTextItem .ttlH4 {
  font-size: 22px;
  text-align: center;
  margin-top: 60px;
  margin-left: 10px;
  margin-right: 10px;
}
.interviewSectionTextItem .ttlH5 {
  font-size: 18px;
  text-align: center;
  margin-top: 30px;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 30px;
}
.interviewSectionTextItem p.image {
  margin-left: 0px;
  margin-right: 0px;
}

/*add*/
.inner img {
	float: left;
	width: 500px;
	margin-right: 35px;
}
.tempo {
	clear: left;
	padding-top: 30px;
}
.tempo_info {
	text-align: left;
}
#uber {
	clear: left;
	padding-top: 160px;
}
#uber img {
	padding: 10px;
	margin-top: 30px;
}
#fran {
	padding-top: 160px;
}
#fran img {
	padding-bottom: 30px;
}
.topSection4 {
	padding-bottom: 30px;
}
#press table {
	margin: 0 auto;
}
#press table tr {
	border-bottom: 1px solid #333;
}
#press table tr td {
	padding-top: 10px;
	padding-bottom: 10px;
}
#press table .td1,.td2 {
	width: 200px;
	text-align: center;
}
#press table .td3 {
	width: 800px;
	text-align: center;
}
#franchise {
	margin-top: 160px;
	margin-bottom: 160px;
}
#franchise h4 {
	margin-top: 50px;
}
#franchise h3 {
	margin-bottom: 100px;
}
#press a {
	text-decoration: underline;
}
#press a:hover {
	color: #999;

}

@media screen and (max-width: 767px) {
  .topSection3 {
    font-size: 14px;
  }
  
  .topSection3 .ttlH4 {
    font-size: 18px;
  }
  .tempo img {
		/*padding-bottom: 30px;*/
	}
  .hc-mt60 {
	margin-top: 0 !important;
	}
  #press table .td3 {
	text-align: left;
	}
	.smargin img {
	padding-bottom: 30px !important;
	}
	.hc-mb30 {
	margin-bottom: 10px !important;
	}
	.glbFooter .glbFooterInfo .glbFooterInfoAddressText {
	margin-top:10px;
	margin-bottom:10px;
	}
}

/*add*/
.inner .tempo_info img {
    width: auto;
    margin-top: 30px;
}

@media screen and (max-width: 767px) {
.inner .new img {
    width: auto;
    margin-top: 0px;
}
.inner .new h4 {
    clear: both;
}
}
.fran a {
	background-color: red;
    color: white;
    padding: 10px;
    width: 1200px;
    margin: 50px auto;
    text-align: center;
    font-weight: bold;
    font-size: 25px;
    letter-spacing: 5px;
	display: block;
}
a:hover {
	opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}
.smart {
	display: none;
}
@media screen and (max-width: 767px) {
	.fran a {
		width: 90%;
		font-size: 15px;
		letter-spacing: 0px;
	}
	.p5 {
		padding-left: 5px;
		padding-right: 5px;
	}
	.pc {
		display: none;
	}
	.smart {
		display: block;
	}
}