@charset "UTF-8";
body {
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
  color: #333333;
}

/* このページをシェアする　2019/11/12追加 */
.shareBtn {
		margin: 10px auto;
		width:100px;
	}
.shareList {
	list-style:none;
	display: flex;
	flex-wrap:wrap;
}
.shareList__item {
	height:40px;
	line-height:40px;
	width:40px;
	margin:5px 0 0 5px;
	text-align:center;
}
.shareList__item img{
	width:20px;
	height:20px;
	vertical-align: middle;
}
.shareList__link {
	display:block;
	border-radius: 30px;
}

.shareList__link.icon-twitter{background:#999;}
.shareList__link.icon-twitter:hover::before{color:#999;}
.shareList__link.icon-facebook{background:#999;}
.shareList__link.icon-facebook:hover::before{color:#999;}


.caution {
	margin:10px;
	padding:15px;
	border:2px solid #333333;
	border-radius: 10px;
}

/* リンク色の定義 */
@media screen and (min-width: 1367px) {
  .wrapper {
    width: 800px;
    margin: 0px auto;
  }
}

section {
  overflow: hidden;
}

@media screen and (min-width: 1367px) {
  .section-pd {
    margin: 40px auto;
  }
}

.hero h1 {
  /* sp */
  /* pc */
}

.hero h1 .pc-img {
  display: none !important;
}

.hero h1 .pc-coming-img {
  display: none !important;
}

.hero h1 .sp-img {
  display: block !important;
  width: 100%;
}

@media only screen and (min-width: 1367px) {
  .hero h1 .pc-img {
    display: block !important;
    width: 100%;
    height: 360px;
    background: url(../img/pc-bk.jpg) repeat-x;
    margin: 0 auto;
    position: relative;
  }
  .hero h1 .pc-img img {
    display: block;
    margin: 0px auto;
    top: 0px;
    position: relative;
  }
  .hero h1 .pc-coming-img {
    display: block !important;
    width: 100%;
    height: 500px;
    background: url(../img/pc-bk-coming.jpg) repeat-x;
    margin: 0 auto;
    position: relative;
  }
  .hero h1 .pc-coming-img img {
    display: block;
    margin: 0px auto;
    top: 85px;
    position: absolute;
    left: 42.5%;
  }
  .hero h1 .pc-coming-img p {
    font-size: 1.6em;
    color: #ffffff;
    font-weight: bold;
    padding-top: 400px;
  }
  .hero h1 .sp-img {
    display: none !important;
  }
}
.hero p {
  margin: 15px auto 0;
  font-size: 1.2em;
  font-weight: bold;
  text-align: center;
  font-feature-settings: "palt";
  line-height: 1.2em;
  letter-spacing: 0.01em;
}
@media screen and (min-width: 641px) and (max-width: 1024px) {
  .hero p {
    font-size: 1.4em;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1366px) {
  .hero p {
    font-size: 2em;
  }
}

@media screen and (min-width: 1367px) {
  .hero p {
    font-size: 1.688em;
    margin: 31px auto 28px;
    line-height: 1.24;
  }
}

h2 {
/*  margin-top: 14px;
  font-size: 0.875em;
  color: #E60000;
  text-align: center;
  font-feature-settings: "palt";
  letter-spacing: 0.01em;*/
    margin: 15px auto;
    font-size: 1.2em;
    font-weight: bold;
    text-align: center;
    font-feature-settings: "palt";
    line-height: 1.2em;
    letter-spacing: 0.01em;
}
@media screen and (min-width: 641px) and (max-width: 1024px) {
  h2 {
    margin: 24px auto;
    font-size: 1.6em;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1366px) {
  h2 {
    font-size: 2em;
  }
}

@media screen and (min-width: 1367px) {
  h2 {
    font-size: 1.563em;
    margin: 41px auto 0px;
    line-height: 1.4;
  }
}

section .w90 {
  margin: 8px auto;
  padding-bottom: 16px;
  width: 93%;
}

section .w50 {
  width: 50%;
}

section .w70 {
  width: 70%;
  margin: 10px auto;
}

section .mb10 {
  margin-bottom: 10px;
}

section .mb20 {
  margin-bottom: 20px;
}

section .p8 {
  padding: 8px;
}

section .s-text {
  font-size: 0.9em;
}

@media screen and (min-width: 641px) and (max-width: 1024px) {
  section .s-text {
    font-size: 1.2em;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1366px) {
  section .s-text {
    font-size: 1.6em;
  }
}

section .xs-text {
  font-size: 0.455em;
}


@media screen and (min-width: 641px) and (max-width: 1024px) {
  section .xs-text {
    font-size: 1em;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1366px) {
  section .xs-text {
    font-size: 1.4em;
  }
}

section .txt-b {
  font-weight: bold;
}

header p img, section img {
  width: 100%;
  height: auto;
}

section .s-title {
  width: 100%;
  background: #333333;
  padding: 24px 0 8px;
  margin-bottom: 10px;
}

section .s-title--ye {
  background: #333333;
}

section .s-title__text {
  position: relative;
  padding-bottom: 30px;
  text-align: center;
  color: #ffffff;
  font-weight: bold;
  font-size: 0.9em;
}

@media screen and (max-width: 360px) {
  section .s-title__text {
    font-size: 0.8em;
  }
}

@media screen and (min-width: 641px) and (max-width: 1024px) {
  section .s-title__text {
    font-size: 1.2em;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1366px) {
  section .s-title__text {
    font-size: 2em;
  }
}

@media screen and (min-width: 1367px) {
  section .s-title__text {
    font-size: 1.6em;
    margin: 20px auto;
  }
}

section .s-title__text::after {
  position: absolute;
  content: "";
  width: 24px;
  height: 24px;
  bottom: 2px;
  left: 48%;
  background: url(../../../com/img/arrow-w-b.svg) no-repeat;
  background-size: contain;
}

.page-link {
  text-align: center;
  margin: 18px 13.4% 0;
}

.page-link2 {
  text-align: center;
  margin: 18px 13.4% 0;
}
.page-link3 {
  text-align: center;
  margin: 18px 13.4% 0;
}
/* お知らせ枠リンクなし */
.page-link4 {
  text-align: center;
  margin: 18px auto 0;
  width: 73%;
  border:2px solid #F76F49;
  border-radius: 8px;
  color: #F76F49;
  padding: 8px;
  font-weight: bold;
  font-size:0.875em;
}
/* お知らせ枠リンクなし */
.page-link5 {
  text-align: center;
  margin: 18px 13.4% 0;
}


@media screen and (min-width: 1367px) {
  .page-link {
      width: 432px;
      margin: 0 auto;
      line-height: 72px;
  }
  .page-link2 {
      width: 432px;
      margin: 0 auto;
      line-height: 72px;
  }
  .page-link3 {
      width: 432px;
      margin: 18px auto;
      line-height: 20px;
  }
  /* お知らせ枠リンクなし */
  .page-link4 {
      width: /*432px*/54%;
      margin: 18px auto;
      line-height: 20px;
      font-size:1em;
  }
  /* お知らせ枠リンクなし */
  .page-link5 {
      width: 432px;
      margin: 18px auto;

}
}

.page-link__txt {
  background: #333333;
  border-radius: 8px;
  color: #ffffff;
  padding: 7px;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  font-size:0.875em;
  width: 100%;
  display: inline-block;
}
.page-link__txt2 {
  background: #333333;
  border-radius: 8px;
  color: #ffffff;
  padding: 7px;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  font-size:0.875em;
  width: 100%;
  display: inline-block;
}
.page-link__txt3 {
  border:2px solid #F76F49;
  border-radius: 8px;
  color: #F76F49;
  padding: 7px;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  font-size:0.875em;
  width: 100%;
  display: inline-block;
}
.page-link__txt5 {
  border:2px solid #333333;
  border-radius: 8px;
  color: #333333;
  padding: 7px;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  font-size:0.875em;
  width: 100%;
  display: inline-block;
}
@media screen and (min-width: 641px) and (max-width: 1024px) {
  .page-link__txt {
    font-size: 1.4em;
  }
  .page-link__txt2 {
    font-size: 1.4em;
  }
  .page-link__txt3 {
    font-size: 1.4em;
  }
  .page-link__txt5 {
    font-size: 1.4em;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1366px) {
  .page-link__txt {
    font-size: 2em;
  }
  .page-link__txt2 {
    font-size: 2em;
  }
  .page-link__txt3 {
    font-size: 1em;
    padding: 0px;
  }
  .page-link__txt5 {
    font-size: 1em;
  }
}

@media screen and (min-width: 1367px) {
  .page-link__txt {
    font-size: 1.375em;
    padding: 0px;
  }
  .page-link__txt2 {
    font-size: 1.375em;
    padding: 0px;
  }
  .page-link__txt3 {
    font-size: 1em;
    padding: 0px;
  }
  .page-link__txt5 {
    font-size: 1em;
    padding: 0px;
  }
}

.frame-wrapper__video {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
  margin: 20px auto;
}

.frame-wrapper__video iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.img-01 {
    text-align:center;
    margin-top:22px;
}
@media screen and (min-width: 1367px) {
  .img-01 {
    text-align: center;
    margin: 33px auto 0px;
  }

}

@media screen and (min-width: 1367px) {
  .img-02 {
    width: 550px;
  }
}

.headline-text {
  margin: 5px auto 0px;
  width: 90.6%;
  font-family: 'Noto Sans' ,sans-serif;
  font-size: 0.875em;
  line-height: 1.6em;
}

@media screen and (min-width: 641px) and (max-width: 1024px) {
  .headline-text {
    font-size: 1.4em;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1366px) {
  .headline-text {
    font-size: 2em;
  }
}

@media screen and (min-width: 1367px) {
  .pc-disp-wrap {
    display: flex;
    justify-content: space-around;
    width: 1100px;
    margin: 20px auto 40px;
  }
}

.orangeline-box {
  width: 90%;
  margin: 20px auto;
  border: medium solid #333333;
  border-radius: 16px;
}

@media screen and (min-width: 1367px) {
  .orangeline-box {
    width: 500px;
    margin: 10px auto;
  }
}

.orangeline-title {
  text-align: center;
  background: #333333;
  color: #ffffff;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  font-size: 0.8em;
  padding: 4px;
}

@media screen and (min-width: 641px) and (max-width: 1024px) {
  .orangeline-title {
    font-size: 1.2em;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1366px) {
  .orangeline-title {
    font-size: 2em;
  }
}

.orangeline-title02 {
  text-align: center;
  background: #333333;
  color: #ffffff;
  font-size: 0.8em;
  padding: 4px;
}

@media screen and (min-width: 641px) and (max-width: 1024px) {
  .orangeline-title02 {
    font-size: 1.2em;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1366px) {
  .orangeline-title02 {
    font-size: 2em;
  }
}

.orangeline-txt {
  font-size: 0.9em;
  font-weight: bold;
  padding: 8px;
  text-align: center;
}

@media screen and (min-width: 641px) and (max-width: 1024px) {
  .orangeline-txt {
    font-size: 1.4em;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1366px) {
  .orangeline-txt {
    font-size: 2em;
  }
}

@media screen and (min-width: 1367px) {
  .orangeline-txt {
    font-size: 1.2em;
    padding: 16px;
  }
}

.howtouse {
  margin-bottom: 20px;
}

@media screen and (min-width: 1367px) {
  .howtouse {
    width: 800px;
    margin: 40px auto;
  }
}

.bus-icon {
  padding-left: 50px;
  position: relative;
  font-weight: bold;
}

@media screen and (min-width: 641px) and (max-width: 1024px) {
  .bus-icon {
    padding-left: 75px;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1366px) {
  .bus-icon {
    padding-left: 100px;
  }
}

@media screen and (min-width: 641px) and (max-width: 1024px) {
  .bus-icon {
    font-size: 1.4em;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1366px) {
  .bus-icon {
    font-size: 2em;
  }
}

.bus-icon::before {
  position: absolute;
  content: "";
  background: url(../img/icon-oidenbus.svg) no-repeat;
  width: 28px;
  height: 17px;
  background-size: cover;
  left: 13px;
  top: 4px;
}

@media screen and (min-width: 641px) and (max-width: 1024px) {
  .bus-icon::before {
    width: 41px;
    height: 25px;
    left: 8px;
    top: 4px;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1366px) {
  .bus-icon::before {
    width: 56px;
    height: 34px;
    left: 8px;
    top: 4px;
  }
}

.arrow-o {
  position: relative;
  padding-bottom: 30px;
  text-align: center;
  color: #333333;
  font-weight: bold;
  font-size: 0.8em;
}

@media screen and (min-width: 641px) and (max-width: 1024px) {
  .arrow-o {
    font-size: 1.4em;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1366px) {
  .arrow-o {
    font-size: 2em;
  }
}

.arrow-o::after {
  position: absolute;
  content: "";
  width: 20px;
  height: 20px;
  bottom: 8px;
  left: 50%;
  background: url(../../com/img/arrow-o-b.svg) no-repeat;
  background-size: contain;
}

@media screen and (min-width: 1367px) {
 .sales-pcwrapper {
    display: flex;
  }
}

/* .sales-ticket {
  background: url(../../img/tiket_bk.svg) repeat;
  width: 96%;
  background-size: cover;
  height: auto;
  margin: 0 auto 10px;
  padding-bottom: 12px;
}

@media screen and (min-width: 1367px) {
  .sales-ticket {
    height: 530px;
    position: relative;
  }
}

.sales-ticket__summary {
  width: 100%;
  display: table;
  table-layout: fixed;
}

@media screen and (min-width: 1024px) and (max-width: 1366px) {
  .sales-ticket__summary {
    margin-bottom: 20px;
  }
}

.sales-ticket__img {
  display: table-cell;
  padding: 8px;
  width: 36.58%;
  height: auto;
  overflow: hidden;
  background: #333333;
  margin-right: 10px;
  vertical-align: bottom;
}

@media screen and (min-width: 1024px) and (max-width: 1366px) {
  .sales-ticket__img {
    width: 146px;
  }
}

.sales-ticket__details {
  display: table-cell;
  vertical-align: top;
  padding-top: 6px;
}

.sales-ticket__title {
  margin-left: 10px;
}

@media screen and (min-width: 1024px) and (max-width: 1366px) {
  .sales-ticket__title {
    font-size: 2.8em;
  }
}

.sales-ticket__price {
  font-size: 1.4em;
  font-weight: bold;
  margin-left: 10px;
}

@media screen and (min-width: 1024px) and (max-width: 1366px) {
  .sales-ticket__price {
    font-size: 3em;
  }
}

.sales-tag {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin: 10px auto 0;
}

.sales-tag__text {
  border-radius: 50px;
  padding: 4px 8px;
  background: #ffffff;
  font-size: 0.7em;
  display: block;
  margin: 0px 0px 10px 20px;
}

@media screen and (min-width: 641px) and (max-width: 1024px) {
  .sales-tag__text {
    font-size: 1em;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1366px) {
  .sales-tag__text {
    font-size: 1.6em;
  }
}

.sales-period {
  font-size: 0.6em;
  margin-bottom: 10px;
}

@media screen and (min-width: 641px) and (max-width: 1024px) {
  .sales-period {
    font-size: 1em;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1366px) {
  .sales-period {
    font-size: 1.6em;
  }
}

.sales-text {
  font-size: 0.9em;
  font-weight: 600;
  font-family: 'Noto Sans' ,sans-serif;
  margin-bottom: 10px;
}

@media screen and (min-width: 641px) and (max-width: 1024px) {
  .sales-text {
    font-size: 1.4em;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1366px) {
  .sales-text {
    font-size: 2em;
  }
}

.sales-img {
  text-align: center;
  width: 90%;
  margin: 0 auto;
}

.sales-btn {
  width: 80%;
  text-align: center;
  margin: 20px auto;
}

@media screen and (min-width: 1367px) {
  .sales-btn {
    position: absolute;
    bottom: 10px;
    left: 30px;
  }
}

.sales-btn__txt {
  background: #333333;
  border-radius: 50px;
  color: #ffffff;
  padding: 12px;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  width: 100%;
  display: inline-block;
}

@media screen and (min-width: 641px) and (max-width: 1024px) {
  .sales-btn__txt {
    font-size: 1.4em;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1366px) {
  .sales-btn__txt {
    font-size: 2em;
  }
}

.sales-comingsoon .sp-coming {
  display: block !important;
  width: 100%;
}

.sales-comingsoon .pc-coming {
  display: none !important;
}

@media screen and (min-width: 1367px) {
  .sales-comingsoon .sp-coming {
    display: none !important;
  }
  .sales-comingsoon .pc-coming {
    display: block !important;
    width: 100%;
    font-size: 6em;
    text-align: center;
    margin: 100px auto;
    font-weight: bold;
  }
} */

.example {
  width: 100%;
}

@media screen and (min-width: 1367px) {
  .example {
    display: flex;
    margin: 40px auto;
    flex-wrap: wrap;
    justify-content: space-around;
  }
}

.example__img {
  margin-bottom: 20px;
}

@media screen and (min-width: 1367px) {
  .example__img {
    width: 500px;
  }
}

.rosen {
  width: 100%;
}

.rosen__img {
  margin-bottom: 20px;
}

@media screen and (min-width: 1367px) {
  .rosen__img {
    width: 600px;
    margin: 40px auto;
  }
}

.dl-cap {
  width: 70%;
  margin: 30px auto 10px;
}

@media screen and (min-width: 1367px) {
  .dl-cap {
    width: 45%;
  }
}

.dl-summary {
  margin: 20px auto;
}

.dl-btn {
  display: flex;
  align-items: center;
  justify-content: space-around;
  width: 82%;
  margin: 10px auto;
}

.dl-btn .apple {
  width: 40%;
}

.dl-btn .google {
  width: 50%;
}

footer {
  text-align: center;
  font-size: 0.685em;
  margin: 10px auto;
}

@media screen and (min-width: 641px) and (max-width: 1024px) {
  footer {
    font-size: 1em;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1366px) {
  footer {
    font-size: 1.6em;
  }
}

@media screen and (min-width: 1367px) {
  footer {
    font-size: 1.2em;
  }
}

footer .link-text {
  width: 100%;
  margin-bottom: 8px;
}
footer .link-text a {
  display: inline-block;
  margin-bottom: 7px;
  color: #F76F49;
}



footer .link-text a:hover {
  color: #faa992;
  text-decoration: underline;
}

footer .link-text a:visited {
  color: #c88a79;
}



/* ---------------------------------------------------

新規追加CSS

--------------------------------------------------- */

/* フリーパス概要 */
.img-01 img {
width: 97%;
margin: 0px auto;
}

h2.main_imgtxt {
width: 77.8%;
margin-left: auto;
margin-right: auto;
}

.main_h2_txt_pc {
display: none;
}

.main_aboutarea_01,
.main_aboutarea_02,
.main_aboutarea_03 {
width: 90.6%;
margin: 0px auto 12px;
}

.main_aboutpanel_title {
text-align: center;
background: #333333;
border-top: 2px solid #333333;
border-left: 2px solid #333333;
border-right: 2px solid #333333;
border-top-left-radius: 12px;
border-top-right-radius: 12px;
font-size: 0.813em;
color: #fff;
}

.main_aboutpanel_contents {
border-left: 2px solid #333333;
border-right: 2px solid #333333;
border-bottom: 2px solid #333333;
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
box-sizing: border-box;
}

.main_aboutpanel_01 img {
width: 100%;
height: auto;
margin-top: 12px;
margin-bottom: 9px;
}

.main_aboutpanel_02 .main_aboutpanel_title img {
width: 11.46%;
padding: 8px 0 5px;
}

.main_aboutpanel_05 .main_aboutpanel_title img {
width: 11.46%;
padding: 8px 0 5px;
}

.main_aboutpanel_02 .contents02_txt01 {
padding-top: 10px;
display: flex;
}

.main_aboutpanel_05 .contents02_txt01 {
text-align: center;
padding: 8px;
font-size: 0.85em;
}

.main_aboutpanel_02 .contents02_txt01 img {
width: 85%;
margin-left: 22px;
}

.main_aboutpanel_05 .contents02_txt01 img {
width: 100%;
/*margin-left: 22px;*/
}

.main_aboutpanel_02 .contents02_txt01_img {
display: block;
width: 60%;
}

.main_aboutpanel_05 .contents02_txt01_img {
display: block;
width: 44%;
margin: 8px auto 0;
}

.main_aboutpanel_02 .contents02_txt01_txt {
margin-top: -2px;
font-size: 1.125em;
font-weight: bold;
width: 40%;
line-height: 1.0;
}

.main_aboutpanel_05 .contents02_txt01_txt {
margin-top: -2px;
font-size: 1.125em;
font-weight: bold;
width: 40%;
line-height: 1.0;
}

.main_aboutpanel_02 .contents02_txt02 {
margin-top: 6px;
}

.main_aboutpanel_05 .contents02_txt02 {
margin-top: 6px;
}

.main_aboutpanel_02 .contents02_txt02 img {
width: 28%;
margin-left: 22px;
}

.main_aboutpanel_05 .contents02_txt02 img {
width: 28%;
margin-left: 22px;
}

.main_aboutpanel_02 .contents02_txt02_txt {
font-size: 0.938em;
line-height: 1.1em;
font-weight: bold;
margin-left: 21px;
}

.main_aboutpanel_05 .contents02_txt02_txt {
/* font-size: 0.938em;
line-height: 1.1em;
font-weight: bold;
margin-left: 21px; */
}

.main_aboutpanel_02 .contents02_txt02_txt span {
font-size: 0.625em;
}

.main_aboutpanel_05 .contents02_txt02_txt span {
font-size: 0.625em;
}

.main_aboutpanel_02 .contents02_link {
margin-top: 6px;
margin-bottom: 5px;
text-align: center;
}

.main_aboutpanel_05 .contents02_link {
margin-top: 6px;
margin-bottom: 5px;
text-align: center;
}

.main_aboutpanel_02 .contents02_link a {
text-decoration: none;
}

.main_aboutpanel_05 .contents02_link a {
text-decoration: none;
}

.main_aboutpanel_02 .contents02_link img {
width: 33.54%;
}

.main_aboutpanel_05 .contents02_link img {
width: 33.54%;
}

.main_aboutpanel_03,
.main_aboutpanel_04 {
text-align: center;
}

.main_aboutpanel_04 {
margin-top: 12px;
}

.main_aboutpanel_03 .main_aboutpanel_title img,
.main_aboutpanel_04 .main_aboutpanel_title img {
display: inherit;
width: 24.6%;
margin: 0px auto;
padding: 4px 0 5px;
box-sizing: border-box;
}

.main_aboutpanel_03 .main_aboutpanel_contents,
.main_aboutpanel_04 .main_aboutpanel_contents {
height: 63px;
font-weight: bold;
font-size: 1.125em;
font-feature-settings: "palt";
}

.main_aboutpanel_03 .main_aboutpanel_contents span {
padding-top: 17px;
display: block;
line-height: 1.3;
}

.main_aboutpanel_04 .main_aboutpanel_contents span {
padding-top: 8px;
display: block;
line-height: 1.3;
}

.main_howtouse_title {
margin-top: 28px;
}

.main_howtouse_contents01 {
margin: 20px 0px 17px;
text-align: center;
}

.main_howtouse_contents01 img {
width: 72.88%;
}

.main_howtouse_contents02 {
margin-bottom: 28px;
}


/* 販売するチケットはこちら */
.sales-ticket {
background: url(../img/ticket_bk.svg) repeat;
background-size: cover;
width: 93.88%;
height: auto;
margin: 0 auto;
}

.sales-ticket_2-day {
	background: url(../img/ticket_bk_02.svg) repeat;
}

.sales-ticket_3-day {
	background: url(../img/ticket_bk_03.svg) repeat;
}

.sales-ticket__summary {
display: flex;
}

.sales-ticket__img {
width: 17.04%;
}

.sales-ticket__details {
width: 82.96%;
}

.sales-ticket__title {
font-size: 0.938em;
margin: 3px 0 0 5px;
}

.sales-ticket__price {
font-size: 1.563em;
margin: 1px 0 0 5px;
font-weight: bold;
}

.xs-text {
font-size: 10px;
}

.sales-imgtag {
margin-top: 8px;
}

.sales-txt {
width: 93%;
margin: 5px 0 0 11px;
font-size: 0.750em;
font-weight: bold;
}

.sales-txt span {
color:#333333;
}

.sales-imgtag_set {
width: 72.86%;
margin: 0 auto;
display: flex;
background: #fff;
border: 3px solid #fff;
border-radius: 1000px;
margin-bottom: 7px;
align-items: center; /* 複数行テキスト対策 */
}

.sales-imgtag span {
display: block;
}

.tag_photo {
line-height: 0;
}

.tag_photo img {
width: 100%;
}

.tag_text {
margin: 2px 0px -2px 10px;
font-size: 0.938em;
font-weight: bold;
/* line-height: 3.3; 複数行テキスト対策　*/
}

.tag_text2 {
margin: 6px 0px -2px 10px;
width: 70%;
font-size: 0.938em;
font-weight: bold;
}

.sales-text {
font-size: 10px;
}

.sales-text2 {
font-size: 0.750em;
font-weight: bold;
line-height: 1.5;
}

.sales-btn {
width: 80%;
text-align: center;
margin: 15px auto 0px;
}

.sales-btn__txt {
background: #F76F49;
border-radius: 50px;
color: #ffffff;
padding: 12px;
text-align: center;
text-decoration: none;
font-weight: bold;
width: 100%;
display: inline-block;
font-size: 0.875em;
}

.sales-btn2 {
width: 80%;
text-align: center;
margin: 15px auto 0px;
}

.sales-btn__txt2 {
background: #FFFFFF;
border-radius: 50px;
color: #17A3FF;
border:1px #17A3FF solid;
padding: 12px;
text-align: center;
text-decoration: none;
font-weight: bold;
width: 100%;
display: inline-block;
font-size: 0.875em;
}

.basic-btn {
	width: 80%;
	text-align: center;
	margin: 12px auto 16px;
}

.basic-btn__txt {
background: #333333;
border-radius: 50px;
color: #ffffff;
padding: 8px;
text-align: center;
text-decoration: none;
font-weight: bold;
width: 100%;
display: inline-block;
font-size: 0.875em;
}

/* 詳しい使い方ボタン（about=1) */
.btnWrap {
    margin-top:16px;
    text-align:center;
}
.btnWrap a {
    text-decoration: none;
    color: black;
}
.btn {
    border:1px black solid;
    border-radius:20px;
    text-align:center;
    width:70%;
    padding:5px 30px;
    background-color:white;
    outline: none;
}

/* ～って、こんな街！ */
.city {
width: 90.4%;
margin: 15px auto 30px;
}

.city_map {
position: relative;
}

.city img {
border: 0;
}

.city a {
text-decoration: none;
}

.city_map_pin01 {
width: 9.44%;
position: absolute;
top: 25%;
left: 40%;
}

.city_map_pin02 {
width: 9.44%;
position: absolute;
top: 48%;
left: 48%;
}

.city_map_pin03 {
width: 9.44%;
position: absolute;
top: 18%;
left: 50%;
}

.cty_txt {
margin-top: 12px;
}

.cty_txt h4 {
font-size: 0.875em;
}

.cty_txt p {
margin-top: 9px;
}

.city h4 img {
width: 9.4%;
}

.city img {
border: none;
}

.city p {
font-size: 0.875em;
}

.city_01 {
margin-top: 16px;
}

.city_02,
.city_03 {
margin-top: 30px;
}

.city_01 h4,
.city_02 h4,
.city_03 h4 {
font-size: 1.25em;
margin-bottom: 13px;
text-align: center;
}

.city_01_photo,
.city_02_photo,
.city_03_photo {
margin-top: 3px;
}

.city_01_photo div,
.city_02_photo div,
.city_03_photo div {
line-height: 0;
margin-bottom: 16px;
position: relative;
}

span.photo_cap {
display: block;
line-height: 2.2;
background-color: rgba(51, 51, 51, 0.6);
color: #fff;
font-size: 0.625em;
text-align: right;
padding:0 10px;
position: absolute;
bottom: 0px;
right: 0px;
}


/* たとえば、こんな楽しみ方！ */
.ex_title {
width: 77.7%;
margin: 28px auto 16px;
}

.ex_plan {
width: 92.16%;
margin: 0 auto;
}

.ex_plan p {
margin-bottom: 46px;
}


/* 対称路線 */
.rosen {
margin-bottom: 25px;
}

#rosen .s-title {
margin-bottom: 0px;
}

/* about=1の注記 */

#layout_howtouse .s-title, #layout_howtouse2 .s-title, #layout_howtouse3 .s-title {
  margin-top: 16px;
}

#layout_howtouse .ex_plan, #layout_howtouse2 .ex_plan, #layout_howtouse3 .ex_plan {
  font-size: 0.875em;
  margin-top: 16px;
}


/* チケットの購入、使用にはアプリが必要です */
.apps {
width: 90.4%;
margin: 0 auto;
}

.apps_title_ja {
text-align: center;
background: #333333;
border-top: 2px solid #333333;
border-left: 2px solid #333333;
border-right: 2px solid #333333;
border-top-left-radius: 12px;
border-top-right-radius: 12px;
color: #fff;
font-size: 0.75em;
padding: 1px 0 3px;
box-sizing: border-box;
}

.apps_title_ja_only {
text-align: center;
background: #333333;
border-top: 2px solid #333333;
border-left: 2px solid #333333;
border-right: 2px solid #333333;
border-top-left-radius: 12px;
border-top-right-radius: 12px;
color: #fff;
font-size: 0.75em;
padding: 1px 0 3px;
padding: 1px 0 3px;
box-sizing: border-box;
}

.apps_title_ml {
text-align: center;
background: #333333;
border-top: 2px solid #333333;
border-left: 2px solid #333333;
border-right: 2px solid #333333;
color: #fff;
font-size: 0.75em;
padding: 1px 0 3px;
box-sizing: border-box;
}

.apps_title_ml_only {
text-align: center;
background: #333333;
border-top: 2px solid #333333;
border-left: 2px solid #333333;
border-right: 2px solid #333333;
border-top-left-radius: 12px;
border-top-right-radius: 12px;
color: #fff;
font-size: 0.75em;
padding: 1px 0 3px;
box-sizing: border-box;
}

.apps_contents_ja {
border-left: 2px solid #333333;
border-right: 2px solid #333333;
border-bottom: 2px solid #333333;
box-sizing: border-box;
}

.apps_contents_ja_only {
border-left: 2px solid #333333;
border-right: 2px solid #333333;
border-bottom: 2px solid #333333;
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
box-sizing: border-box;
}

.apps_contents_ml {
border-left: 2px solid #333333;
border-right: 2px solid #333333;
border-bottom: 2px solid #333333;
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
box-sizing: border-box;
}

.apps_contents_ml_only {
border-left: 2px solid #333333;
border-right: 2px solid #333333;
border-bottom: 2px solid #333333;
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
box-sizing: border-box;
}

.apps_abt {
display: flex;
}

.apps_norikae {
width: 57.22%;
}

.apps_norikae_qr {
width: 42.78%;
display: flex;
justify-content: flex-start;
}

.apps_norikae img {
width: 69.48%;
margin: 24px 0 0 33px;
}

.apps_norikae_qr {
margin-top: 23px;
}

img.apps_qr_ios_ja,
img.apps_qr_android_ja {
width: 31.84%;
}

img.apps_qr_android_ja {
margin-left: 7.3%;
}

.apps_jtp {
width: 60.17%;
}

.apps_jtp_qr {
width: 39.83%;
display: flex;
justify-content: flex-start;
}

.apps_jtp img {
width: 78.46%;
margin: 24px 0 0 33px;
}

.apps_jtp_qr img {
margin-top: 23px;
}

img.apps_qr_ios_ml,
img.apps_qr_android_ml {
width: 34.2%;
}

img.apps_qr_android_ml {
margin-left: 7.9%;
}

.apps_qr_ios {
width: 50%;
}

.apps_qr_android {
width: 50%;
}

.apps_store {
display: flex;
margin-top: 21px;
margin-bottom: 12px;
}

.apps_store_apple {
width: 50%;
}

.apps_store_apple img {
width: 63.9%;
margin-left: 33px;
}

.apps_store_google {
width: 50%;
}

.apps_store_google img {
width: 78.84%
}

.applink {
	margin-top: 24px;
}

.applink_txt {
margin: -6px 0 8px;
text-align: center;
font-weight: bold;
font-size: 0.750em;
font-feature-settings: "palt";
}

.apps_contents_ml {
position: relative;
}

.apps_txt {
position: absolute;
width: 100%;
margin: 4px 0 -4px;
padding-left: 90px;
font-size: 0.625em;
font-feature-settings: "palt";
}

footer {
margin-top: 34px;
}

.footer_logo {
margin-bottom: 30px;
}

footer small {
color: #868687;
}

@media screen and (min-width: 641px) and (max-width: 1024px) {
    .img-01 img {
    width: 89.5%;
    }
    .main_aboutpanel_02 .main_aboutpanel_title {
        height: auto;
    }
    .main_aboutpanel_05 .main_aboutpanel_title {
	height: auto;
	font-size: inherit;
    }

    .main_aboutpanel_05 .contents02_txt01_img {
    	width: 24%;
    }
    .main_aboutpanel_03 .main_aboutpanel_contents,
    .main_aboutpanel_04 .main_aboutpanel_contents {
        font-size: 1.0em;
        height: auto;
        padding-bottom: 0.5em;
    }
    .sales-ticket__title {
        font-size: 1.4em;
    }
    .sales-ticket__price {
        font-size: 2.5em;
    }
    .sales-text2 {
        font-size: 1.4em;
    }
    section .xs-text {
        font-size: 0.5em;
    }
    .sales-btn__txt, .sales-btn__txt2 {
        font-size: 1.4em;
    }
    .basic-btn__txt {
        font-size: 1.4em;
    }
    .city_01 h4,
    .city_02 h4,
    .city_03 h4 {
        font-size: 1.4em;
    }
    .cty_txt h4,
    .city p {
        font-size: 1.4em;
    }
    span.photo_cap {
        font-size: 1em;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1366px) {
    .main_aboutpanel_02 .main_aboutpanel_title {
        height: auto;
    }
    .main_aboutpanel_05 .main_aboutpanel_title {
        height: auto;
    }
    .main_aboutpanel_03 .main_aboutpanel_contents,
    .main_aboutpanel_04 .main_aboutpanel_contents {
        font-size: 1.0em;
        padding-bottom: 0.5em;
        height: auto;
    }
    .sales-ticket__title {
        font-size: 2em;
    }
    .sales-ticket__price {
        font-size: 4em;
    }
    .sales-text2 {
        font-size: 2em;
    }
    section .xs-text {
        font-size: 0.5em;
    }
    .sales-btn__txt, .sales-btn__txt2 {
        font-size: 2em;
    }
    .basic-btn__txt {
        font-size: 2em;
    }
    .city_01 h4,
    .city_02 h4,
    .city_03 h4 {
        font-size: 2em;
    }
    .cty_txt h4,
    .city p {
        font-size: 1.8em;
    }
    span.photo_cap {
        font-size: 1.4em;
    }
}

@media screen and (min-width: 1367px) {
    /* フリーパス概要 PC */
    .header_txt {
        width: 342px;
        height: 56px;
    }

    h2.main_imgtxt {
        width: 52.78%;
    }

    .main_h2_txt_pc {
        display: block;
    }

    .main_h2_txt_sp {
        display: none;
    }

    .headline-text {
        font-size: 1.25em;
        margin-top: 28px;
        width: 100%;
        line-height: 1.5em;
    }

    section .s-title {
        padding-top: 20px;
    }

    section .s-title__text {
        font-size: 1.25em;
        line-height: 1.9;
        margin: 0px auto 4px;
    }

    .main_aboutarea_01 {
        display: flex;
        justify-content: space-between;
    }

    .main_aboutarea_01,
    .main_aboutarea_02 {
        width: 100%;
        margin-bottom: 0px;
        display: flex;
        justify-content: space-between;
    }

    .main_aboutarea_03 {
        width: 600px;
        margin-bottom: 0px;
    }

    .main_aboutpanel_01,
    .main_aboutpanel_02,
    .main_aboutpanel_03,
    .main_aboutpanel_04,
    .main_aboutpanel_05 {
          width: 48.8%;
      }
    .main_aboutpanel_05 {
          margin: 8px auto;
      }

    .main_aboutarea_01 {
        margin-top: 32px;
    }

    .main_aboutarea_02 {
        margin-top: 8px;
    }

    .main_aboutpanel_02 .main_aboutpanel_contents {
        height: auto;
    }

    .main_aboutpanel_05 .main_aboutpanel_contents {
        height: auto;
    }

    .main_aboutarea_02 .main_aboutpanel_contents {
        height: 59px;
    }

    .main_aboutpanel_02 .contents02_txt01 {
        padding-top: 15px;
    }

    .main_aboutpanel_05 .contents02_txt01 {
    /*    padding-top: 15px; */
    }

    .main_aboutpanel_02 .contents02_txt02 {
        margin-top: 8px;
    }

    .main_aboutpanel_05 .contents02_txt02 {
        margin-top: 8px;
    }

    .main_aboutpanel_02 .contents02_link {
        margin-top: 9px;
        margin-bottom: 6px;
        text-align: center;
    }

    .main_aboutpanel_05 .contents02_link {
        margin-top: 9px;
        margin-bottom: 6px;
        text-align: center;
    }

    .main_aboutpanel_01 img {
        margin-top: 0px;
    }

    .main_aboutpanel_title {
        padding: 8px 0 8px;
        line-height: 1.0;
    }

    .main_aboutpanel_03 .main_aboutpanel_title,
    .main_aboutpanel_04 .main_aboutpanel_title {
        padding: 0px;
    }

    .main_aboutarea_02 .main_aboutpanel_title img {
        width: 11.8%;
    }

    .main_aboutpanel_02 .main_aboutpanel_title img {
        width: 12%;
        padding: 7px 0 5px;
    }

    .main_aboutpanel_05 .main_aboutpanel_title img {
        width: 12%;
        padding: 7px 0 5px;
    }

    .main_aboutpanel_02 .contents02_txt01_txt {
        font-size: 1.250em;
        margin-left: 51px;
    }

    .main_aboutpanel_05 .contents02_txt01_txt {
        font-size: 1.250em;
        margin-left: 51px;
    }

    .main_aboutpanel_02 .main_aboutpanel_contents .contents02_txt01 img {
        margin-left: 22px;
        width: 92%;
    }

    .main_aboutpanel_05 .main_aboutpanel_contents .contents02_txt01 img {
/*        margin-left: 22px;*/
        width: 92%;
    }

    .main_aboutpanel_02 .main_aboutpanel_contents .contents02_txt02 img {
        margin-left: 23px;
        width: 26.7%;
    }

    .main_aboutpanel_05 .main_aboutpanel_contents .contents02_txt02 img {
        margin-left: 23px;
        width: 26.7%;
    }

    .main_aboutpanel_02 .contents02_txt02_txt {
        font-size: 1.0em;
        margin-top: 5px;
    }

    .main_aboutpanel_05 .contents02_txt02_txt {
      /*  font-size: 1.0em;
        margin-top: 5px; */
    }

    .main_aboutpanel_02 .contents02_txt02_txt br {
        display: none;
    }

    .main_aboutpanel_05 .contents02_txt02_txt br {
      /*  display: none; */
    }

    .main_aboutpanel_02 .contents02_txt02_txt span {
        margin-left: 1.0em;
    }

    .main_aboutpanel_05 .contents02_txt02_txt span {
        margin-left: 1.0em;
    }

    .main_aboutpanel_02 .main_aboutpanel_contents .contents02_link img {
        width: 33.51%;
    }

    .main_aboutpanel_05 .main_aboutpanel_contents .contents02_link img {
        width: 33.51%;
    }

    .main_aboutpanel_03 .main_aboutpanel_contents img {
        width: 50.29%;
        margin-top: 20px;
    }

    .main_aboutpanel_04 {
        margin-top: 0px;
    }

    .main_aboutpanel_04 .main_aboutpanel_contents img {
        width: 48.09%;
        margin-top: 9px;
    }

    .main_aboutpanel_03 .main_aboutpanel_contents span {
        padding-top: 12px;
        font-size: 1.250em;
    }

    .main_aboutpanel_04 .main_aboutpanel_contents span{
        padding-top: 4px;
        font-size: 1.250em;
        line-height: 1.1;
    }

    .main_howtouse_title {
        margin-top: 41px;
    }

    .main_howtouse_contents02 {
        margin-bottom: 12px;
    }


    /* 販売するチケットはこちら PC */
    .sales-pcwrapper {
        justify-content: space-around;
    }

    .sales-pcwrapper section {
        width: 48.9%;
    }

    .sales-ticket {
        width: 100%;
    }

    .sales-imgtag_set {
        width: 66%;
    }

    .sales-imgtag {
        margin-top: 22px;
    }

    .sales-txt {
        margin: 17px auto 0;
        width: 82%;
    }

    .day .w90 {
        margin-top: 147px;
    }

    .day .sales-btn {
        margin-top: 32px;
    }

    .day .sales-btn2 {
        margin-top: 32px;
    }

    .sales-text2 {
        margin-left: 6px;
        margin-right: 6px;
    }

    .enjoy .w90 {
        margin-top: 20px;
    }

    section .w90 {
        width: 86%;
        margin-right: auto;
        margin-left: auto;
        padding-bottom: 30px;
    }

    .sales-btn {
        width: 100%;
    }
    .sales-btn2 {
        width: 100%;
    }

    /* 豊田市って、こんな街！ PC */
    .city_index {
        display: flex;
    }

    .city {
        width: 100%;
        margin-top: 21px;
    }

    .city_map {
        width: 390px
    }

    .cty_txt {
        width: 390px;
        margin-top: 0px;
        margin-left: 20px;
    }

    .cty_txt h4 {
        font-size: 1.25em;
    }

    .cty_txt p {
        margin-top: 9px;
        font-size: 1.063em;
        line-height: 1.5;
        letter-spacing: 0.01em;
    }

    .city h4 img {
        width: 4.0%;
    }

    .city img {
        border: none;
    }

    .city_01 {
        margin-top: 28px;
    }

    .city_02,
    .city_03 {
        margin-top: 30px;
    }

    .city_01 h4,
    .city_02 h4,
    .city_03 h4 {
        font-size: 1.563em;
        margin-bottom: 13px;
        text-align: center;
    }

    .city_01 p,
    .city_02 p,
    .city_03 p {
        font-size: 1.25em;
        margin-top: 7px;
    }

    .city_01_photo,
    .city_02_photo,
    .city_03_photo {
        margin-top: 20px;
    }

    .city_01_photo,
    .city_02_photo,
    .city_03_photo {
        display: flex;
        flex-wrap: wrap;
    }

    .city_01_photo div,
    .city_02_photo div,
    .city_03_photo div {
        margin-bottom: 19px;
    }

    .city_01_photo div:nth-child(even),
    .city_02_photo div:nth-child(even),
    .city_03_photo div:nth-child(even) {
        margin-left: 20px;
    }

    .city_01_photo img,
    .city_02_photo img,
    .city_03_photo img {
        width: 390px;
    }


    /* たとえばこんな楽しみ方 */
    .ex_title {
        width: 291px;
        margin: 32px auto 53px;
    }

    .ex_plan {
        width: 800px;
        margin: 0;
        display: flex;
        flex-wrap: wrap;
    }

    .ex_plan01,
    .ex_plan02,
    .ex_plan03,
    .ex_plan04 {
        width: 400px;
        text-align: center;
    }

    .ex_plan img {
        width: 346px;
    }

    .ex_plan01 img,
    .ex_plan03 img {
        margin-right: 24px;
    }

    .ex_plan02 img,
    .ex_plan04 img {
        margin-left: 24px;
    }


    /* 対象路線 */
    .rosen {
        margin-top: 14px;
    }

    .rosen p {
        width: 266px;
        float: left;
    }

    .rosen__img02 {
        margin-top: 144px;
    }

    .rosen__img03 {
        margin-top: 0px;
    }

    .rosen__img04 {
        margin-top: 145px;
    }

    .rosen__img05 {
        margin-top: 0px;
    }

    .rosen__img06 {
        margin-top: 41px;
    }

    /* チケットの購入、使用にはアプリが必要です */
    .dl-cap {
        width: 54%;
        margin: 32px auto 22px;
    }

    .apps {
        display: flex;
		margin:0 0 0 200px;
        width: 100%;
    }

    .apps_title_ja {
        border-right: 0px;
        border-top-right-radius: 0px;
    }

	.apps_title_ja_only {
        border-right: 12px;
        border-top-right-radius: 12px;
    }

	.apps_title_ml_only {
        border-right: 12px;
        border-top-right-radius: 12px;
    }


    .apps_contents_ja {
        border-right: 0px;
        border-bottom-right-radius: 0px;
        border-bottom-left-radius: 12px;
    }

	.apps_contents_ja_only {
		border-left: 2px solid #333333;
		border-right: 2px solid #333333;
		border-bottom: 2px solid #333333;
		box-sizing: border-box;
    }

    .apps_title_ml {
        border-left: 0px;
        border-top-left-radius: 0px;
        border-top-right-radius: 12px;
    }

    .apps_contents_ml {
        border-left: 0px;
        border-bottom-left-radius: 0px;
    }

	.apps_contents_ml_only {
		border-left: 2px solid #333333;
		border-right: 2px solid #333333;
		border-bottom: 2px solid #333333;
		box-sizing: border-box;
    }

    .apps_abt {
        width: 398px;
        box-sizing: border-box;
		margin-left:30px;
    }

    .apps_norikae {
        width: 59%;
    }

    .apps_norikae img {
        width: 133px;
        height: 55px;
        margin: 34px 0 0 85px;
    }

    .apps_norikae_qr {
        width: 41%;
        margin-top: 36px;
    }

    .apps_jtp {
        width: 53%;
    }

    .apps_jtp img {
        width: 158px;
        height: 55px;
        margin: 34px 0 0 44px;
    }

    .apps_jtp_qr {
        width: 47%;
    }

    .apps_jtp_qr img {
        margin-top: 36px;
		margin-left:20px;
    }

    img.apps_qr_ios_ja,
    img.apps_qr_ios_ml {
        width: 46px;
        height: 59px;
    }

    img.apps_qr_android_ja,
    img.apps_qr_android_ml {
        width: 46px;
        height: 59px;
        margin-left: 10px;
    }

    .apps_store {
        margin-bottom: 25px;
    }

    .apps_store_apple img {
        width: 108px;
        height: 40px;
        margin-left: 83px;
    }

    .apps_store_google img {
        width: 134px;
        height: 40px;
        margin-left: 12px;
    }

    .apps_contents_ml .apps_store_apple {
        width: 39.5%;
    }

    .apps_contents_ml .apps_store_apple img {
        margin-left: 41px;
    }

    .applink_txt {
    font-size: 20px;
    margin: -16px 0 7px;
    }

    .apps_txt {
    padding-left: 100px;
    text-align: left;
    font-size: 0.625em;
    }

    /* フッター */
    footer {
        margin-top: 73px;
        font-size: 0.625em;
    }

    .footer_logo {
        margin-bottom: 20px;
    }

    .footer_logo img {
        width: 50px;
        height: 50px;
    }

}


#footer_menu {
	position: fixed;
	width: 100%;
	z-index: 1;
	text-align: center;
	bottom: 0;
	padding:18px 0;
	height: 55px;
	background-color: rgba( 36, 35, 41, 0.75 );
}

#footer_menu a{
	text-decoration: none;
}

.footer_menuL {
	font-size: 13px;
	border-radius: 5px;
	border: 1px #FE6110 solid;
	padding: 8px 24px;
	background-color: white;

	color: #FE6110;
}

.footer_menuR {
	font-size: 13px;
	border-radius: 5px;
	border: 1px #FE6110 solid;
	padding: 8px 24px;
	background-color: #FE6110;
	color: #FFFFFF;
}

/* ---------------------------------------------------

cmp終了

--------------------------------------------------- */
#cmp_close {
	position:fixed;
	width:100%;
	height:100%;
	opacity:1;
	z-index:2000000000;
	background-color:rgba(255, 255, 255, 0.55);
}

#cmp_close div {
	opacity:1;
	font-size:18px;
	font-weight:bold;
	color:white;
	margin:auto;
	text-align:center;
	padding:2%;
	background-color:rgba(51, 51, 51, 0.85);
}

.btn_sales_close {
	pointer-events:none;
}
/* ---------------------------------------------------

アンケート枠_20240229

--------------------------------------------------- */
.TxtBoxOut01{
  margin:10px 30px;
  background-color: #dbdbdb;
}

.TxtBoxIn{
  padding:30px;
  font-size:90%;
}

h5{
	background-color: #333333;
  color:#FFF;
  text-align:center;
  padding:3px;
}

@media screen and (min-width: 1367px) {
  .TxtBoxOut01{
    margin:10px auto;
    background-color: #dbdbdb;
    width: 400px;
  }
}
/* ---------------------------------------------------

index,about制御

--------------------------------------------------- */
.app-visible{
    display:none;
}