@charset "utf-8";

.topic-path .addthis_toolbox a.at300b, .topic-path .addthis_toolbox a.at300m, .addthis_20x20_style .addthis_counter.addthis_bubble_style, .item-block .box-socials {
	display: block !important;
}
.hiden-pc {
	opacity: 0;
}
.arrow_mobile {
	display: none;
}
.hiden-pc a:hover {
	opacity: 0 !important;
}
.tit-lv2-area {
    background-color: #269ec5;
    color: #FFF;
    font-size: 28px;
    font-weight: bold;
    padding: 10px;
    margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
	.tit-lv2-area {
		margin-bottom: 10px;
	}
}
.txtInfo p {
    margin-bottom: 20px;
    color: #333;
    line-height: 20px;
    font-size: 16px;
}
.banner-buspass {
	background-image: url(/st/3/en/pc/buspass/img/banner-top.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: 100% auto;
	min-height: 380px;
	position: relative;
}
.text-japan-buspass {
	padding-left: 0;
	padding-top: 60px;
  padding-bottom: 70px;
}
.text-japan-buspass img {}
.text-japan-buspass p {
	color: #fff;
	font-size: 15px;
	font-weight: 600;
	display: block;
	margin: 0;
	line-height: 22px;
	padding-left: 10px;
}
.hashi-bus {
	overflow: hidden;
    position: absolute;
    bottom: -5px;
    right: 19%;
}
.hashi-bus img {
	width: 95%;
}
.tours-price {
	border-top: solid 6px #233756;
	background: url(/st/3/en/pc/buspass/img/bg-listPrice.jpg) top center repeat;
	min-height: 242px;
	position: relative;
}

.tour-show {
	position: relative;
	top: -50px;
}
.info-tour {
	width: 100%;
	overflow: hidden;
}
.info-tour ul {
	
}
.info-tour ul li {
	background: #fff;
    float: left;
	display: inline-block;
	border-right: solid 1px #dadada;
	border-top: solid 1px #bdbdbd;
	width: 25%;
}
.info-tour ul li div{
    min-height: 114px;
    float: left;
    text-align: center;
/*	min-width: 257px;*/
	min-width: 100%;
}
.info-tour ul li img {
	margin-top: 40px;
	position: absolute;
}
.info-tour ul li p {
    color: #333;
    font-weight: 700;
    font-size: 18px;
    margin-top: 15px;
}
.info-tour ul li p.text-bigSize {
	margin-top: 0;
	font-size: 26px;
	margin-bottom: 9px;
}

.info-tour ul li a.btn-reverse {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #ea0d0d 0%, #c10e0e 100%);
    background: -webkit-linear-gradient(top, #ea0d0d 0%,#c10e0e 100%);
    background: linear-gradient(to bottom, #ea0d0d 0%,#c10e0e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea0d0d', endColorstr='#c10e0e',GradientType=0 );
    color: #fff;
    height: 32px;
    margin: 0 auto;
    font-weight: bold;
    font-size: 16px;
    line-height: 30px;
    border-radius: 2px;
    width: 120px;
    display: block;
}
.info-tour ul li a.btn-reverse img {
  margin-top: 0;
  position: relative;
  top: -2px;
  width: 7%;
  margin-right: 2px;
}
.tour-bg-green ul li{
	border-top: none;
}
.info-tour ul li:nth-child(2) {
/*	margin-left: -16px;*/
}
.info-tour ul li:last-child {
	border-right: none;
}
.tour-bg-green ul li:first-child {
	position: relative;
	z-index: 1;
	background: url(/st/3/en/pc/buspass/img/bg-left-green.png) left top no-repeat;
	border-right: none;
}
.tour-bg-green ul li .bg-green {
    background: #54b649;
    /* min-width: 320px; */
    margin-left: 19px;
    padding: 0;
}
.tour-bg-green ul li .bg-green p, .tour-bg-ora ul li .bg-ora p{
    color: #fff;
    font-size: 23px;
    line-height: 26px;
    margin-top: 33px;
    margin-right: 30px;
}
.tour-bg-ora ul li .bg-ora {
    background: #e17d27;
    /* min-width: 320px; */
    margin-left: 19px;
    padding: 0;
}
.tour-bg-ora ul li:first-child {
	position: relative;
	z-index: 1;
	background: url(/st/3/en/pc/buspass/img/bg-left-ora.png) left top no-repeat;
	border-right: none;
}
.box-shadow {
	
}
.new-mesg {
    background: #fff;
    margin-bottom: 20px;
    margin-top: -49px;
    overflow: hidden;
    padding: 10px;
}
.new-mesg p {
    color: red;
    font-size: 15px;
}
.show-mesg {
    overflow: hidden;
    padding-bottom: 30px;
	color: #fff;
	line-height: 22px;
}
.show-mesg .col-md-4 {
	padding-left: 0;
}
.show-mesg .col-md-4 p {
	font-size: 15px;
}
.show-mesg .col-md-8 p {
	font-size: 18px;
	position: relative;
	z-index: 1;
}
.show-mesg .col-md-8 p > a {
	color: #ffbb2a;
	font-weight: 800;
	text-decoration: underline !important;
}

.cont-buspass {
	margin: 50px 0;
}
.check-map {
	padding-bottom: 50px;
}
.check-map .container {
	position: relative;
}
.check-map h4 {
	font-size: 28px;
  line-height: 1.3;
	color: #1a4483;
	font-weight: 800;
	margin-top: 20px;
	width: 80%;
}
.check-map ul {
	margin-top: 35px;
	padding: 0;
}
.check-map ul li {
  font-size: 18px;
  line-height: 1.3;
    background: url(/st/3/en/pc/buspass/img/ticker.png) left top no-repeat;    
    color: #333333;
    display: block;
    margin-bottom: 20px;
    padding-left: 30px;
    width: 78%;
  min-height: 23px;
}
.primarybutton {
    width: 310px;
	margin-top: 40px;
}
.primaryfat-btn {
    width: 100%;
    font-size: 24px;
    font-weight: bold;
}
.primaryfat-btn a {
    padding: 18px 12px;
}
.bp-pink-btn a {
    background: #f88cb5;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #f88cb5 0%, #e33f7c 100%);
    background: -webkit-linear-gradient(top, #f88cb5 0%,#e33f7c 100%);
    background: linear-gradient(to bottom, #f88cb5 0%,#e33f7c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f88cb5', endColorstr='#e33f7c',GradientType=0 );
    border: 1px solid #d4467b;
    color: #ffffff!important;
    text-decoration: none!important;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}
.grad-btn a {
    display: block;
    text-align: center;
    margin-bottom: 10px;
    white-space: nowrap;
    position: relative;
}
.primaryfat-btn i {
    position: absolute;
    left: 14px;
    font-size: 20px;
}
.threepic {
	margin-left: 15px;
	margin-top: 140px;
}
.bpjapanmap {
	position: absolute;
    top: -40px;
	right: 0;
}

.popup-area {
	background-image: url(/st/3/en/pc/buspass/img/bg-jpbuspass.jpg);
	background-position: top center;
	background-repeat: no-repeat;
  background-size: auto 100%;
  min-height: 820px;
}
.popup-area h2 {
	padding: 55px 0;
	color: #fff;
	text-align: center;
	font-size: 38px;
	text-transform: uppercase;
	font-weight: 800;
}
.box-cont {
	margin-bottom: 30px;
	cursor: pointer;
}
.box-cont img {
	width: 100%;
}
.box-cont p {
	position: absolute;
	color: #ec4978;
	font-weight: 600;
	font-size: 23px;
	bottom: 15px;
	margin-left: 15px;
}
.box-cont p > span {
	display: block;
	font-size: 17px;
	font-weight: bold;
	color: #222222;
}
.text-showMb {
	display: none;
}
.primarybutton-mb {
	display: none;
}
.modal-header {
    padding: 0px 15px;
    height: 60px;
    border-bottom: none;
    background: #256ad1;
    text-align: right;
}
.btn-default {
    color: #fff;
    background: none;
    border: none;
    font-size: 40px;
    cursor: pointer;
    padding: 0;
    line-height: 0;
	margin-top: 25px;
	outline: none;
}
.btn-default:hover {
    color: #fff;
    background:none;
    border:none;
}
.btn-default:focus, .btn-default:checked {
	outline: none;
}
.pubar {
	float: left;
	color: #fff;
	font-weight: 700;
	font-size: 23px;
	margin-top: 15px;
}
.box-d5 {
    margin-top: 50px;
}
.box-d0 {
	margin-left: 15px;
}
.conts2 {
	width: 960px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}

/*product style*/
.pbfull-tbl {
    border-collapse: collapse;
    display: block;
    width: 99%;
	overflow-y: scroll;
	overflow-x: hidden;
	max-height: 600px;
}
.pbfull-tbl th {
    background-color: #fdf6fa;
}
.pbfull-tbl td, .pbfull-tbl th {
    padding: 10px;
    vertical-align: top;
    line-height: 1.5em;
    border: #333333 1px solid;
}
.top1col {
    width: 24%;
}
.pbfull-tbl td {
    font-size: 14px;
}
.top2col {
    background-color: #53b649;
    color: #FFF;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    width: 25%;
}
.top3col {
    background-color: #f7821c;
    color: #FFF;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    width: 25%;
}
.top4col {
    background-color: #d1383e;
    color: #FFF;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    width: 25%;
}

.pbfull-tbl th {
    background-color: #fdf6fa;
}
.disclist li {
    list-style: disc outside none;
    margin-left: 1.3em;
}
ul li {
    list-style: none;
}
ul.tabs{
	margin: 0px;
	padding: 0px;
	border-bottom: solid 5px darkcyan;
	list-style: none;
  display: flex;
  justify-content: space-between;
}
ul.tabs li{
	display: inline-block;
	padding: 5px;
	width: 49.3%;
	line-height: 17px;
	cursor: pointer;
	font-size: 13px;
	text-align: center;
}

ul.tabs li.current{
	background: darkcyan;	
}
.tab-content{
	display: none;
/*	background: #ededed;*/
	padding: 15px 10px;
	border-left: solid 1px #ccc;
	border-right: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	margin-bottom: 20px;
}
.list-content-product h3 {
/*	color: #FF6699;*/
	font-size: 18px;
	font-weight: 600;
  margin-bottom: 8px;
  margin-top: 15px;
}
.list-content-product p {
	font-size: 15px;
	line-height: 19px;
	margin-bottom: 10px;	
}
.list-content-product span {
	margin-bottom: 15px;
    display: block;
    line-height: 22px;
}
.tab-content.current{
	display: inherit;
}

.tabsBlue {
	background: #53b649;
	color: #fff;
}
.tabsOranger {
	background-color: #f7821c;
	color: #FFF;
}
.tabsRed {
	background-color: #d1383e;
	color: #FFF;
}

.table-product-outline-mobile {
	display: none;
}



/*end product style*/

/*cancel style*/

#cancel .modal-body {
	overflow: hidden;
}
#cancel .col-md-12 {
	padding: 0;
	margin-bottom: 30px;
	margin-top: 30px;
}
#cancel .modal-body .col-md-6{
	float: left;
}
.canpic {
	float: left;
}
.cantext {
	float: left;
	width: 75%;
	padding-left: 20px;
}
.noPaddingLeft {
	padding-left: 0;
}
.noPaddingRight {
	padding-right: 0;
}
.cancelbp-tit {
	font-size: 18px;
    color: #333333;
    font-weight: bold;
    margin-bottom: 20px;
}
.disclist li {
  font-size: 14px;
  color: #333333;
  line-height: 21px;
  padding-bottom: 8px;
}
.canlink {
	margin-top: 20px;
}
.canlink a {
	color: #333399;
	font-size: 15px;
	font-weight: bold;
}

/*how to use*/

.tsu-top-group {
	overflow: hidden;
	margin: 0 -10px 30px -10px;
}
.tsu-top-group .tsucol2,
.tsu-top-group .tsucol1 {
    float: left;
    width: 50%;
    overflow: hidden;
		padding-left: 10px;
		padding-right: 10px;
}
.tsu-inside-group {
    overflow: hidden;
	margin-left: -10px;
	margin-right: -10px;
}
.tsu-inside-group .insidecol2,
.tsu-inside-group .insidecol1 {
    padding-left: 10px;
    padding-right: 10px;
    float: left;
    width: 50%;
    overflow: hidden;
}
.tsuimg {
    position: relative;
    margin-bottom: 12px;
}
.tsuimg img{
	width: 100%;
	height: auto;
}
.tsunumber {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    color: #FFF;
    background-color: #000000;
    font-size: 22px;
    font-weight: bold;
    padding: 11px;
}
.thehielement {
    margin-bottom: 15px;
}
.tsutit {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 12px;
    display: block;
}
.tsutext {
    font-size: 14px;
    margin-bottom: 12px;
    display: block;
    line-height: 1.5em;
}
.bp4-btn {
    width: 100%;
    font-size: 14px;
    font-weight: bold;
    padding: 4px;
}
.grad-btn a {
    display: block;
    text-align: center;
    margin-bottom: 10px;
    white-space: nowrap;
    position: relative;
}
.bp4-btn a {
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 10px;
    padding-right: 10px;
}

.bp-blue-btn a {
    background: #3c68aa;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #3c68aa 0%, #30558b 100%);
    background: -webkit-linear-gradient(top, #3c68aa 0%,#30558b 100%);
    background: linear-gradient(to bottom, #3c68aa 0%,#30558b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3c68aa', endColorstr='#30558b',GradientType=0 );
    border: 1px solid #3c68aa;
    color: #ffffff!important;
    text-decoration: none!important;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}
.bp4-btn i {
    position: absolute;
    left: 9px;
    font-size: 15px;
}

/*advantages*/
.bpmerit-group {
	border-bottom: solid 1px #dcdcdc;
	padding-bottom: 15px;
	margin-bottom: 25px;
}
.meimg {
	float: left;
}
.metext {
	width: 90%;
	float: left;
	padding-left: 30px;
	line-height: 20px;
}
.metext .merittit {
	font-size: 16px;
	color: #222222;
	font-weight: bold;
	margin-bottom: 15px;
}


/*available*/

.seatlinera-group {
	margin-bottom: 20px;
}
.seatlinera-group .sl-left {
    float: left;
    width: 28%;
    overflow: hidden;
}
.seatlinera-group .sl-right {
    float: left;
    width: 72%;
		padding-left: 20px;
    overflow: hidden;
}
.pbseattit {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 12px;
    overflow: hidden;
    padding-top: 7px;
}
.smallogo {
    float: right;
    margin-top: -7px;
}
.bpseatinfo {
    line-height: 1.6em;
    font-size: 14px;
}
.bpseat-group .bpseat2, .bpseat-group .bpseat3 {
	margin-bottom: 20px;
}

/*example on how*/

.samplemap-tit {
    color: #333;
    font-size: 18px;
    font-weight: bold;
    border-bottom: #cccccc 1px solid;
    padding-bottom: 13px;
    margin-bottom: 21px;
}
.samplemap-group {
    margin-bottom: 20px;
	max-height: 600px;
	overflow-y: scroll;
}
.samplemap-group .roumap {
    float: left;
    width: 43%;
    overflow: hidden;
}
.samplemap-group .sampledesc {
    float: left;
    width: 57%;
    overflow: hidden;
    padding-top: 6px;
		padding-left: 20px;
}
.sampleday-tit {
    color: #333333;
    font-size: 18px;
    margin-bottom: 12px;
    font-weight: bold;
}
.sampleday-group {
    overflow: hidden;
    margin-bottom: 20px;
    border-bottom: solid 1px #eaeaea;
    padding-bottom: 20px;
}
.sampleday-group .daypic {
    float: left;
    width: 25%;
    overflow: hidden;
}
.sampleday-group .daydesc {
    float: left;
    width: 70%;
    overflow: hidden;
    font-size: 14px;
    line-height: 2em;
	padding-left: 20px;
}
.sampleday-group .daypic img{
	width: 100%;
	height: auto;
}
.samplenote {
    line-height: 1.6em;
    font-size: 14px;
    margin-bottom: 20px;
}
.daypic img{
	width: 100%;
	height: auto;	
}
.sampleday-group .daydesc img {
	float: left;
}
.sampleday-group .daydesc span {
	float: left;
	width: 84%;
	padding-left: 10px;
}
.daydesc p {
	float: left;
}
.fixclear {
	float: left;
}

/*faq*/

.faqlink {
    font-size: 14px;
    font-weight: bold;
	margin: 10px 0;
}
.txt-red {
    color: #cc0000;
}
.stop-scrolling {
	overflow: hidden;
	height: 100%;
}
.start-scrolling {
	overflow: inherit;
}

.conts-advantages {
	padding: 15px;
}
.modal-dialog {
	width: 1170px !important;
	padding: 0 15px;
	max-width: inherit;
}



/*available-routes*/

.available-routes {
	background: #f9f9f9;
}
.cont-availble {
	padding: 50px 0;
	overflow: hidden;
}
.cont-availble h2 {
	text-align: center;
	margin-bottom: 50px;
	font-size: 35px;
	color: #333333;
	font-weight: 800;
}
.bproute-list ul{
	float: left;
	width: 50%;
}
.bproute-list li {
    background: #fbe0eb;
    border-radius: 3px;
    border: solid 1px #f4c2d6;
    padding: 13px 10px;
    margin: 0 15px 6px;
    line-height: 19px;
}
ul.bproute-list > li{
	width: 49%;
	margin: 0 0 6px 0;
	float: left;
}
ul.bproute-list > li:nth-child(2n){
	float: right;
}
ul.bproute-list > li:nth-child(2n+1){
	clear: both;
}
.bproute-list li a {
	color: #333333;
	font-size: 15px;
	display: block;
}
.bproute-text{
	color: #333333;
	font-size: 15px;
	display: block;
	cursor:pointer;
}


.bproute-list .sub-list:first-child li {
	margin-left: 0;
}
.bproute-list .sub-list:last-child li {
	margin-right: 0;
}
@media(max-width:560px){
	ul.bproute-list > li{
		width: 100%;
	}
}


/*Banner link to JBL Pass page*/
.bnrAdv{
	padding-bottom: 50px;
}
.bnrAdv img{
	width: 100%;
	max-width: 100%;
	overflow: hidden;
}

/*new banner ads txt*/

.bnrAdv, .onlypc, .onlysm {
    position: relative;
    display: block;
    width: auto;
    max-width: initial;
    overflow: inherit;
}
.bnrAdv .onlysm a, .bnrAdv .onlypc a {
	display: block;
}
.bnrAdv .onlysm img, .bnrAdv .onlypc img  {
    position: relative;
}
.bnrAdv .offer-book {

}
.bnrAdv .offer-book img {
    position: absolute !important;
    top: 35%;
    max-width: inherit !important;
    width: 13%;
    transform: translate(0, -50%);
    right: 5%;
}

.bnrAdv a span {
    position: absolute;
    bottom: -6%;
    max-width: inherit !important;
    transform: translate(0, -50%);
    right: 4%;
    border: solid 2px #fff;
    color: #fff;
    background: #fa9619;
    padding: 14px 60px;
    font-size: 19px;
    font-weight: 600;
    border-radius: 25px;
}




@media screen and (max-width:2560px) {
	.tours-price {
		border-top: solid 1px #233756;
	}
}

@media screen and (max-width:1880px) {
	.banner-buspass {
		background-size: auto;
	}
	.text-japan-buspass img {
		width: 50%;
	}
}

@media screen and (min-width:1536px) and (max-width:1800px) {
	.banner-buspass {
		background-size: auto;
	}
	.hashi-bus {
		bottom: -12px;
		right: 18%;
	}
	.tour-bg-green ul li .bg-green, .tour-bg-ora ul li .bg-ora {
    	
	}
	.popup-area {
		background-size: auto;
	}
	.text-japan-buspass img {
		width: 50%;
	}
}



@media screen and (min-width:1500px) and (max-width:1540px) {
	.hashi-bus {
		bottom: 0px;
		right: 11%;
	}
	.popup-area {
		background-size: auto;
	}
	.samplemap-group {
		overflow-y: scroll;
		max-height: 500px;
	}
}
@media screen and (min-width: 1444px) and (max-width:1499px) {
	.hashi-bus {
		bottom: -8px;
		right: 6%;
	}
	.popup-area {
		background-size: auto;
	}
}


@media screen and (max-width: 1440px) {
	.banner-buspass, .popup-area {
		background-size: auto;
	}
	.hashi-bus {
		bottom: -8px;
		right: 6%;
	}
	.hashi-bus img {
		width: 90%;
	}
	.pbfull-tbl {
		max-height: 500px;
	}
	#buspassModal .modal-body, #Advantages .modal-body {
		max-height: 550px;
		overflow-y: scroll;
	}
}

@media screen and (max-width:1300px) {
	.text-japan-buspass img {
		width: 50%;
	}
}
@media screen and (max-width:1200px) {
	.text-japan-buspass img {
		width: 49%;
	}
	.text-japan-buspass {
		padding-top: 48px;
	}
	.hashi-bus {
		right: 5%;
	}
	.popup-area {
		background-size: auto;
	}
	.modal-dialog {
		width: 100% !important;
		padding: 0 15px;
	}

	
}
@media screen and (max-width:1136px) {
	.text-japan-buspass {
		padding-top: 34px;
	}
	.text-japan-buspass img {
		width: 64%;
	}
	.tour-bg-green ul li .bg-green, .tour-bg-ora ul li .bg-ora {
/*		min-width: 285px;*/
	}
}

@media screen and (max-width:1080px) {
	.tour-bg-green ul li .bg-green, .tour-bg-ora ul li .bg-ora {
/*		 min-width: 240px;*/
	}
	.info-tour ul li div {
/*		min-width: 253px;*/
	}
	.banner-buspass {
		background-size: auto 100%;
		min-height: 328px;
		background-image: url(/st/3/en/pc/buspass/img/banner1080.jpg);
	}
	.text-japan-buspass img {
		width: 60%;
	}
	.hashi-bus {
		bottom: 6px;
		right: 8%;
		text-align: right;
	}
	.hashi-bus img {
		width: 75%;
	}
	.check-map h4 {
		width: 80%;
	}
	.check-map ul {
		width: 80%;
	}
	.bpjapanmap {
		width: 57%;
		top: -40px;
		right: 15px;
		height: 100%;
	}
	.modal-dialog {
		width: auto !important;
	}
	#buspassModal .modal-body, #Advantages .modal-body {
		max-height: 550px;
		overflow-y: scroll;
	}
}

@media screen and (max-width: 1024px) {
	.modal-dialog {
		width: 100% !important;
		max-width: inherit;
	}
	.banner-buspass {
		min-height: 290px;
		background-size: 100% 100%;
/*		background-image: url(/st/3/en/pc/buspass/img/banner1024.jpg);*/
	}
	.text-japan-buspass img {
		width: 60%;
	}
	.text-japan-buspass p {
		font-size: 14px;
		line-height: 19px;
	}
	.hashi-bus {
		bottom: 0px;
		right: 3%;
		text-align: right;
	}
	.text-japan-buspass {
		padding: -top: 25px;
	}
	.hashi-bus img {
		width: 78%;
	}
	.tour-bg-green ul li .bg-green, .tour-bg-ora ul li .bg-ora {
/*		min-width: 238px;*/
		margin-left: 0px;
	}
	.info-tour ul li div {
/*		min-width: 239px;*/
	}
	.check-map h4 {
		line-height: 1;
		width: 80%;
	}
	.bpjapanmap {
		right: 15px;
		height: 100%;
		width: 59%;
	}
	.box-cont p {
		bottom: 10px;
	}
	.popup-area {
		padding-bottom: 30px;
	}
	
/*	product outline style*/
	

	.tour-bg-green ul li .bg-green p, .tour-bg-ora ul li .bg-ora p {
		font-size: 20px;
		margin-right: 0;
	}
	
/*	available*/
	.samplemap-group .roumap {
		width: 45%;
	}
	.samplemap-group .roumap img {
		width: 100%;
		height: 100%;
	}
	.samplemap-group .sampledesc {
		width: 50%;
	}
	.sampleday-group .daydesc {
		width: 61%;
	}
	.samplemap-group {
		max-height: 500px;
		overflow-y: scroll;
	}
	.threepic {
		margin-top: 78px;
	}
}


@media screen and (max-width: 980px) {
	.text-japan-buspass img {
		
	}
	.info-tour ul li div {
/*		min-width: 225px;*/
	}
	.popup-area {
		
		padding-bottom: 30px;
	}
	.conts2 {
		width: 912px;
	}
	
/*	available*/
	.englishroute .bufullrt {
		font-size: 14px !important;
	}
	.burtplace {
		font-size: 11px !important;
	}
	.tsu-top-group .tsucol1 {
		margin-right: 15px;
		width: 48%;
	}
	.tsu-inside-group .insidecol1 {
		margin-right: 15px;
		width: 46%;
	}
	.tsu-inside-group .insidecol2 {
		width: 46%;
	}
	.tsu-top-group .tsucol2 {
		width: 50%;
	}
	.thehielement {
		margin-bottom: 25px;
	}
}

@media screen and (max-width:970px) {
	.tour-bg-green ul li .bg-green, .tour-bg-ora ul li .bg-ora {
/*		min-width: 228px;*/
	}
	
}
@media screen and (max-width:911px) {
	.tour-bg-green ul li .bg-green, .tour-bg-ora ul li .bg-ora {
/*		min-width: 208px;*/
	}
	.info-tour ul li div {
/*		min-width: 212px;*/
	}
	.text-japan-buspass img {
		width: 45%;
	}
	.banner-buspass {
		min-height: 247px;
	}
	.hashi-bus img {
		width: 79%;
	}
	.hashi-bus {
		bottom: 1px;
	}
	.threepic {
		margin-top: 26px;
	}
	.bpjapanmap {
		width: 55%;
	}
}

@media screen and (max-width:853px) {
	.text-japan-buspass img {
		width: 53%;
	}
	.text-japan-buspass p {
		font-size: 13px;
		line-height: 19px;
	}
	.hashi-bus img {
		width: 76%;
	}
	.tour-bg-green ul li .bg-green, .tour-bg-ora ul li .bg-ora {
/*		min-width: 211px;*/
	}
	.info-tour ul li p.text-bigSize {
		font-size: 21px;
	}
	.info-tour ul li div {
/*		min-width: 191px;*/
	}
}

/*new banner*/
@media(max-width:850px) {
	.bnrAdv a span {
		bottom: -8%;
	}
	.bnrAdv a span {
		padding: 7px 35px;
	}
}


@media all and (min-width: 800px) and (max-width: 960px) {
	.tour-bg-green ul li .bg-green p, .tour-bg-ora ul li .bg-ora p {
		font-size: 18px;
	}
	.banner-buspass {
		
	}
	.text-japan-buspass img {
		width: 54%;
	}
	.text-japan-buspass p {
		font-size: 13px;
	}
	.hashi-bus {
		right: 12%;
		bottom: 23px;
	}
	.hashi-bus img {
		width: 58%;
	}
	.tour-bg-green ul li .bg-green, .tour-bg-ora ul li .bg-ora {
/*		min-width: 192px;*/
	}
	.info-tour ul li p.text-bigSize {
		font-size: 21px;
	}
	.info-tour ul li div {
/*		min-width: 180px;*/
	}
	.bpjapanmap {
		height: 80%;
		width: 53%;
	}
	.threepic {
		margin-top: 23px;
	}
	.bpjapanmap {
		top: 30px;
	}
	.box-cont {
		margin-bottom: 10px;
		padding: 0px 5px;
	}
	.box-cont p {
		font-size: 21px;
	}
	.box-cont p > span {
		font-size: 15px;
	}

}


@media screen and (max-width:800px) {
	.boxshow-popup{
		margin-left: -5px;
		margin-right: -5px;
	}
	.box-cont {
		margin-bottom: 10px;
		padding: 0px 5px;
	}
	.text-japan-buspass p {
		display: none;
	}
	.text-showMb {
		display: block;
		overflow: hidden;
		width: 100%;
		padding: 20px 15px 0 15px;
	}
	.tours-price {
		padding-bottom: 5px;
		border: none;
	}
	.text-showMb p {
		margin-bottom: 10px;
		font-size: 14px;
		line-height: 19px;
		font-weight: 600;
	}
	.bpjapanmap {
		width: 49%;
		height: 88%;
		top: -15px;
	}
	.box-menu {
		min-height: 210px !important;
	}
}
@media screen and (max-width:780px) {

}

@media screen and (min-width:776px) and (max-width:799px) {
	.box-cont p {
		bottom: 7px;
		font-size: 20px;
		margin-left: 10px;
	}
	.box-cont p > span {
		font-size: 15px;
	}
}

@media screen and (min-width:769px) {
	.modal-dialog {
		width: 100%;
		padding: 0 15px;
	}
}
@media screen and (max-width: 769px) {
    .new-mesg p {
        font-size: 14px;
    }
    .new-mesg {
        margin-top: 1px;
    }
	.hiden-pc {
		opacity: 1;
	}
	.hiden-pc a:hover {
		opacity: 1 !important;
	}
	.hashi-bus {
		right: 12%;
		bottom: -5px;
	}
	.modal-dialog {
		padding: 0 15px;
	}
	.scroll-mb {
		max-height: 500px;
		overflow-y: scroll;
	}
	.conts2 {
		width: 100%;
	}
	.text-japan-buspass p {
		display: none;
	}
	.banner-buspass {
		min-height: 176px;
		background-size: 100% 100%;
		background-image: url(/st/3/en/pc/buspass/img/banner768.jpg);
	}
	.text-japan-buspass img {
		 width: 64%;
	}
	.text-japan-buspass {
		padding-top: 35px;
	}
	.tour-bg-green ul li:first-child, .tour-bg-ora ul li:first-child {
		background: none;
	}
	.info-tour ul li div {
		min-height: 90px;
/*		min-width: 178.6px;*/
	}
	.tour-bg-green ul li .bg-green p, .tour-bg-ora ul li .bg-ora p {
		 color: #fff;
		font-size: 17px;
		line-height: 20px;
		margin-top: 25px;
		margin-right: 0;
	}
	.tour-bg-green ul li .bg-green, .tour-bg-ora ul li .bg-ora {
/*		min-width: 230px;*/
		margin-left: 0;
	}
	.info-tour ul li p {
		font-size: 16px;
		margin-top: 10px;
	}
	.info-tour ul li p.text-bigSize {
		font-size: 22px;
	}
	.info-tour ul li a.btn-reverse {
    height: 28px;
    font-size: 13px;
    line-height: 27px;
    width: 83px;
	}
	.info-tour ul li img {
		margin-top: 27px;
	}
	.tours-price .container {
		padding: 0;
	}
	.show-mesg .col-md-4 {
		display: none;
	}
	.show-mesg .col-md-8 {
		text-align: left;
		width: 80%;
	}
	.show-mesg .col-md-8 p {
		font-size: 15px;
	}
	.tours-price {
		padding-bottom:5px;
		border: none;
	}
	.tour-show {
		position: static;
	}
	.hashi-bus img {
		width: 73%;
		position: relative;
		right: 29px;
		top: 25px;
	}
	.show-mesg {
		margin-top: 11px;
	}
	.text-showMb {
		display: block;
		overflow: hidden;
		width: 100%;
		padding: 20px 15px 0 15px;
	}
	.text-showMb p {
		margin-bottom: 10px;
		font-size: 14px;
		line-height: 19px;
		font-weight: 600;
	}
	.bpjapanmap {
		top: 80px;
		height: auto;
		width: 89%;
	}
	.check-map h4 {
		margin-top: 15px;
		font-weight: 700;
		width: 70%;
    font-size: 20px;
	}
	.threepic {
		display: none;
	}
	.check-map ul li {
		width: 65%;
	}
	.check-map {
		min-height: 800px;
		padding-bottom: 60px;
	}
	.popup-area h2 {
		padding: 30px 0;
		font-size: 30px;
	}
	.box-cont {
		margin-bottom: 10px;
 		padding: 0px 5px;
	}
	.popup-area {
		min-height: inherit;
		padding-bottom: 50px;
		background-size: 100% 100%;
		background-image: url(/st/3/en/pc/buspass/img/bg-jpbuspass768.jpg);
	}
	.box-cont p {
		font-size: 20px;
		margin-bottom: 0px;
	}
	.box-cont p > span {
		font-size: 15px;
	}
	
/*	product outline style*/
	
/*	cancel*/
	
	.canpic {
		margin-bottom: 15px;
	}
	.cantext {
		
	}
	#cancel .col-md-12 {
		overflow: hidden;
	}
	
/*	how to use*/
	.tsu-top-group .tsucol1 {
		margin-right: 0px;
		float: none;
		width: auto;
		overflow: hidden;
	}
	.tsu-top-group .tsucol2 {
		float: none;
		width: auto;
		overflow: hidden;
	}
	.tsucol1 .tsu-inside-group {
		border-bottom: #ccc 1px dotted;
		padding-bottom: 15px;
		margin-bottom: 15px;
		width: auto;
	}
	.tsu-inside-group .insidecol1 {
		margin-right: 2%;
		width: 49%;
	}
	.tsu-inside-group .insidecol2 {
		width: 49%;
	}
	.thehielement {
		text-align: left;
	}
	.bp4-btn {
		padding: 0;
	}
	.tsu-top-group {
		max-height: 500px;
		overflow-y: scroll;
	}
	
/*	advantages*/
	
	.conts-advantages {
		max-height: 500px;
		overflow-y: scroll;
	}
	.metext {
		width: 80%;
	}
	.seatlinera-group .sl-right {
		width: 50%;
	}
	.sampleday-group .daydesc {
		width: 66%;
	}
	
	
}
@media screen and (max-width:768px) {
.bnrAdv .onlytb{
		display: block !important;
	}
	.bnrAdv .onlysm{
		display: none;
	}
}

/*new banner*/

@media(max-width:767px) {
	.bnrAdv .offer-book img {
		top: 50%;
		width: 26%;
		right: inherit;
		left: 2%;
	}
	.bnrAdv a span {
		bottom: 10px;
		right: 15px;
		padding: 10px 40px;
	}
  .check-map ul {
      width: 100%;
  }
  .check-map h4,
  .check-map ul li {
		width: 100%;
	}
	.bpjapanmap {
		position: static;
		width: 100%;
	}
	.primarybutton {
		display: none;
	}
	.primarybutton-mb {
		display: block;
		position: static;
		margin-bottom: 0;
		margin-top: 20px;
	}
	.hashi-bus img {
		width: 85%;
		right: 11px;
		top: 20px;
	}
}

@media screen and (max-width:767px) {
  .text-japan-buspass{
    padding: 7vw 0 15vw 0;
    position: relative;
    z-index: 2;
  }
  .banner-buspass {
    background: url(/st/3/en/pc/buspass/img/banner768.jpg) right bottom;
    background-size: auto 100%;
	}
	.bnrAdv .onlypc, .bnrAdv .onlytb{
		display: none !important;
	}
	.bnrAdv .onlysm{
		display: block;
	}
}

@media screen and (max-width:760px) {
	.tour-bg-green ul li .bg-green, .tour-bg-ora ul li .bg-ora {
/*		min-width: 222px;*/
	}
	.popup-area {
		background-size: auto 100%;
	}
	.box-cont p {
		bottom: 0;
		margin-bottom: 23px;
		font-size: 23px;
	}
	.box-cont p > span {
		font-size: 15px;
	}
}

@media screen and (max-width:736px) {
	.info-tour ul li div {
/*		min-width: 173.9px;*/
	}
	.modal-dialog {
		margin: 30px auto;
	}
	.pubar {
		font-size: 20px;
		margin-top: 19px;
	}
	.box-d5 {
		margin-top: 0;
		margin-bottom: 0;
	}
	.bpcancel-group {
		width: 50%;
	}
	.hashi-bus {
		right: 3%;
		bottom: -2px;
	}
	.pbfull-tbl {
		width: 98%;
	}
}

@media screen and (max-width:731px) {
	.tour-bg-green ul li .bg-green, .tour-bg-ora ul li .bg-ora {
/*		min-width: 207px;*/
	}
}

@media screen and (max-width:720px) {
	.popup-area {
		background-size: auto 100%;
	}
}

@media screen and (max-width:700px) {
	.tour-bg-green ul li .bg-green, .tour-bg-ora ul li .bg-ora {
/*		min-width: 176px;*/
	}
	.seatlinera-group .sl-right {
		width: 42%;
	}
}

@media screen and (max-width:667px) {
	.hashi-bus {
		bottom: -1px;
	}
	.metext {
		width: 75%;
	}
	.sampleday-group .daydesc {
		width: 55%;
	}
	.banner-buspass {
		min-height: 170px;
	}
}

@media screen and (max-width:640px) {
	.banner-buspass {
		min-height: 146px;
	}
	.tour-bg-green ul li .bg-green, .tour-bg-ora ul li .bg-ora {
/*		min-width: 185px;*/
	}
	.info-tour ul li div {
/*		min-width: 150.9px;*/
	}
	.check-map {
		min-height: 755px;
	}
	.bpseat-group {
		max-height: 500px;
		overflow-y: scroll;
	}
	.seatlinera-group .sl-left {
		float: left;
		width: 100%;
		margin: 0;
	}
	.seatlinera-group .sl-right {
		width: 100%;
		padding-right: 20px;
	}
	.seatlinera-group {
		border-bottom: 1px dotted #ccc;
		padding-bottom: 20px;
	}
	.hashi-bus img {
		right: 70px;
	}
	.hashi-bus {
		bottom: 1px;
	}
	.tsu-inside-group .insidecol1 {
		margin-right: 0;
		width: 100%;
		border-bottom: #ccc 1px dotted;
		margin-bottom: 20px;
	}
	.tsu-inside-group .insidecol2 {
		width: 100%;
	}
	.thehielement {
		height: auto !important;
		margin-bottom: 0;
	}
	.bp4-btn a {
		padding-top: 13px;
		padding-bottom: 13px;
	}
	.bp4-btn a > br {
		display: none;
	}
	#cancel .col-md-12 {
		margin: 0;
	}
	.bpcancel-group {
		width: 100%;
		padding: 0;
	}
	.col-md-12 .noPaddingLeft {
		margin-bottom: 20px;
		border-bottom: solid 1px #ccc;
		padding-bottom: 20px;
	}
	.box-cont {
		width: 50%;
	}
	.box-cont p {

	}
	.samplemap-group .roumap {
		width: 100%;
	}
	.samplemap-group .sampledesc {
		width: 100%;
	}
	.englishroute .bufullrt {
		font-size: 16px !important;
	}
	.burtplace {
		font-size: 13px !important;
	}
	.box-d0 {
		margin-bottom: 20px !important;
	}
	.metext {
		width: 75%;
	}
}

@media screen and (max-width:580px) {
	.check-map ul li {
		font-size: 14px;
	}
}

@media screen and (max-width:568px) {
	.banner-buspass {
		min-height: 130px;
	}
	.hashi-bus img {
		right: 65px;
	}
	.tour-bg-green ul li .bg-green p, .tour-bg-ora ul li .bg-ora p {
		font-size: 14px;
	}
	.info-tour ul li p.text-bigSize {
		font-size: 17px;
	}
	.box-cont {
		width: 50%;
	}
	.popup-area {
		background-size: auto 100%;
	}
}

/*new banner*/

@media(max-width:575px) {
  .text-japan-buspass img {
    width: 40%;
  }
}
@media(max-width:500px) {
	.bnrAdv a span {
		bottom: 0px;
		right: 10px;
		padding: 13px 45px;
		font-size: 14px;
	}
	.bnrAdv .offer-book img {
		top: 52%;
		width: 30%;
	}
}

@media screen and (max-width:500px) {
	.tour-bg-green ul li .bg-green, .tour-bg-ora ul li .bg-ora {
		width: 100%;
		min-height: 40px;
		min-width: 100%;
		float: none;
	}
	.tour-bg-green ul li .bg-green p, .tour-bg-ora ul li .bg-ora p {
		line-height: 40px;
		margin-top: 0px;
	}
	.tour-bg-green ul li:first-child, .tour-bg-ora ul li:first-child {
		width: 100%;
		margin-bottom: -25px;
	}
	.box-shadow {
		border: none;
	}
	.info-tour ul li img {
		margin-top: 0;
		text-align: center;
		display: block;
		margin: 0 auto;
		transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-webkit-transform: rotate(90deg);
		position: relative;
		height: 25px;
		-o-transform: rotate(90deg);
		top: -10px;
	}
	.tour-bg-green ul li .bg-green p > br, .tour-bg-ora ul li .bg-ora p > br {
		display: none;
	}
	.info-tour ul li p.text-bigSize {
		font-size: 20px;
	}
	.info-tour ul li:nth-child(2) {
		margin-left: 0;
	}
	.info-tour ul li div {
/*		min-width: 141px;*/
	}
	.info-tour ul li div {
		min-height: 100px;
	}
	.info-tour ul li a.btn-reverse {
		height: 30px;
		width: 100px;
		line-height: 30px;
	}
	.info-tour ul li a.btn-reverse img {
		-webkit-transform: inherit;
		transform: inherit;
		height: auto;
		display: inline-block;
	}
	.info-tour ul li {
		width: 33.33%;
	}
	.bpjapanmap {
		top: 206px;
	}
	.box-cont {
		width: 50%;
	}
	.box-cont p {
		bottom: -12px;
	}
	.bpcancel-group {
		width: 100%;
	}
	.hashi-bus img {
		right: 21px;
		top: 26px;
		width: 81%;
	} 
	#cancel .col-md-12 {
		margin: 15px 0;
	}
	.col-md-12 .noPaddingLeft {
		margin-bottom: 25px;
		border-bottom: #ccc 1px dotted;
		padding-bottom: 25px;
	}
	.cantext {
		width: 68%;
	}
	.bproute-list ul {
		width: 100%;
	}
	.bproute-list .sub-list li {
		margin-left: 0;
		margin-right: 0;
	}
}


@media screen and (max-width: 480px) {
	.mobileNone375 {
		display: none;
	}
	.table-product-outline-mobile {
		display: block;
		padding: 0;
		max-height: 350px;
		overflow-y: scroll;
	}
    .new-mesg p {
        line-height: 21px;
    }
    .new-mesg {
        margin-bottom: 0;
    }
    .show-mesg {
        margin-top: 0;
    }
	.text-japan-buspass img {
		width: 40%;
	}
	.modal-header {
		height: 50px;
	}
	.scroll-mb {
		max-height: 450px;
	}
	.bpseat-group {

	}
	.modal-dialog {
		margin: 30px auto;
	}
	.pubar {
		font-size: 16px;
		margin-top: 17px;
	}
	.box-d5 {
		margin-top: 0;
		margin-bottom:15px !important;
	}
	.banner-buspass {
		min-height: 123px;
		background-size: 100% 100%;
		background-image: url(/st/3/en/pc/buspass/img/banner480.jpg);
	}
	.tour-bg-green ul li .bg-green, .tour-bg-ora ul li .bg-ora {
		width: 100%;
		min-height: 40px;
		min-width: 100%;
		float: none;
	}
	.tour-bg-green ul li .bg-green p, .tour-bg-ora ul li .bg-ora p {
		line-height: 40px;
		margin-top: 0px;
	}
	.tour-bg-green ul li:first-child, .tour-bg-ora ul li:first-child {
		width: 100%;
		margin-bottom: -25px;
	}
	.box-shadow {
		border: none;
	}
	.info-tour ul li img {
		margin-top: 0;
		text-align: center;
		display: block;
		margin: 0 auto;
		transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-webkit-transform: rotate(90deg);
		position: relative;
		height: 25px;
		-o-transform: rotate(90deg);
		top: -10px;
	}
	.tour-bg-green ul li .bg-green p > br, .tour-bg-ora ul li .bg-ora p > br {
		display: none;
	}
	.info-tour ul li p.text-bigSize {
		font-size: 20px;
	}
	.info-tour ul li:nth-child(2) {
		margin-left: 0;
	}
	.info-tour ul li div {
/*		min-width: 141px;*/
	}
	.info-tour ul li div {
		min-height: 100px;
	}
	.info-tour ul li a.btn-reverse {
		height: 30px;
		width: 100px;
		line-height: 30px;
	}
	.info-tour ul li a.btn-reverse img {
		-webkit-transform: inherit;
		transform: inherit;
		height: auto;
		display: inline-block;
	}
	.show-mesg {
		margin-top: 0;
	}
	.show-mesg .col-md-8 {
		background: #fff;
		text-align: center;
		width: 100%;
		padding: 10px 5px;
		line-height: 20px;
		margin-top: 1px;
	}
	.show-mesg .col-md-8 p {
		color: #333333;
	}
	.show-mesg .col-md-8 p > a {
		color: #ff7e00;
	}
	.text-showMb {
		padding: 15px 15px 0 15px;
	}
	.check-map h4 {
		font-weight: 600;
		font-size: 14px;
		width: 100%;
	}
	.check-map ul li {
		font-size: 14px;
		margin-bottom: 15px;
	}
	.bpjapanmap {
		top: 219px;
	}
	.check-map {
		min-height: 735px;
		padding-bottom: 50px;
	}
	.popup-area .container {
		padding: 0 5px;
	}
	.hashi-bus img {
		width: 74%;
		right: 5px;
		top: 14px;
	}
	.box-cont p {
		font-size: 19px;
		bottom: -7px;
	}
	.box-cont p > span {
		font-size: 14px;
	}
	.btn-default {
		font-size: 30px;
		line-height: 1;
		margin-top: 8px;
	}
	
/*	product outline style*/
	.pbfull-tbl td, .pbfull-tbl th {
		padding: 6px;
		vertical-align: top;
		line-height: 1.5em;
		border: #333333 1px solid;
	}
	.pbfull-tbl th {
		background-color: #fdf6fa;
	}
	.pbfull-tbl td {
		font-size: 13px;
	}
	.top3col {
		width: 24%;
	}
	.top4col {
    	width: 24%;
	}
	
/*	cancel*/
	#cancel .col-md-12 {
		max-height: 500px;
    	overflow-y: scroll;
	}
	.cancelbp-tit {
		font-size: 16px;
	}
	.canlink a {
		font-size: 14px;
	}
	
/*	how to use */
	.tsu-top-group {
		width: 100%;
		margin-bottom: 25px;
	}
	.tsu-top-group .tsucol1 {
		margin-right: 0px;
		float: none;
		width: 100%;
		overflow: hidden;
		margin-bottom: 10px;
	}
	.thehielement {
		height: auto !important;
	}
	
/*	janapan buspass*/
	.box-d0 {
		margin-left: 0;
		margin-bottom: 25px !important;
		line-height: 20px;
		font-size: 15px;
	}
	.englishroute .bufullrt {
		font-size: 16px !important;
	}
	.burtplace {
		font-size: 13px !important;
	}
	.conts-advantages {
		max-height: 500px;
	}
	.samplemap-group {
		max-height: 450px;
	}
	.popup-area {
		background-image: url(/st/3/en/pc/buspass/img/bg-jpbuspass480.jpg);
		background-size: 100% auto;
	}
	.pbfull-tbl {
		 max-height: 500px;
	}
	
}

@media screen and (max-width:450px) {
	.bpjapanmap {
		top: 246px;
	}
}
@media screen and (max-width:414px) {
	.info-tour ul li div {
/*		min-width: 137.2px;*/
	}
	.meimg {
		width: 100%;
	}
	.metext {
		width: 100%;
		padding: 0;
		margin-top: 10px;
	}
	.cantext {
		width: 100%;
		padding: 0;
	}
	.box-cont p {
		bottom: -14px;
	}
}

@media screen and (max-width:400px) {
	.hashi-bus {
		bottom: 0px;
	}
	.bpjapanmap {
		top: 277px;
	}
}
@media screen and (max-width:375px) {
/*	product outline style*/
	.mobileNone375 {
		display: none;
	}
	.table-product-outline-mobile {
		display: block;
		padding: 0;
		max-height: 350px;
		overflow-y: scroll;
	}
	#productModal .modal-body {
		padding: 15px 5px;
	}
	
/*	cancel*/
	.bpcancel-group {
		padding: 0;
		width: 100%;
		margin-bottom: 15px;
	}
	#cancel .col-md-12 {
		margin-bottom: 15px;
		margin-top: 15px;
	}
	.sampleday-group .daydesc {
		width: 100%;
		margin-top: 10px;
	}
  .check-map ul{
    width: 100%;
  }
	
}

@media screen and (max-width:340px) {
	.banner-buspass {
		min-height: 100px;
	}
	.text-japan-buspass {
		padding-top: 12px;
	}
	.info-tour ul li a.btn-reverse {
		width: 80px;
	}
}

@media screen and (max-width:320px) {
	.primarybutton {
		width: 260px;
	}
	.primaryfat-btn {
		font-size: 17px;
	}
	.grad-btn a {
		margin-bottom: 0;
	}
	.primaryfat-btn i {
		font-size: 17px;
	}
	.banner-buspass {
		min-height: 83px;
	}
	.text-japan-buspass {
		padding-top: 15px;
	}
	.hashi-bus img {
		width: 77%;
		right: 16px;
		top: 14px;
	}
	.text-japan-buspass img {
		width: 36%;
	}
	.tour-bg-green ul li .bg-green p, .tour-bg-ora ul li .bg-ora p {
		font-size: 16px;
	}
	.info-tour ul li p.text-bigSize {
		font-size: 18px;
	}
	.info-tour ul li a.btn-reverse {
		width: 78px;
	}
	.info-tour ul li a.btn-reverse img {
		top: 0;
	}
	.info-tour ul li div {
/*		min-width: 106px;*/
	}
	.show-mesg .col-md-8 p {
		font-size: 13px;
	}
	.text-showMb p {
		font-size: 13px;
	}
	.box-cont p {
		font-size: 17px;
		bottom: -17px;
		margin-left: 5px;
	}
	.box-cont p > span {
		font-size: 13px;
	}
	.pubar {
		font-size: 13px;
	}
}

.notice-box {
  padding-bottom: 120px;
}
.notice-box > div{
  border:1px solid #e30d0d;
  padding: 20px 25px;
  background: #FFF8F8;
}
.notice-box li{
  font-size: 16px;
      margin-bottom: 5px;
}
.notice-box h3{
  color: #e30d0d;
  font-size: 20px;
}

.product-outline .table-product-outline-mobile,
.product-outline .mobileNone375{
  padding-left: 15px;
  padding-right: 15px;
}
.product-outline .table-product-outline-mobile,
.product-outline .pbfull-tbl{
  width: 100%;
  max-height: inherit;
  overflow: inherit;
}
.product-outline {
  padding: 50px 0 120px 0;
}
.product-outline h2 {
  text-align: center;
  margin-bottom: 50px;
  font-size: 35px;
  color: #333333;
  font-weight: 800;
  text-transform: uppercase;
}