.camp_bt {
color: rgba(255,255,255,1.00);
}
.camp_bt_in {
background-color: rgba(233,82,142,1.00);
padding: 0.3em 0.6em 0.3em 48px;
display: block;
position: relative;
transition: all 0.4s;
}
.camp_bt_in::after {
content: "";
width: 40px;
height: 20px;
top: calc(50% - 10px);
left: 5px;
display: block;
position: absolute;
background-image: url(../../../keiotrainpoint/cp25autumn/images/kaisai_icon.svg);
background-repeat: no-repeat;
background-position: left center;
background-size: 100% auto;
}
.camp_bt_in:hover {
background-color: rgba(190,60,111,1.00);
}
#page-campaign a.link-button {
padding: 0.9em 0.4em;
font-size: calc(100vw / 25);
line-height: 1.3em;
}
#page-campaign a.link-button.pink-bt {
background-color: rgba(233,82,142,1.00);
}
#page-campaign a.link-button.yellow-bt {
background-color: rgba(255,255,102,1.00);
color: rgba(233,82,142,1.00) !important;
}
#page-campaign a.link-button.yellow-bt::after {
background-image: url(../../img/keiotrainpoint/link_arrow_p.svg);
}
#page-campaign a.link-button.yellow-bt.external::after {
background-image: url(../../img/keiotrainpoint/link_arrow_other_p.svg);
opacity: 1.0;
}
#page-campaign a.link-button.yellow-bt:hover {
background-color: rgba(255,255,255,1.00);
box-shadow: none;
transform: translateY(0);
}


#page-campaign .footer-camp-button {
display: block !important;
}
#page-campaign .footer-button {
display: none !important;
}

.white-txt {
color: rgba(255,255,255,1.00);
}


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

#page-campaign a.link-button {
font-size: 15px;
line-height: 1.3em;
}


}


@media print, screen and (min-width: 768px) {
#page-campaign .single-link a.link-button {
width: 65%;
}
#page-campaign a.link-button {
padding: 1.0em 0.4em;
font-size: 16px;
line-height: 1.3em;
}

}

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

.camp_bt_in {
padding: 0.5em 0.8em 0.5em 60px;
}
.camp_bt_in::after {
width: 52px;
height: 24px;
top: calc(50% - 12px);
left: 5px;
}

#page-campaign a.link-button {
padding: 1.0em 0.4em;
font-size: 17px;
line-height: 1.3em;
}

}

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

}

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

}















#campaign-top {
background-image: url(../../../keiotrainpoint/cp25autumn/images/back_camp.jpg);
background-position: center center;
background-size: 160px auto;
padding: 12% 0px 15%;
}
#page-campaign #campaign-top {
background: none;
}
#page-campaign article.container {
background-image: url(../../../keiotrainpoint/cp25autumn/images/back_camp.jpg);
background-position: center center;
background-size: 160px auto;
}

.campaign-title {
padding: 0px 15px 1%;
max-width: calc(1712px / 2);
margin: 0px auto;
}
.campaign-cap {
font-size: calc(100vw / 30);
line-height: 1.4em;
text-align: center;
color: rgba(255,255,255,1.00);
padding: 0px 15px 6%;
}
.campaign-buttons {
font-size: calc(100vw / 28);
line-height: 1.4em;
text-align: center;
color: rgba(255,255,255,1.00);
padding: 0px 15px 2%;
font-weight: bold;
position: relative;
z-index: 2;
}
.campaign-catch {
padding: 0px 0px 1.5%;
}
.campaign-flex a {
display: block;
padding: 0.9em 1.0em;
font-size: calc(100vw / 25);
line-height: 1.1em;
color: rgba(233,82,142,1.00);
position: relative;
transition: all 0.4s;
text-align: center;
background-color: rgba(255,255,102,1.00);
font-weight: bold;
border-radius: 50px;
}
.campaign-flex a:hover {
color: rgba(233,82,142,1.00);
background-color: rgba(255,255,255,1.00);
}
.campaign-flex a::after {
content: "";
width: 16px;
height: 16px;
top: calc(50% - 6px);
right: 5px;
display: block;
position: absolute;
transition: all 0.4s;
background-image: url(../../img/keiotrainpoint/link_arrow_p.svg);
background-repeat: no-repeat;
background-position: left top;
background-size: 100% auto;
opacity: 0.5;
}

.campaign-back {
padding: 0px 0px 14%;
}
.campaign-back .main-pc {
display: none;
}


.movie-back {
max-width: 800px;
margin: 0px auto;
padding: 0px 15px;
}
.movie-catch {
font-size: calc(100vw / 25);
line-height: 1.4em;
text-align: center;
color: rgba(255,255,255,1.00);
padding: 0px 15px 1.5%;
font-weight: bold;
}
.campaign-movie {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.campaign-movie iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}




@media print, screen and (min-width: 375px) {
#campaign-top {
background-size: 160px auto;
padding: 12% 0px 15%;
}
.campaign-title {
padding: 0px 15px 1%;
}
.campaign-cap {
font-size: 12px;
line-height: 1.4em;
padding: 0px 15px 6%;
}
.campaign-buttons {
font-size: 14px;
line-height: 1.4em;
padding: 0px 15px 2%;
}
.campaign-flex a {
padding: 0.9em 1.0em;
font-size: 14.3px;
line-height: 1.1em;
}

.campaign-flex a::after {
width: 18px;
height: 18px;
top: calc(50% - 7px);
}

.movie-catch {
font-size: 14px;
line-height: 1.4em;
padding: 0px 15px 1.5%;
}

}


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

#campaign-top {
background-size: 200px auto;
padding: 9% 0px 11%;
}
#page-campaign article.container {
background-size: 200px auto;
}
.campaign-title {
padding: 0px 15px 0%;
width: 90%;
}
.campaign-cap {
font-size: 13px;
line-height: 1.4em;
padding: 0px 30px 3%;
}
.campaign-buttons {
font-size: 13.4px;
line-height: 1.4em;
padding: 0px 25px 2%;
max-width: 960px;
margin: 0px auto;
}
.campaign-flex {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.campaign-flex li {
	-ms-flex-preferred-size: 48%;
	flex-basis: 48%;
}
.campaign-flex a {
padding: 1.0em 1.1em;
font-size: 14.2px;
line-height: 1.1em;
}

.campaign-flex a::after {
width: 18px;
height: 18px;
top: calc(50% - 7px);
right: 8px;
}

.campaign-back {
padding: 0px 0px 10%;
margin: -4% auto 0px;
}

.movie-back {
padding: 0px 30px;
}
.movie-catch {
font-size: 18px;
line-height: 1.4em;
padding: 0px 15px 2%;
}

}


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

#campaign-top {
background-size: 230px auto;
padding: 8% 0px 10%;
}
#page-campaign article.container {
background-size: 230px auto;
}
.campaign-title {
padding: 0px 15px 0%;
width: 90%;
}
.campaign-cap {
font-size: 13px;
line-height: 1.4em;
padding: 0px 30px 3%;
}
.campaign-buttons {
font-size: 15px;
line-height: 1.4em;
padding: 0px 25px 2%;
}
.campaign-flex a {
padding: 1.0em 1.1em;
font-size: 17px;
line-height: 1.1em;
}

.campaign-flex a::after {
width: 20px;
height: 20px;
top: calc(50% - 8px);
right: 10px;
}

.movie-back {
padding: 0px 30px;
}
.movie-catch {
font-size: 20px;
line-height: 1.4em;
padding: 0px 15px 2%;
}

}

@media print, screen and (min-width: 1200px) {
#campaign-top {
background-size: 230px auto;
padding: 80px 0px 140px;
}
.campaign-title {
width: 100%;
}
.campaign-cap {
font-size: 13px;
line-height: 1.4em;
padding: 0px 30px 35px;
}
.campaign-buttons {
font-size: 16.5px;
line-height: 1.4em;
padding: 0px 25px 2%;
}

.campaign-flex a {
padding: 1.1em;
font-size: 18px;
}

.campaign-back {
padding: 0px 0px 8%;
margin: -6% auto 0px;
}

}


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

.campaign-back .main-sp {
display: none;
}
.campaign-back .main-pc {
display: block;
}
.campaign-back {
padding: 0px 0px 8%;
margin: -20% auto 0px;
}


}




















/* #page-campaign #campaign-top */
#page-campaign #campaign-top {
padding-bottom: 0px;
}
.campaign-anc {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-top: 3%;
}
.campaign-anc > li {
-ms-flex-preferred-size: 48%;
flex-basis: 48%;
padding-bottom: 10px;
}
.campaign-anc a {
padding: 5px;
font-size: calc(100vw / 30);
line-height: 1.4em;
font-weight: bold;
color: rgba(233,82,142,1.00);
text-align: center;
position: relative;
transition: all 0.4s;
background-color: rgba(255,255,102,1.00);
border-radius: 50px;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
}
.campaign-anc a:hover {
background-color: rgba(255,255,255,1.00);
color: rgba(233,82,142,1.00);
}
.campaign-anc a::after {
content: "";
width: 10px;
height: 10px;
top: calc(50% - 5px);
right: 2px;
display: block;
position: absolute;
transition: all 0.4s;
background-image: url(../../img/keiotrainpoint/link_arrow_p.svg);
background-repeat: no-repeat;
background-position: left top;
background-size: 100% auto;
transform: rotate(90deg);
}



@media print, screen and (min-width: 375px) {
.campaign-anc > li {
-ms-flex-preferred-size: 24%;
flex-basis: 24%;
padding: 0px;
}
.campaign-anc a {
font-size: 10px;
line-height: 1.4em;
height: 40px;
}
.campaign-anc a::after {
content: "";
width: 10px;
height: 10px;
top: calc(50% - 5px);
right: 2px;
}

}

@media print, screen and (min-width: 768px) {
.campaign-anc a {
font-size: 14px;
line-height: 1.4em;
height: 45px;
}
.campaign-anc a::after {
content: "";
width: 14px;
height: 14px;
top: calc(50% - 7px);
right: 5px;
}

}


@media print, screen and (min-width: 1024px) {
#page-campaign .campaign-buttons {
display: none;
}

}

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

}

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

}
















/* #page-campaign #summary */
#page-campaign #summary .contents-block-in {
max-width: 1100px;
}
#page-campaign #summary {
padding-bottom: 0px;
}
.section-camtitle {
margin: 0px auto 4%;
width: 70%;
max-width: calc(1022px / 2);
}
.summary-txt {
font-size: calc(100vw / 25);
line-height: 1.6em;
color: rgba(255,255,255,1.00);
font-weight: bold;
padding-bottom: 5%;
}
.summary-txt strong {
color: rgba(255,255,0,1.00);
}
.cam_indent {
color: rgba(255,255,255,1.00);
font-size: calc(100vw / 28);
line-height: 1.5em;
margin-left: 1em;
text-indent: -1em;
}
.cam_kome {
color: rgba(255,255,255,1.00);
font-size: calc(100vw / 30);
line-height: 1.5em;
margin-left: 1em;
text-indent: -1em;
}


@media print, screen and (min-width: 375px) {
.section-camtitle {
margin: 0px auto 3.5%;
}
.summary-txt {
font-size: 15px;
line-height: 1.6em;
}

.cam_indent {
font-size: 14px;
line-height: 1.5em;
}

.cam_kome {
font-size: 13px;
line-height: 1.5em;
}

}

@media print, screen and (min-width: 768px) {
.section-camtitle {
margin: 0px auto 2.5%;
width: 50%;
}
.summary-txt {
font-size: 19px;
line-height: 1.7em;
text-align: center;
padding-bottom: 2.5%;
}

.cam_indent {
font-size: 14px;
line-height: 1.5em;
}
.cam_kome {
font-size: 13px;
line-height: 1.5em;
}

}


@media print, screen and (min-width: 1024px) {
.summary-txt {
font-size: 21px;
line-height: 1.7em;
padding-bottom: 2%;
}

.cam_indent {
font-size: 15px;
line-height: 1.5em;
}

}


@media print, screen and (min-width: 1200px) {
.summary-txt {
font-size: 23px;
line-height: 1.7em;
padding-bottom: 2%;
}

.cam_indent {
font-size: 16px;
line-height: 1.5em;
}
.cam_kome {
font-size: 14px;
line-height: 1.5em;
}

}


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

}



















/* #product */
#page-campaign #product {
padding-bottom: 0px;
}
.product-block {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-top: 6%;
}
.product-block > li {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
margin-bottom: 30px;
position: relative;
border-radius: 10px;
background-color: rgba(255,255,255,1.00);
border: 2px solid rgba(0,0,0,1.00);
}
.prize-num {
position: absolute;
max-width: 92px;
width: 20%;
left: -12px;
top: -22px;
z-index: 1;
}
.experience-txt {
position: absolute;
max-width: 114px;
width: 27%;
right: -12px;
top: -22px;
z-index: 1;
}
.people-num {
position: absolute;
left: 0px;
top: 0px;
display: inline-block;
padding: 0.3em 1em 0.3em 18%;
background-color: rgba(236,112,2,1.00);
color: rgba(255,255,255,1.00);
font-size: calc(100vw / 30);
line-height: 1.2em;
font-weight: bold;
}
.people-num strong {
font-size: 160%;
}
.item_prize .people-num {
background-color: rgba(0,162,114,1.00);
}
.item_sports .people-num {
background-color: rgba(41,141,206,1.00);
}
.item_gift .people-num {
background-color: rgba(15,54,117,1.00);
}
.product-block-in {
padding: 20px 15px 15px 10px;
}
.product-block dl {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-top: 7%;
}
.product-block dl dt {
-ms-flex-preferred-size: 34%;
flex-basis: 34%;
padding-top: 1.0%;
}
.product-block dl dd {
-ms-flex-preferred-size: 62%;
flex-basis: 62%;
display: flex;
align-items: center;
}

.camtitle-box {
font-size: calc(100vw / 27);
line-height: 1.4em;
font-weight: bold;
color: rgba(233,82,142,1.00);
padding-bottom: 0.6em;
}
.cam-boxtext {
font-size: calc(100vw / 30);
line-height: 1.4em;
}
.cam-boxtext strong {
font-size: 120%;
}


@media print, screen and (min-width: 375px) {
.product-block {
margin-top: 6%;
}
.product-block > li {
margin-bottom: 35px;
border-radius: 10px;
}
.prize-num {
width: 19%;
left: -17px;
top: -26px;
}
.experience-txt {
right: -17px;
top: -26px;
width: 25%;
}

.people-num {
padding: 0.3em 1em 0.3em 15%;
font-size: 13px;
line-height: 1.2em;
}

.product-block-in {
padding: 20px 12px 15px 15px;
}
.product-block dl {
margin-top: 7%;
}

.camtitle-box {
font-size: 14px;
line-height: 1.4em;
}
.cam-boxtext {
font-size: 13px;
line-height: 1.4em;
}

}


@media print, screen and (min-width: 768px) {
.product-block {
margin-top: 4%;
}
.product-block > li {
margin-bottom: 40px;
border-radius: 10px;
-ms-flex-preferred-size: 48%;
flex-basis: 47.5%;
}
.prize-num {
width: 19%;
left: -17px;
top: -26px;
}
.experience-txt {
right: -14px;
top: -25px;
width: 25%;
}

}


@media print, screen and (min-width: 1024px) {
.product-block {
margin-top: 3%;
}
.product-block > li {
margin-bottom: 45px;
border-radius: 12px;
-ms-flex-preferred-size: 48%;
flex-basis: 47.5%;
border: 3px solid rgba(0,0,0,1.00);
}
.prize-num {
width: 19%;
left: -20px;
top: -35px;
}
.experience-txt {
right: -15px;
top: -37px;
width: 25%;
}

.people-num {
padding: 0.4em 1em 0.3em 17%;
font-size: 15px;
line-height: 1.2em;
}

.product-block-in {
padding: 20px 20px 20px 18px;
}
.boxarea.top-center {
margin-top: -7%;
}

.camtitle-box {
font-size: 18.5px;
line-height: 1.4em;
}
.cam-boxtext {
font-size: 15px;
line-height: 1.4em;
}

}


@media print, screen and (min-width: 1200px) {
.people-num {
padding: 0.5em 1em 0.4em 80px;
font-size: 16px;
line-height: 1.2em;
}

.product-block dl dt {
-ms-flex-preferred-size: 164px;
flex-basis: 164px;
}
.product-block dl dd {
	-ms-flex-preferred-size: calc(100% - 184px);
	flex-basis: calc(100% - 184px);
}

.camtitle-box {
font-size: 21px;
line-height: 1.4em;
}
.cam-boxtext {
font-size: 16px;
line-height: 1.4em;
}

}

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

.camtitle-box {
font-size: 22px;
line-height: 1.4em;
}
.cam-boxtext {
font-size: 16px;
line-height: 1.45em;
}

}


























/* #subscription */
#page-campaign #subscription {
padding-bottom: 0px;
}
#page-campaign #subscription .contents-block-in {
max-width: 800px;
}
.flow-block > li {
border-radius: 10px;
background-color: rgba(255,255,255,1.00);
margin: 0px 0px 10%;
position: relative;
}
.flow-block > li .flow-in {
padding: 15px;
}
.flow-num {
max-width: 84px;
width: 19%;
margin: -40px auto 0px;
}

.flow-title {
color: rgba(233,82,142,1.00);
font-size: calc(100vw / 23);
line-height: 1.4em;
font-weight: bold;
text-align: center;
padding: 0.1em 0px 0.3em;
}
.flow-boxtext {
font-size: calc(100vw / 25);
line-height: 1.6em;
}
.flow-boxtext strong {
font-size: 125%;
color: rgba(233,82,142,1.00);
}

.flow_indent {
font-size: calc(100vw / 27);
line-height: 1.5em;
margin-left: 1em;
text-indent: -1em;
}
.flow_kome {
font-size: calc(100vw / 30);
line-height: 1.4em;
margin-left: 1em;
text-indent: -1em;
}

#subscription .flow_kome.white-txt {
margin-top: -6%;
}

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

.flow-block > li .flow-in {
padding: 20px;
}
.flow-num {
margin: -47px auto 0px;
}

.flow-title {
font-size: 17px;
line-height: 1.4em;
}
.flow-boxtext {
font-size: 14.5px;
line-height: 1.6em;
}
.flow_indent {
font-size: 13px;
line-height: 1.5em;
}
.flow_kome {
font-size: 12.5px;
line-height: 1.4em;
}

}


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

.flow-block > li {
border-radius: 15px;
margin: 0px 0px 10%;
}
.flow-block > li .flow-in {
padding: 30px;
}
.flow-num {
width: 17%;
margin: -68px auto 0px;
}

.flow-title {
font-size: 21px;
line-height: 1.4em;
}

.flow-boxtext {
font-size: 18px;
line-height: 1.6em;
}
.flow_indent {
font-size: 15px;
line-height: 1.5em;
}
.flow_kome {
font-size: 13px;
line-height: 1.4em;
}

}

@media print, screen and (min-width: 1024px) {
.flow-block > li .flow-in {
padding: 40px;
}

.flow-num {
margin: -75px auto 0px;
}

.flow-title {
font-size: 24px;
line-height: 1.4em;
}

.flow-boxtext {
font-size: 19px;
line-height: 1.6em;
}
.flow_indent {
font-size: 16px;
line-height: 1.5em;
}

}

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

.flow-title {
font-size: 26px;
line-height: 1.4em;
}

}

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

}



























/* #product */
#page-campaign #entry {
padding-bottom: 0px;
}
#page-campaign #entry .contents-block-in {
max-width: 800px;
}
.entry-block {
border-radius: 10px;
background-color: rgba(255,255,255,0.15);
margin: 0px 0px 8%;
position: relative;
border: 1px solid rgba(255,255,255,1.00);
padding: 15px;
color: rgba(255,255,255,1.00);
}
.entry-block.entry02 {
background-color: rgba(0,0,05,0.25);
border: 2px solid rgba(255,255,0,1.00);
}
.entry-title {
font-size: calc(100vw / 23);
line-height: 1.4em;
font-weight: bold;
text-align: center;
padding: 0px 0px 0.5em;
}
.entry-boxtext {
font-size: calc(100vw / 23);
line-height: 1.6em;
}
.entry-boxtext strong,
.entry-title-s strong {
color: rgba(255,255,0,1.00);
}
.entry-title-s {
font-size: calc(100vw / 22);
line-height: 1.6em;
font-weight: bold;
}
.entry-off {
max-width: 298px;
margin: 0px auto 3%;
}

@media print, screen and (min-width: 375px) {
/* #product */
.entry-block {
border-radius: 10px;
margin: 0px 0px 8%;
padding: 20px;
}

.entry-title {
font-size: 17px;
line-height: 1.4em;
}
.entry-boxtext {
font-size: 14px;
line-height: 1.6em;
}
.entry-title-s {
font-size: 15px;
line-height: 1.6em;
}

}

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

/* #product */
.entry-block {
border-radius: 14px;
margin: 0px 0px 6%;
padding: 30px;
}

.entry-title {
font-size: 22px;
line-height: 1.4em;
}
.entry-boxtext {
font-size: 15px;
line-height: 1.6em;
display: table;
margin-right: auto;
margin-left: auto;
}
.entry-title-s {
font-size: 17px;
line-height: 1.6em;
}

}

@media print, screen and (min-width: 1024px) {
/* #product */
.entry-block {
border-radius: 16px;
margin: 0px 0px 5%;
padding: 40px;
}

.entry-title {
font-size: 25px;
line-height: 1.4em;
}
.entry-boxtext {
font-size: 15px;
line-height: 1.6em;
}
.entry-title-s {
font-size: 18px;
line-height: 1.6em;
}

}

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

.entry-title {
font-size: 27px;
line-height: 1.4em;
}
.entry-boxtext {
font-size: 16px;
line-height: 1.6em;
}
.entry-title-s {
font-size: 19px;
line-height: 1.6em;
text-align: center;
}

}

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

}























/*
<section class="contents-block" id="cam_method">
	<div class="contents-block-in">
		<div class="cam_method-in animation">

			<h2 class="section-subtitle resmab15"><p>過去の乗車回数の確認方法</p></h2>


				<div class="cam_method-slider-out">
					<ul class="cam_method-slider resmab20">
						<li>
							<h4 class="section-subtitle resmab10">❶京王アプリを起動</h4>
							<div class="method-img"><img src="images/screen01.jpg" alt="❶京王アプリを起動" width="420" height="784" loading="lazy"></div>
						</li>
						<li>
							<h4 class="section-subtitle resmab10">❷京王トレインポイント<br>TOP画面のメニューを選択</h4>
							<div class="method-img"><img src="images/screen02.jpg" alt="❷京王トレインポイントTOP画面のメニューを選択" width="420" height="784" loading="lazy"></div>
						</li>
						<li>
							<h4 class="section-subtitle resmab10">❸「照会」の「乗車履歴」の<br>項目を選択</h4>
							<div class="method-img"><img src="images/screen03.jpg" alt="❸「照会」の「乗車履歴」の項目を選択" width="420" height="784" loading="lazy"></div>
						</li>
						<li>
							<h4 class="section-subtitle resmab10">❹「乗車履歴照会」で<br>過去の乗車回数を確認</h4>
							<div class="method-img"><img src="images/screen04.jpg" alt="❹「乗車履歴照会」で過去の乗車回数を確認" width="420" height="784" loading="lazy"></div>
						</li>
					</ul>
					<ul class="next-back-button" id="cam_method-slider-button">
						<li class="s-back-button"><img src="../../assets/img/keiotrainpoint/slider_arrow_l_n.svg" alt="" width="36" height="36"></li>
						<li class="s-next-button"><img src="../../assets/img/keiotrainpoint/slider_arrow_r_n.svg" alt="" width="36" height="36"></li>
					</ul>
				</div><!-- cam_method-slider-out -->

				<ul class="cam_kome">
					<li>※画面に表示される乗車履歴は、トレインポイントの付与対象となる直近100件の移動となります。表示されない京王線・井の頭線のご乗車履歴は定期券区間内などプレゼント抽選の対象外ですので、こちらの履歴で正しい回数をご確認ください。</li>
				</ul>

		</div>
*/

/* #cam_method */
#page-campaign #cam_method {
}
#page-campaign #cam_method .contents-block-in {
max-width: 1140px;
}
.cam_method-in {
border: 1px solid rgba(255,255,255,1.00);
background-color: rgba(255,255,255,0.7);
padding: 15px;
border-radius: 10px;
}
#cam_method .section-subtitle {
color: rgba(0,0,0,1.00);
}
.slider-title {
font-size: calc(100vw / 23);
line-height: 1.4em;
font-weight: bold;
color: rgba(16,54,117,1.00);
text-align: center;
}
.method-img {
max-width: 210px;
width: 70%;
margin: 0px auto;
}
#cam_method .cam_kome {
color: rgba(0,0,0,1.00);
padding-top: 6%;
}

@media print, screen and (min-width: 375px) {
.slider-title {
font-size: 15px;
line-height: 1.4em;
}

}

@media print, screen and (min-width: 768px) {
.cam_method-slider {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.slider-title {
font-size: 14.5px;
line-height: 1.4em;
}
.cam_method-in {
padding: 25px;
border-radius: 14px;
}
.cam_method-slider > li {
-ms-flex-preferred-size: 46%;
flex-basis: 46%;
padding-bottom: 5%;
}
#cam_method .cam_kome {
color: rgba(0,0,0,1.00);
padding-top: 0px;
}

}


@media print, screen and (min-width: 1024px) {
.cam_method-in {
padding: 30px;
border-radius: 16px;
}
.cam_method-slider > li {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
padding-bottom: 0px;
}

}


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

}

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

}