#content00 {
padding: 0px;
height: auto;
position: relative;
overflow: hidden;
}

/* about */
#about {
}
#about .contents-block-in {
  max-width: 640px;
  margin: 0px auto;
}
#about .movie {
  padding: 0px;
  position: relative;
  overflow: hidden;
  border-radius: 10px;
  /* border: 1px solid rgba(225,225,225,1.00); */
}
#about .movie {
position: relative;
width: 100%;
padding-top:56.25%;
margin: 0px auto 5px;
max-width: 640px;
}
#about .movie-img {
width: 100%;
max-width: 640px;
overflow: hidden;
border-radius: 10px;
}


#about .movie iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#about .contents-txt {
font-size: calc(100vw / 23);
line-height: 1.5em;
font-weight: bold;
}




@media print, screen and (min-width: 375px) {

/* about */
#about .contents-txt {
font-size: 15px;
line-height: 1.5em;
}

}


@media print, screen and (min-width: 768px) {

/* about */
#about .contents-txt {
font-size: 16px;
line-height: 1.5em;
}

}


@media print, screen and (min-width: 960px) {


/* about */
#about .contents-txt {
font-size: 17px;
line-height: 1.5em;
}

}

@media print, screen and (min-width: 1200px) {

}

@media print, screen and (min-width: 1400px) {

}















/* contents-block-de */
.contents-block-de {
padding: 9% 15px;
}
.section-title {
}
.contents-block-de .contents-block-in {
background-color: rgba(242,242,242,1.00);
border-radius: 12px;
padding: 15px;
}
.contents-box-in {
border-radius: 10px;
}

/* #featured-experiences */
#featured-experiences .contents-block-in {
background-color: rgba(244,226,233,1.00);
}
#featured-experiences .section-title p {
color: rgba(181,67,112,1.00);
background-color: rgba(244,226,233,1.00);
}
#featured-experiences .section-subtitle {
color: rgba(181,67,112,1.00);
}
#featured-experiences .contents-txt {
font-size: calc(100vw / 25);
line-height: 1.5em;
font-weight: 500;
}
.graphic-img.border_radius {
border-radius: 10px;
overflow: hidden;
}
.graphic-img.border_radius.srad {
border-radius: 4px;
}

.featured-block {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.featured-block > li {
	-ms-flex-preferred-size: 100%;
	flex-basis: 100%;
}

.contents-box-in {
background-color: rgba(248,237,241,1.00);
border-radius: 10px;
padding: 15px;
border: 1px solid rgba(255,255,255,1.00);
}

.hidden-area {
display: none;
}
.close-button-c {
display: none;
}









/* attention-txt */
.white-block {
overflow: hidden;
border-radius: 10px;
padding: 15px;
background-color: rgba(255,255,255,1.00);
}
.attention-txt {
}
.attention-txt > li {
margin-bottom: 15px;
}
.attention-txt > li:last-child {
margin-bottom: 0px;
}
.attention-txt-ch {
}
.attention-txt-ch > li {
margin-bottom: 15px;
}
.attention-txt-ch > li:last-child {
margin-bottom: 0px;
}
.section-subtitle.pink-text {
color: rgba(214,0,127,1.00);
}
.section-subtitle.gray-text {
color: rgba(85,85,85,1.00);
}


@media print, screen and (min-width: 375px) {

#featured-experiences .contents-txt {
font-size: 14px;
line-height: 1.5em;
}

}


@media print, screen and (min-width: 768px) {

/* contents-block-de */
.contents-block-de {
padding: 5% 25px;
}
.contents-block-de .contents-block-in {
border-radius: 15px;
padding: 25px;
}


.featured-block > li:nth-child(1)  {
order: 2;
	-ms-flex-preferred-size: calc(40% - 10px);
	flex-basis: calc(40% - 10px);
}
.featured-block > li:nth-child(2)  {
order: 1;
}
.featured-block > li:nth-child(3)  {
order: 3;
	-ms-flex-preferred-size: calc(60% - 10px);
	flex-basis: calc(60% - 10px);
}
.hidden-area {
display: block;
}
.close-opne-button  {
display: none;
}

.contents-box-in {
border-radius: 12px;
padding: 25px;
}

#featured-experiences .contents-txt {
font-size: 18px;
line-height: 1.5em;
}


/* attention-txt */
.section-subtitle.pink-text {
font-size: 16px;
line-height: 1.4em;
}
.section-subtitle.gray-text {
font-size: 16px;
line-height: 1.4em;
}

.white-block {
border-radius: 12px;
padding: 25px;
}
.attention-txt {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.attention-txt > li {
margin-bottom: 0px;
-ms-flex-preferred-size: calc(33.33% - 10px);
flex-basis: calc(33.33% - 10px);
}
.attention-txt > li:last-child {
margin-bottom: 0px;
-ms-flex-preferred-size: calc(66.66% - 10px);
flex-basis: calc(66.66% - 10px);
}
.attention-txt-ch {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.attention-txt-ch > li {
margin-bottom: 0px;
-ms-flex-preferred-size: calc(50% - 10px);
flex-basis: calc(50% - 10px);
}
.attention-txt-ch > li:last-child {
margin-bottom: 0px;
}

}


@media print, screen and (min-width: 960px) {

/* contents-block-de */
.contents-block-de {
padding: 4% 30px;
}
.contents-block-de .contents-block-in {
border-radius: 17px;
padding: 30px;
}

.graphic-img.border_radius {
border-radius: 14px;
}
.graphic-img.border_radius.srad {
border-radius: 5px;
}

.featured-block > li:nth-child(1)  {
	-ms-flex-preferred-size: calc(37% - 15px);
	flex-basis: calc(37% - 15px);
}
.featured-block > li:nth-child(3)  {
	-ms-flex-preferred-size: calc(63% - 15px);
	flex-basis: calc(63% - 15px);
}

.contents-box-in {
border-radius: 14px;
padding: 30px;
}

#featured-experiences .contents-txt {
font-size: 19px;
line-height: 1.5em;
}

.section-subtitle.pink-text br,
.section-subtitle.gray-text br {
display: table !important;
}
.section-subtitle.pink-text {
font-size: 18px;
line-height: 1.4em;
}
.section-subtitle.gray-text {
font-size: 18px;
line-height: 1.4em;
}

}


@media print, screen and (min-width: 1200px) {

/* contents-block-de */
.contents-block-de {
padding: 3.2% 0px;
}
.contents-block-de .contents-block-in {
border-radius: 18px;
padding: 40px;
}

.featured-block > li:nth-child(1)  {
	-ms-flex-preferred-size: calc(748px / 2);
	flex-basis: calc(748px / 2);
}
.featured-block > li:nth-child(3)  {
	-ms-flex-preferred-size: calc(100% - 404px);
	flex-basis: calc(100% - 404px);
}

.contents-box-in {
border-radius: 14px;
padding: 40px;
}

#featured-experiences .contents-txt {
font-size: 20px;
line-height: 1.5em;
}

.section-subtitle.pink-text br,
.section-subtitle.gray-text br {
display: none !important;
}
.attention-txt > li {
-ms-flex-preferred-size: 336px;
flex-basis: 336px;
}
.attention-txt > li:last-child {
-ms-flex-preferred-size: calc(100% - 367px);
flex-basis: calc(100% - 367px);
}
.attention-txt-ch > li {
-ms-flex-preferred-size: 336px;
flex-basis: 336px;
}

}


@media print, screen and (min-width: 1400px) {

}














/* #featured-takao */
#featured-takao .contents-block-in {
background-color: rgba(244,226,233,1.00);
}
#featured-takao .section-title p {
color: rgba(181,67,112,1.00);
background-color: rgba(244,226,233,1.00);
}
#featured-takao  .contents-txt {
font-size: calc(100vw / 25);
line-height: 1.5em;
font-weight: 500;
}
.takao-block {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.takao-block > li {
  margin: 0px 0px 4px;
}
.takao-block > li:nth-child(1) {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
.takao-block > li:nth-child(2) {
-ms-flex-preferred-size: calc(50% - 2px);
flex-basis: calc(50% - 2px);
}
.takao-block > li:nth-child(3) {
-ms-flex-preferred-size: calc(50% - 2px);
flex-basis: calc(50% - 2px);
}
.takao-block > li:nth-child(4) {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  margin-top: 15px;
}
.def-table strong {
  font-weight: bold;  
}
#featured-takao .pink-line-block {
width: 100%;
}


@media print, screen and (min-width: 375px) {
#featured-takao .contents-txt {
font-size: 14px;
line-height: 1.5em;
}

}

@media print, screen and (min-width: 768px) {
#featured-takao .contents-txt {
font-size: 18px;
line-height: 1.5em;
}
#featured-takao .section-title p br {
display: none;
}

}


@media print, screen and (min-width: 960px) {
#featured-takao .contents-txt {
font-size: 19px;
line-height: 1.5em;
}

.takao-block > li:nth-child(1) {
-ms-flex-preferred-size: calc(50% - 2px);
flex-basis: calc(50% - 2px);
}
.takao-block > li:nth-child(2) {
-ms-flex-preferred-size: calc(50% - 2px);
flex-basis: calc(25% - 2px);
}
.takao-block > li:nth-child(3) {
-ms-flex-preferred-size: calc(50% - 2px);
flex-basis: calc(25% - 2px);
}
.takao-block > li:nth-child(4) {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  margin-top: 20px;
}

}

@media print, screen and (min-width: 1200px) {
#featured-takao .contents-txt {
font-size: 20px;
line-height: 1.5em;
}

}

@media print, screen and (min-width: 1400px) {

}























/* #contents-01 */
#contents-01 {
}
#contents-01 .flex4block {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
/*
#contents-01 .flex4block img {
	width: 100%;
}
*/
#contents-01 .flex4block > li .graphic-img {
width: 100%;
}
#contents-01 .flex4block > li:nth-child(1),
#contents-01 .flex4block > li:nth-child(2),
#contents-01 .flex4block > li:nth-child(3) {
-ms-flex-preferred-size: calc(33.33% - 5px);
flex-basis: calc(33.33% - 5px);
}
#contents-01 .flex4block > li:nth-child(4) {
margin-top: 3%;
	-ms-flex-preferred-size: 100%;
	flex-basis: 100%;
}

@media print, screen and (min-width: 375px) {

#contents-01 .flex4block > li:nth-child(1),
#contents-01 .flex4block > li:nth-child(2),
#contents-01 .flex4block > li:nth-child(3) {
-ms-flex-preferred-size: calc(33.33% - 5px);
flex-basis: calc(33.33% - 5px);
}
#contents-01 .flex4block > li:nth-child(4) {
margin-top: 3%;
	-ms-flex-preferred-size: 100%;
	flex-basis: 100%;
}

}

@media print, screen and (min-width: 768px) {

#contents-01 .flex4block > li:nth-child(1),
#contents-01 .flex4block > li:nth-child(2),
#contents-01 .flex4block > li:nth-child(3) {
-ms-flex-preferred-size: calc(18% - 10px);
flex-basis: calc(18% - 10px);
display: flex;
align-items: center;
margin-bottom: 0px;
}
#contents-01 .flex4block > li:nth-child(4) {
margin-top: -1%;
	-ms-flex-preferred-size: 46%;
	flex-basis: 46%;
}

}


@media print, screen and (min-width: 960px) {
#contents-01 .section-subtitle br {
display: none;
}
#contents-01 .flex4block > li:nth-child(1),
#contents-01 .flex4block > li:nth-child(2),
#contents-01 .flex4block > li:nth-child(3) {
-ms-flex-preferred-size: calc(18% - 20px);
flex-basis: calc(18% - 20px);
}
#contents-01 .flex4block > li:nth-child(4) {
margin-top: 0%;
	-ms-flex-preferred-size: 46%;
	flex-basis: 46%;
}
#contents-01 .flex4block > li:nth-child(4) img {
width: 90%;
}

}


@media print, screen and (min-width: 1200px) {

#contents-01 .flex4block {
width: 95%;
margin: 0px auto;
}

}


@media print, screen and (min-width: 1400px) {

}













.how-to-slider-out,
.tama-slider-out {
position: relative;
}
.how-to-slider-out .next-back-button,
.tama-slider-out .next-back-button {
/* position: absolute;
left: 20%;
bottom: -30px; */
position: relative;
width: 60%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 5px auto 0px;
z-index: 10;
}
.how-to-slider-out .box-step,
.tama-slider-out .box-step {
width: 20%;
max-width: 59px;
margin: 0px auto 2%;
}
.how-to-slider-out .graphic-img.screen,
.tama-slider-out .graphic-img.screen {
width: 80%;
max-width: calc(344px / 2);
margin: 0px auto;
}
.tama-slider-out .graphic-img.screen {
max-width: calc(400px / 2);
}

.next-back-button > li {
-ms-flex-preferred-size: 20px;
flex-basis: 20px;
}
.next-back-button img {
width: 20px;
}
#how-to01 .flex4block,
#how-to02 .flex4block,
#how-to03 .flex4block,
#how-to04 .flex4block,
#how-to05 .flex4block {
margin-bottom: 8%;
}

.step04-pad {
padding-top: 23%;
padding-bottom: 25%;
}
.step04-pad strong {
font-weight: bold;
text-align: center;
}



@media print, screen and (min-width: 375px) {


.step04-pad {
padding-top: 45px;
padding-bottom: 63px;
}

}


@media print, screen and (min-width: 768px) {
.how-to-slider-out .next-back-button,
.tama-slider-out .next-back-button {
display: none;
}
.flex4block > li {
margin-bottom: 4%;
}
#how-to01 .flex4block,
#how-to02 .flex4block,
#how-to03 .flex4block,
#how-to04 .flex4block,
#how-to05 .flex4block {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 0%;
}
#how-to01 .flex4block > li,
#how-to02 .flex4block > li,
#how-to03 .flex4block > li,
#how-to04 .flex4block > li,
#how-to05 .flex4block > li {
-ms-flex-preferred-size: calc(50% - 15px);
flex-basis: calc(50% - 15px);
}

.flex4block > li:nth-last-child(1),
.flex4block > li:nth-last-child(2) {
margin-bottom: 0%;
}

.step04-pad {
padding-top: 40px;
padding-bottom: 58px;
}

}


@media print, screen and (min-width: 960px) {

.how-to-slider-out .box-step {
width: 25%;
}

#how-to01 .flex4block,
#how-to02 .flex4block,
#how-to03 .flex4block,
#how-to04 .flex4block,
#how-to05 .flex4block {
}
#how-to01 .flex4block > li,
#how-to02 .flex4block > li,
#how-to03 .flex4block > li,
#how-to04 .flex4block > li,
#how-to05 .flex4block > li {
-ms-flex-preferred-size: calc(25% - 20px);
flex-basis: calc(25% - 20px);
margin-bottom: 0% !important;
}

.step04-pad {
padding-top: 28px;
padding-bottom: 46px;
}

#page-credit #how-to01 .flex4block::before{
  content:"";
  display: block;
  width:calc(25% - 20px);
  order:1;
}

}


@media print, screen and (min-width: 1200px) {

}

@media print, screen and (min-width: 1400px) {

}


















.credit-txt {
font-size: calc(100vw / 23);
line-height: 1.4em;
font-weight: bold;
text-align: center;
padding: 0px 0px 0.6em;
}
#credit-card .flex2block {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#credit-card .flex2block li {
margin-bottom: 15px;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
background-color: rgba(255,255,255,1.00);
border-radius: 12px;
}
#credit-card .flex2block li:last-child {
margin-bottom: 0%;
}
#credit-card .flex2block li img {
max-width: 620px;
}

@media print, screen and (min-width: 375px) {

.credit-txt {
font-size: 15px;
line-height: 1.4em;
}

}

@media print, screen and (min-width: 768px) {

.credit-txt {
font-size: 15px;
line-height: 1.4em;
padding: 0px 0px 0.6em;
}
#credit-card .flex2block li {
margin-bottom: 0px;
-ms-flex-preferred-size: calc(50% - 12px);
flex-basis: calc(50% - 12px);
}
#credit-card .flex2block li img {
max-width: 950px;
}

}

@media print, screen and (min-width: 960px) {
.credit-txt {
font-size: 17px;
line-height: 1.4em;
}
#credit-card .flex2block li {
margin-bottom: 0px;
-ms-flex-preferred-size: calc(50% - 15px);
flex-basis: calc(50% - 15px);
}

}


@media print, screen and (min-width: 1200px) {

.credit-txt {
font-size: 20px;
line-height: 1.4em;
}
#credit-card .flex2block li {
margin-bottom: 0px;
-ms-flex-preferred-size: calc(50% - 20px);
flex-basis: calc(50% - 20px);
}

}

@media print, screen and (min-width: 1400px) {

}































.faq-list > li {
padding: 0px 0px 10px;
margin: 0px 0px 10px;
border-bottom: 1px solid rgba(199,203,209,1.00);
}
.faq-list li:last-child {
padding: 0px;
margin: 0px;
border: none;
}

.faq-box {
font-size: calc(100vw / 26);
line-height: 1.5em;
}
.faq-title {
position: relative;
padding: 12px 0px 12px 35px;
display: block;
color: rgba(15,54,117,1.00);
font-weight: bold;
transition: all 0.3s;
}

.faq-title::after,
.faq-an::after {
content: "";
display: block;
position: absolute;
left: 0px;
top: 7px;
height: 30px;
width: 30px;
background-image: url(../../../../img/train/ticket/touch/q.svg);
background-position: left top;
background-size: 100% auto;
background-repeat: no-repeat;
}
.faq-an {
position: relative;
padding: 12px 0px 12px 35px;
}
.faq-an::after {
background-image: url(../../../../img/train/ticket/touch/a.svg);
}

#faq .faq-txt .credit-icon {
width: 20px;
height: auto;
vertical-align: middle;
display: inline;
}
#faq .graphic-img.credit-img {
width: 100%;
max-width: 850px;
}

/* .point-out-box */
.faq-txt strong {
}





@media print, screen and (min-width: 375px) {
.faq-list > li {
padding: 0px 0px 15px;
margin: 0px 0px 15px;
}
.faq-box {
font-size: 13.5px;
line-height: 1.5em;
}
.faq-title {
padding: 12px 0px 12px 38px;
}

.faq-title::after,
.faq-an::after {
left: 0px;
top: 5px;
height: 32px;
width: 32px;
}
.faq-an {
position: relative;
padding: 12px 0px 12px 38px;
}

}


@media print, screen and (min-width: 768px) {
.faq-list > li {
padding: 0px 0px 15px;
margin: 0px 0px 15px;
}
.faq-box {
font-size: 15px;
line-height: 1.5em;
}
.faq-title {
padding: 12px 0px 12px 40px;
}

.faq-title::after,
.faq-an::after {
left: 0px;
top: 5px;
height: 34px;
width: 34px;
}
.faq-an {
position: relative;
padding: 12px 0px 12px 40px;
}

#faq .faq-txt .credit-icon {
width: 24px;
}

}


@media print, screen and (min-width: 960px) {
.faq-list > li {
padding: 0px 0px 18px;
margin: 0px 0px 18px;
}
.faq-box {
font-size: 16px;
line-height: 1.5em;
}
.faq-title {
padding: 12px 0px 12px 42px;
}

.faq-title::after,
.faq-an::after {
top: 6px;
height: 36px;
width: 36px;
}
.faq-an {
position: relative;
padding: 12px 0px 12px 42px;
}

}


@media print, screen and (min-width: 1200px) {

}


@media print, screen and (min-width: 1400px) {

}

















#page-credit .how-to-slider-out .graphic-img.screen {
width: 75%;
max-width: calc(298px / 2);
}
#page-credit #how-to01 .flex4block {
margin-bottom: 15%;
}
#page-credit .gray-line {
margin: 0% 0px 6% !important;
padding: 0px 0px 0%;
width: 100%;
height: 1px;
border-bottom: 1px solid rgba(135,154,186,1.00);
}
.graphic-img.q-move {
max-width: 200px;
width: 50%;
margin: 0px auto;
}
.pink-line-block {
width: 90%;
margin: 0px auto;
padding: 15px;
border: 1px solid rgba(214,0,127,1.00);
border-radius: 12px;
background-color: rgba(255,255,255,1.00);
}
.pink-line-block.pink-back {
width: 100%;
background-color: rgba(252,235,245,1.00);
color: rgba(214,0,127,1.00);
}


@media print, screen and (min-width: 375px) {

}



@media print, screen and (min-width: 768px) {
#page-credit #how-to01 .flex4block {
margin-bottom: 5%;
}
#page-credit .gray-line {
margin: 0% 0px 4% !important;
}

}



@media print, screen and (min-width: 960px) {
#page-credit #how-to01 .flex4block > li:nth-child(1),
#page-credit #how-to01 .flex4block > li:nth-child(2),
#page-credit #how-to01 .flex4block > li:nth-child(3),
#page-credit #how-to01 .flex4block > li:nth-child(4) {
margin-bottom: 2% !important;
}

.pink-line-block {
width: 100%;
}

}
 


@media print, screen and (min-width: 1200px) {

}



@media print, screen and (min-width: 1400px) {

}























/* tama */
#tama {

}
#tama .section-title p {
  background-color: rgba(255,204,0,1.00);
  color: rgba(0,0,0,1.00);
}
#tama .contents-block-in {
  border: 3px solid rgba(255,204,0,1.00);
  background-color: rgba(255,255,255,1.00);
}
.tama-subtitle {
  max-width: 500px;
  width: 80%;
  margin-right: auto;
  margin-left: auto;
}
#tama .contents-txt {
  font-weight: bold;
}
#tama .contents-txt em {
font-size: calc(100vw / 18);
line-height: 1.5em;
color: rgba(0,136,64,1.00);
font-style: normal;
}
#tama .def-table th {
  background-color: rgba(255,247,213,1.00);
  color: rgba(0,0,0,1.00);
  font-weight: bold;
}
#tama .def-table td {
  font-weight: bold;
}
#tama .def-table td strong {
  color: rgba(0,136,64,1.00);
}
.tama-btxt {
background-color: rgba(255,245,0,1.00);
color: rgba(0,0,0,1.00);
font-size: calc(100vw / 26);
line-height: 1.6em;
padding: 0.6em 1em;
border-radius: 4px;
}
.tama-btxt.endc {
background-color: rgba(225,225,225,1.00);
color: rgba(0,0,0,1.00);
}

.tama-btxt em {
font-size: calc(100vw / 21);
line-height: 1.6em;
color: rgba(255,0,0,1.00);
font-weight: bold;
font-style: normal;
}
.tama-btxt br {
  display: none;
}

#tama .flex3block {
margin-bottom: 9%;
}
#tama .slick-prev:before,
#tama .slick-next:before {
background-image: url(../../../../img/train/ticket/touch/t_arrow.svg);
}

#tama .slick-dots {
margin-bottom: -5px;
left: 0px;
}

.graphic-img.tamamap {
max-width: 640px;
margin-right: auto;
margin-left: auto;
}



@media print, screen and (min-width: 375px) {
.tama-btxt {
  font-size: 14px;
  line-height: 1.6em;
}
.tama-btxt em {
  font-size: 16px;
  line-height: 1.6em;
}
#tama .contents-txt em {
font-size: 22px;
line-height: 1.5em;
}

}


@media print, screen and (min-width: 768px) {
#tama .contents-block-in {
  border: 4px solid rgba(255,204,0,1.00);
}
#tama .flex3block {
margin-bottom: 0%;
}
.tama-btxt {
  font-size: 15px;
  line-height: 1.6em;
  text-align: center;
}
.tama-btxt br {
  display: table;
}
.tama-btxt em {
  font-size: 17px;
  line-height: 1.6em;
}

#tama .flex3block > li {

}

#tama .width50 {
width: 70%;
margin-right: auto;
margin-left: auto;
}

}


@media print, screen and (min-width: 960px) {
#tama .contents-block-in {
  border: 5px solid rgba(255,204,0,1.00);
}
#tama .contents-txt {
font-size: 18px;
line-height: 1.8em;
}
#tama .contents-txt em {
font-size: 24px;
line-height: 1.5em;
}

#tama .def-table {
font-size: 16px;
line-height: 1.6em;
}
#tama .def-table tr:first-child th {
  border-top: 1px solid rgba(255,204,0,1.00);
}
#tama .def-table tr:first-child td {
  border-top: 1px solid rgba(255,204,0,1.00);
}
#tama .def-table th {
  width: 11em;
  border-left: 1px solid rgba(255,204,0,1.00);
  border-right: 1px solid rgba(255,204,0,1.00);
  border-bottom: 1px solid rgba(255,204,0,1.00);
}
#tama .def-table td {
  border-right: 1px solid rgba(255,204,0,1.00);
  border-bottom: 1px solid rgba(255,204,0,1.00);
}

#tama .width50 {
width: 60%;
margin-right: auto;
margin-left: auto;
}

}


@media print, screen and (min-width: 1200px) {
#tama .contents-block-in {
  border: 6px solid rgba(255,204,0,1.00);
}
#tama .contents-txt {
font-size: 20px;
line-height: 1.9em;
}
#tama .contents-txt em {
font-size: 26px;
line-height: 1.5em;
}

#tama .def-table {
font-size: 17px;
line-height: 1.6em;
}
.tama-btxt {
  font-size: 16px;
  line-height: 1.6em;
}
/*
.tama-btxt br {
  display: none;
}
*/
.tama-btxt em {
  font-size: 20px;
  line-height: 1.6em;
}

#tama .width50 {
width: 50%;
margin-right: auto;
margin-left: auto;
}

}

@media print, screen and (min-width: 1400px) {
#tama .contents-block-in {
  border: 7px solid rgba(255,204,0,1.00);
}

#tama .contents-txt {
font-size: 21px;
line-height: 1.9em;
}
#tama .contents-txt em {
font-size: 29px;
line-height: 1.5em;
}


}

















#tama .flex3block {
border: 1px solid rgba(255,204,0,1.00);
border-radius: 15px;
padding: 15px 15px 25px;
}
#tama .link-bt a {
border: 1px solid rgba(0,136,64,1.00);
color: rgba(0,136,64,1.00) !important;
}
#tama .link-bt.external a {
border: 1px solid rgba(0,136,64,1.00);
background-color: rgba(0,136,64,1.00);
color: rgba(255,255,255,1.00) !important;
}
#tama .link-bt a:hover {
background-color: rgba(0,136,64,0.1);
}
#tama .link-bt.external a:hover {
background-color: rgba(0,136,64,0.7);
}
#tama .link-bt a::after {
background-image: url(../../../../img/train/ticket/touch/link_arrow_g.svg);
}
#tama .link-bt.external a::after {
background-image: url(../../../../img/train/ticket/touch/icon_external_w.svg);
}
#tama .link-bt.pdf-icon a::after {
background-image: url(../../../../img/train/ticket/touch/icon_pdf.svg);
}



/* tama-shops */
.tama-shops {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.tama-shops > li {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
border-bottom: 1px solid rgba(255,204,0,1.00);
padding-bottom: 20px;
margin-bottom: 20px;
}
.tama-shops dl {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.tama-shops dl > dt {
	-ms-flex-preferred-size: 30%;
	flex-basis: 30%;
	padding-top: 1%;
}
.tama-shops dl > dd {
	-ms-flex-preferred-size: 66%;
	flex-basis: 66%;
}


.shop-title {
font-size: calc(100vw / 23);
line-height: 1.5em;
font-weight: bold;
}
.shop-table {
font-size: calc(100vw / 26);
line-height: 1.4em;
}
.shop-table strong {
font-weight: bold;
}
.shop-table th {
font-weight: normal;
text-align: left;
width: 4em;
white-space: nowrap;
padding: 0px 0.5em 0.3em 0px;
}
.shop-table td {
padding: 0px 0px 0.3em;
}
.shop-table .kome-txt li p {
text-align: left;
font-size: calc(100vw / 28);
line-height: 1.3em;
}

.shop-bt a {
display: block;
padding: 0.7em 0.6em;
font-size: calc(100vw / 30);
line-height: 1.2em;
color: rgba(255,255,255,1.00) !important;
position: relative;
transition: all 0.4s;
text-align: center;
background-color: rgba(136,136,136,1.00);
font-weight: bold;
border-radius: 30px;
cursor: pointer;
}
.shop-bt a:hover {
background-color: rgba(0,0,0,1.00);
}
.shop-bt a::after {
content: "";
width: 10px;
height: 10px;
top: calc(50% - 5px);
right: 4px;
display: block;
position: absolute;
transition: all 0.4s;
background-image: url(../../../../img/train/ticket/touch/icon_external_w.svg);
background-repeat: no-repeat;
background-position: left top;
background-size: 100% auto;
}
.shop-buttons {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.shop-buttons > li {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
padding-bottom: 6px;
}
.shop-buttons > li:last-child {
padding-bottom: 0px;
}


.tama-buttons {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.tama-buttons > li {
	-ms-flex-preferred-size: 100%;
	flex-basis: 100%;
}
.tama-buttons > li:first-child {
margin-bottom: 8px;
}



@media print, screen and (min-width: 375px) {

/* tama-shops */
.tama-shops > li {
padding-bottom: 24px;
margin-bottom: 24px;
}

.shop-title {
font-size: 15px;
line-height: 1.5em;
}
.shop-table {
font-size: 13px;
line-height: 1.4em;
}
.shop-table .kome-txt li p {
font-size: 12px;
line-height: 1.3em;
}


.shop-bt a {
font-size: 10px;
line-height: 1.2em;
}
.shop-buttons > li {
	-ms-flex-preferred-size: calc(50% - 3px);
	flex-basis: calc(50% - 3px);
	padding-bottom: 0px;
}

}


@media print, screen and (min-width: 768px) {
#tama .flex3block {
border: none;
padding: 0px;
}
#tama .flex3block > li {
-ms-flex-preferred-size: calc(50% - 12px);
flex-basis: calc(50% - 12px);
border: 1px solid rgba(255,204,0,1.00);
border-radius: 20px;
margin-bottom: 30px;
}
#tama .flex3block > li:last-child {
margin-bottom: 0px;
}
.tama-slider-out .box-step {
margin: -40px auto 2%;
}
.tama-slider-in {
padding: 15px;
}
.tama-slider-out {
}

/* tama-shops */
.tama-shops > li {
-ms-flex-preferred-size: calc(50% - 14px);
flex-basis: calc(50% - 14px);
padding-bottom: 20px;
margin-bottom: 20px;
}

.shop-title {
font-size: 16px;
line-height: 1.5em;
}
.shop-table {
font-size: 13.5px;
line-height: 1.4em;
}
.shop-table th {
padding: 0px 0px 0.4em;
}
.shop-table td {
padding: 0px 0px 0.4em;
}
.shop-table .kome-txt li p {
font-size: 12.5px;
line-height: 1.3em;
}


.tama-buttons > li {
	-ms-flex-preferred-size: calc(50% - 14px);
	flex-basis: calc(50% - 14px);
}
.tama-buttons > li:first-child {
margin-bottom: 0px;
}

}


@media print, screen and (min-width: 960px) {
#tama .flex3block > li {
-ms-flex-preferred-size: calc(33.33% - 14px);
flex-basis: calc(33.33% - 14px);
margin-bottom: 0px;
}

/* tama-shops */
.tama-shops > li {
-ms-flex-preferred-size: calc(50% - 20px);
flex-basis: calc(50% - 20px);
padding-bottom: 25px;
margin-bottom: 25px;
}
.tama-shops dl > dt {
	-ms-flex-preferred-size: 30%;
	flex-basis: 30%;
}
.tama-shops dl > dd {
	-ms-flex-preferred-size: 66%;
	flex-basis: 66%;
}


.shop-title {
font-size: 19px;
line-height: 1.5em;
}
.shop-table {
font-size: 14px;
line-height: 1.4em;
}
.shop-table .kome-txt li p {
font-size: 13px;
line-height: 1.3em;
}

.shop-buttons > li {
	-ms-flex-preferred-size: calc(50% - 5px);
	flex-basis: calc(50% - 5px);
}
.shop-bt a {
font-size: 11px;
line-height: 1.3em;
}
.shop-bt a::after {
width: 12px;
height: 12px;
top: calc(50% - 6px);
right: 5px;
}

.tama-buttons > li {
	-ms-flex-preferred-size: calc(50% - 20px);
	flex-basis: calc(50% - 20px);
}

}


@media print, screen and (min-width: 1200px) {
.tama-slider-in {
padding: 25px;
}
#tama .flex3block > li {
-ms-flex-preferred-size: calc(33.33% - 14px);
flex-basis: calc(33.33% - 20px);
}


/* tama-shops */
.tama-shops > li {
-ms-flex-preferred-size: calc(50% - 25px);
flex-basis: calc(50% - 25px);
}
.tama-shops dl > dt {
	-ms-flex-preferred-size: 150px;
	flex-basis: 150px;
}
.tama-shops dl > dd {
-ms-flex-preferred-size: calc(100% - 165px);
flex-basis: calc(100% - 165px);
}

.shop-title {
font-size: 20px;
line-height: 1.5em;
}
.shop-table {
font-size: 14.5px;
line-height: 1.4em;
}
.shop-table .kome-txt li p {
font-size: 13.5px;
line-height: 1.3em;
}

.shop-buttons {
	width: 80%;
}
.tama-buttons > li {
	-ms-flex-preferred-size: calc(50% - 25px);
	flex-basis: calc(50% - 25px);
}

}


@media print, screen and (min-width: 1400px) {

.shop-title {
font-size: 21px;
line-height: 1.5em;
}

}



















/*
<div class="tama-bottom-bt"><a href="https://www.keio-eticket-ss.com/" target="_blank"><p>チケットを購入（TAMa-GO E）</p></a></div>
*/
.tama-bottom-bt {
position: fixed;
left: 15%;
width: 66%;
bottom: 60px;
z-index: 100;
}
.tama-bottom-bt a {
display: block;
padding: 0.7em 0.6em;
font-size: calc(100vw / 27);
line-height: 1.2em;
color: rgba(255,255,255,1.00) !important;
position: relative;
transition: all 0.4s;
text-align: center;
background-color: rgba(0,136,64,1.00);
font-weight: bold;
border-radius: 4px 4px 0px 0px;
cursor: pointer;
-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.6);
box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.6);
}
.tama-bottom-bt a:hover {
background-color: rgba(23,172,93,1.00);
}
.tama-bottom-bt a::after {
content: "";
width: 10px;
height: 10px;
top: calc(50% - 5px);
right: 4px;
display: block;
position: absolute;
transition: all 0.4s;
background-image: url(../../../../img/train/ticket/touch/icon_external_w.svg);
background-repeat: no-repeat;
background-position: left top;
background-size: 100% auto;
}


@media print, screen and (min-width: 375px) {

.tama-bottom-bt {
left: 16%;
width: 68%;
bottom: 60px;
}
.tama-bottom-bt a {
font-size: 15px;
line-height: 1.2em;
}
.tama-bottom-bt a::after {
width: 12px;
height: 12px;
top: calc(50% - 6px);
right: 5px;
}

}

@media print, screen and (min-width: 768px) {
.tama-bottom-bt {
left: 25%;
width: 51%;
bottom: 60px;
}
.tama-bottom-bt a {
font-size: 16px;
line-height: 1.4em;
}
.tama-bottom-bt a::after {
width: 16px;
height: 16px;
top: calc(50% - 8px);
right: 6px;
}

}


@media print, screen and (min-width: 960px) {
.tama-bottom-bt {
left: calc(50% - 200px);
width: 400px;
bottom: 0px;
}
.tama-bottom-bt a {
font-size: 17px;
line-height: 1.4em;
}

}


@media print, screen and (min-width: 1200px) {

}

@media print, screen and (min-width: 1400px) {

}