@charset "Shift-JIS";
@import url("responsive.gs.12col.css");

@media only screen and (min-width:1170px) {
.searchBlock {
	background-attachment: fixed
}
}
body sup {
	vertical-align: middle;
	font-size: .7em
}
body #air_widget_form_ .searcharea .searcharea_box .searcharea_l {
	width: 580px
}
body #air_widget_form_ .searcharea .searcharea_box .searcharea_l .searcharea_boxl {
	width: 280px
}
body #air_widget_form_ .searcharea .searcharea_box .searcharea_l .searcharea_boxr {
	width: 280px
}
body #air_widget_form_ .searcharea .searcharea_box .searcharea_l .sel1 {
	width: 180px
}
body #air_widget_form_ .searcharea .searcharea_box .searcharea_l .text2 {
	width: 180px
}
body #air_widget_form_ .searcharea .searcharea_box .searcharea_l .text1 {
	width: 180px
}
body #air_widget_form_ .searcharea .searcharea_box .searcharea_l .ms-choice {
	width: 180px
}
body #air_widget_form_ .searcharea .searcharea_box .searcharea_l .searcharea_boxl_in1 {
	width: 290px
}
.myButton {
	margin: 0 auto;
	width: 100%;
	text-align: center;
	-moz-box-shadow: inset 0px 1px 0px 0px #fff6af;
	-webkit-box-shadow: inset 0px 1px 0px 0px #fff6af;
	box-shadow: inset 0px 1px 0px 0px #fff6af;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23', GradientType=0);
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	display: inline-block;
	cursor: pointer;
	color: #50514F;
	font-family: Arial;
	font-size: 28px;
	font-weight: bold;
	padding: 20px 30px;
	text-decoration: none;
	text-shadow: 0px 1px 0px #fe6;
	background-color: #FC0;
	border-right: 1px solid #fa2;
	border-left: 1px solid #fa2;
	border-bottom: 3px solid #fa2;
	border-top: 1px solid #fa2
}
.myButton:hover {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffab23), color-stop(1, #ffec64));
	background: -moz-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background: -webkit-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background: -o-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background: -ms-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background: linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64', GradientType=0);
	background-color: #ffab23;
	text-decoration: none;
	color: #50514F
}
.myButton:active {
	position: relative;
	top: 1px
}
.photobox-wrapper {
	margin: 0 0 30px -26px
}
.photobox-wrapper:after {
	content: "";
	display: block;
	clear: both;
	height: 0
}
.photobox {
	overflow: hidden;
	position: relative;
	float: left;
	width: 220px;
	margin-left: 26px;
	box-shadow: 0 0 5px 0 #999
}
.photobox:hover {
	cursor: default
}
.photobox h4 {
	padding: 5px 10px 0 10px;
	font-size: 15px
}
.photobox h5 {
	padding: 0 10px 5px 10px;
	font-size: 12px
}
.photobox .appearance {
	opacity: 0;
	position: absolute;
	height: 118px;
	top: 8px;
	right: 8px;
	left: 8px;
	padding: 8px;
	font-size: 15px;
	transition: opacity 0.35s, -ms-transform 0.35s, -webkit-transform 0.35s, transform 0.35s;
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	background: rgba(255,255,255,.85)
}
.photobox:hover .appearance {
	opacity: 1;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1)
}
.photobox .show-more {
	text-align: center
}
.photobox .show-more a {
	display: block;
	text-decoration: none;
	padding: 5px 10px;
	font-size: 12px;
	color: #fff;
	background: #2B2B34 url(http://www.surpricenow.com/images/top/icon_arrow_02.png) no-repeat 48px 50%;
	background-size: 7px auto;
	text-indent: 1em
}
.photobox .show-more a:hover {
	color: #000;
	background: #FC0 url(http://www.surpricenow.com/images/top/icon_arrow_09.png) no-repeat 48px 50%;
	background-size: 7px auto
}
.photobox .description {
	margin-bottom: 6px;
	font-size: 11px;
	color: #000
}
.hide-content {
}
html, body {
	width: 100%
}
body {
	font-family: Meiryo, 'Lucida Grande', 'Hiragino Kaku Gothic ProN', sans-serif !important;
	font-size: 12px;
	color: #506A77
}
h2, h3, h4, h5 {
	font-weight: 900;
	line-height: 1.2;
	color: #506A77
}
h2.messageTitle small {
	display: inline-block;
	margin: 0 5px 15px 0;
	padding: 6px 10px 3px;
	font-size: 42%;
	line-height: 1;
	color: #FFF;
	background-color: #FF2828
}
h2.messageTitle {
	z-index: 3;
	padding: 0 15px 12px 0;
	font-size: 32px;
	font-weight: 900;
	line-height: 1.2;
	color: #50514F
}
h3.searchTitle span {
	margin: 0 5px;
	font-size: 140%;
	font-weight: bold
}
h3.searchTitle {
	z-index: 3;
	position: relative;
	margin: 30px 0 20px;
	text-align: center;
	font-size: 26px;
	font-weight: 900
}
h3 {
	margin: 0;
	font-size: 29px;
	font-weight: 900
}
h4 {
	font-size: 18px;
	font-weight: bold
}
h5 {
	font-size: 16px
}
a {
	text-decoration: underline
}
a:hover {
	text-decoration: underline
}
img.lazy {
	display: none
}
header img.menu {
	display: none
}
img.circleIcon {
	z-index: 10;
	float: left;
	position: relative;
	width: 150px;
	margin: 13px 20px 0 0;
	padding: 7px;
	border: 1px solid rgb(221,221,221);
	border-radius: 150px;
	background-color: #fff;
	box-shadow: 0 0 0px 0 #999
}
img.lineLeft {
	margin: 2px;
	padding: 0
}
img.topBnr01, img.topBnr02 {
	width: 95%;
	margin: 0px 15px
}
img.topBnr01 {
	margin-right: 16px
}
p.subText {
	margin: 0 0 20px 174px;
	font-size: 15px
}
p.tinyFont {
	margin-top: 10px;
	font-size: 15px !important
}
span p.star {
	text-align: center
}
span small {
	margin: 7px 5px 0 0;
	padding: 0;
	line-height: 1.2;
	font-size: 13px
}
span.bold {
	font-weight: bold;
	color: #506A77
}
span.bold small {
	font-size: 60%
}
span.boldLarge {
	margin: 0 3px;
	font-size: 120%;
	font-weight: bold
}
.green {
	color: #31AF56
}
.orange {
	color: #FC0
}
span.red {
	margin: 0 3px;
	font-size: 100%;
	font-weight: bold;
	line-height: 1.2;
	color: #FF2828
}
span.redLarge {
	margin: 0 3px;
	font-size: 120%;
	font-weight: bold;
	color: #FF2828
}
span.redSmall {
	margin: 0 3px;
	font-size: 70%;
	font-weight: bold;
	line-height: 1.2;
	color: #FF2828
}
span.topTextChicket {
	width: 100%;
	margin: 0 0 20px;
	padding: 0;
	text-align: center;
	font-size: 40px;
	font-weight: bold;
	line-height: 1.1;
	color: #fff
}
.topTextFrom {
	display: inline;
	margin: 0;
	padding: 0;
	font-size: 16px;
	line-height: 1
}
.topTextFrom >span {
	font-size: .9em
}
span.topTextKara {
	margin: 0;
	padding: 0;
	font-size: 20px
}
span.topTax {
	margin: 0;
	padding: 1px 0 0 6px;
	font-size: 14px;
	text-align: center
}
span.topTextPrice {
	margin: 0;
	padding: 0;
	font-size: 38px;
	font-weight: 900;
	color: #333;
	line-height: 1.3;
	height: 54px
}
span.topTextSuprise {
	margin: 16px 0 0;
	padding: 26px 10px 0 8px;
	text-align: center;
	font-weight: nomal;
	font-size: 26px;
	line-height: 1.2;
	color: #fff
}
span.topTextSuprise:before {
	content: "";
	display: inline-block;
	width: 12px;
	height: 26px;
	background: url(http://www.surpricenow.com/dst/common/images/line_01.png) no-repeat 0 100%;
	margin-right: 10px
}
span.topTextSuprise:after {
	content: "";
	display: inline-block;
	width: 12px;
	height: 26px;
	background: url(http://www.surpricenow.com/dst/common/images/line_02.png) no-repeat 0 100%;
	margin-left: 10px
}
span.topTextTO {
	margin: 0;
	padding: 0;
	font-size: 16px
}
span.letterSpace2 {
	letter-spacing: 2px
}
span.letterSpace {
	letter-spacing: 5px
}
.textCenter {
	text-align: center
}
.boxShadow {
	box-shadow: 0 0 5px 0 #999
}
.gnavSP {
	display: none
}
.ticketCenter {
	text-align: center
}
.container {
	width: 960px;
	margin: 0 auto;
	overflow: hidden
}
span.keisen {
	display: none
}
.copyright {
	position: absolute;
	bottom: 10px;
	right: 10px;
	color: #fff;
	font-size: 11px
}
#salesUnit .copyright {
	font-size: 11px
}
.searchBlock {
	position: relative;
	min-height: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	z-index: 1
}
#accordion .searchBlock .copyright {
	padding: 0 5px 0 0
}
#titleUnit h1 {
	position: absolute;
	height: 52px;
	margin: -90px 0 0 190px!important;
	font-size: 12px;
	color: #506A77
}
#titleUnit {
	width: 960px;
	margin: 0 auto
}
#catchUnit .main {
	padding: 20px 0 50px 0;
	min-height: 478px
}
#catchUnit {
	border: 0px solid #ddd;
	width: 100%;
	padding: 0;
	margin: 0
}
#catchUnit .container_area {
	margin: 0
}
#catchUnit .bnrarea {
	width: 300px;
	position: relative
}
#catchUnit .topTextArea span.topTextMainArea {
	font-size: 62px;
	font-weight: 900;
	line-height: 1;
	color: #fff
}
#catchUnit .topTextArea span.topTextSubArea {
	font-size: 28px;
	font-weight: bold;
	color: #fff
}
#catchUnit .topTextArea {
	float: left;
	padding: 20px 0 0;
	width: 100%;
	text-align: center
}
#catchUnit .topPriceBox {
	width: 100%;
	height: 125px;
	margin: 10px auto 10px;
	padding: 10px 0;
	border-radius: 4px;
	background: rgb(242,182,0);
	color: #333
}
#catchUnit .topPriceDst {
	height: 32px;
	text-align: center
}
#catchUnit .topPrice {
	height: 46px;
	text-align: center
}
#catchUnit .topTextboxUnder {
	margin: 2px 0 0;
	text-align: right;
	font-size: 12px;
	color: #fff
}
#catchUnit .topTextChicketBox {
	text-align: center
}
#catchUnit .topTextSurpriseBox {
	margin: 20px 0 10px;
	text-align: center
}
#catchUnit .breadCrumb p {
	font-size: 11px
}
#catchUnit .breadCrumb p a:hover {
	text-decoration: underline
}
#catchUnit .breadCrumb p a {
	font-size: 11px;
	text-decoration: none;
	color: #fff
}
#catchUnit .breadCrumb {
	float: left;
	width: 300px;
	height: 20px;
	color: #fff
}
.buttonBlock {
	margin: 50px auto 0px;
	padding: 0 0 100px 0
}
#salesUnit .fa {
	margin: 0 5px 0 0 !important
}
#salesUnit {
	border: 0px solid #ddd
}
#salesUnit .mainBlock {
	border: 0px solid #ddd
}
#salesUnit .itemBox {
	max-width: 827px;
	overflow: hidden;
	padding: 0;
	margin: 20px auto
}
#salesUnit .itemBox2 {
	max-width: 828px;
	overflow: hidden;
	padding: 20px !important;
	margin: 20px auto 20px;
	background-color: #fff
}
#salesUnit .itemBox h3 {
	margin: 0px 0 10px 0px;
	font-size: 22px;
	padding: 0
}
#salesUnit p {
	padding: 0 10px 10px 10px;
	font-size: 15px;
	line-height: 1.5
}
#salesUnit .itemBox_s {
	float: left;
	width: 50%;
	padding: 10px
}
#salesUnit .itemBox_s p {
}
#salesUnit .itemBox_s h4 {
	margin-top: 10px;
	text-align: left
}
#salesUnit .cotenerShadow {
	width: 930px;
	margin: 0 auto;
	border: 15px solid rgb(255,238,187);
	box-shadow: rgb(78,104,116) 0 0 0 0;
	padding: 80px 0 10px 0
}
#salesUnit #chartdiv a:link {
	display: none !important
}
#salesUnit .row {
	padding: 25px 25px
}
#salesUnit p a {
	font-weight: bold;
	color: #506A77;
	text-decoration: underline
}
#salesUnit h3 {
	margin: 0 0 15px 0;
	font-size: 28px;
	font-weight: bold;
	line-height: 1.2
}
#salesUnit .span_6 h3 {
	padding-left: 1em;
	text-indent: -.5em
}
#salesUnit .mainImage03 {
	float: right
}
#salesUnit .mainImage02 {
	position: relative;
	margin: 20px 0 0 20px;
	z-index: 2
}
#salesUnit .mainGraph {
	margin: -90px 0 0 0;
	float: right;
	width: 500px;
	height: 300px;
	border: 0px solid #ddd;
	position: relative
}
#salesUnit .mainImage01 {
	float: left
}
#salesUnit .underLineY {
	border-bottom: 1px solid #E4E2DA;
	padding: 0 0 15px 0;
	margin: 0 0 0 0 !important
}
#salesUnit .itemBox2 h3 {
	margin: 0px 0 15px 0px;
	font-size: 22px
}
#salesUnit .boxRight p {
	margin: 0px 0 0 25px;
	line-height: 1.3
}
#salesUnit .boxRight {
	float: right;
	width: 393px;
	height: 170px;
	padding: 15px;
	border: 1px solid #E4E2DA
}
#salesUnit .boxLeft p {
	margin: 0px 0 0 25px;
	line-height: 1.3
}
#salesUnit .boxLeft {
	float: left;
	width: 393px;
	padding: 15px;
	height: 170px;
	border: 1px solid #E4E2DA
}
#salesUnit .borderLine {
	padding: 20px !important;
	border: 1px solid #E4E2DA
}
#salesUnit .titleBlock img {
	float: left;
	margin: 0;
	padding: 0
}
#salesUnit .titleBlock h2 {
	display: inline;
	margin: 0px 0 0 5px;
	font-size: 31px;
	line-height: 2;
	font-weight: bold
}
#salesUnit .titleBlock {
	padding: 50px 0;
	margin: 0 auto;
	width: 1000px
}
#salesUnit .boxLine {
	position: absolute;
	top: 148px;
	left: 108px;
	width: 72px;
	height: 133px;
	border: 4px dotted #FF8427
}
#salesUnit h4 {
	color: #506A77;
	margin: 10px 0;
	line-height: 1.4;
	font-weight: bold;
	font-size: 18px
}
#salesUnit h4.icon-DepArr {
	color: #fff;
	font-weight: normal;
	font-size: 1em;
	/*margin: 0 10px 0 0;*/
	margin:0;
}
.icon-DepArr-wrap {
	float: left;
}
#pcUnit {
	margin: 0;
	padding: 0
}
#spUnit, #spUnit2 {
	display: none
}
#activityUnit {
	background-color: #fff
}
#hotelUnit {
	background-color: #fff
}
#infoUnit {
	background-color: #F7F4F7
}
#hotelSearch {
	background-color: #fff
}
#airSearch {
	background-color: #fff
}
#hotelSearch iframe {
	width: 960px;
	margin: 0 auto;
	padding: 0;
	min-height: 440px;
	overflow: hidden
}
#airSearch iframe {
	width: 960px;
	margin: 0 auto;
	padding: 0;
	min-height: 380px;
	overflow: hidden
}
iframe {
	width: 960px;
	margin: 0 auto;
	padding: 0;
	min-height: 380px;
	overflow: hidden
}
#infoUnit .container img {
	padding: 7px;
	border: 1px solid #ddd;
	background: #fff
}
#infoUnit .row {
	padding-bottom: 15px
}
#infoUnit .col {
	display: block;
	float: left
}
#infoUnit h4 {
	padding: 5px 10px 5px 10px;
	font-weight: bold
}
#infoUnit p {
	padding: 0 10px 10px 10px;
	font-size: 14px;
	line-height: 1.5
}
#infoUnit .container img {
	padding: 7px;
	border: 1px solid #ddd;
	background: #fff
}
#infoUnit .col {
	position: relative
}
#infoUnit .copyright {
	right: 20px
}
.titleBlock {
	padding: 50px 0
}
.main {
	padding: 30px 0
}
.main.ietitle {
	padding: 60px 0
}
.overLay {
	background: rgba(0,0,0,0.3)
}
#accordion {
	width: 100%
}
#accordion .accTitle {
	display: none
}
article {
	padding: 10px
}
.airLogo {
	width: 60px;
	margin-right: 5px
}
.backGray {
	background-color: rgb(250,250,250) !important
}
.bold {
	font-weight: bold
}
.borderTop {
	margin: 0 0px;
	padding: 0;
	border-top: 1px dotted #ddd
}
.bottomBorder {
	border-bottom: 1px dotted #ddd !important
}
.flag {
	display: inline-block;
	float: left;
	width: 58px !important;
	margin-right: 10px
}
.searcharea {
	position: relative;
	width: 635px;
	float: right;
	margin-top: 30px
}
.spTitle {
	display: none
}
.underLine {
	margin-bottom: 15px !important;
	box-shadow: rgb(221,221,221) 0 1px 0
}
.underLine2 {
	margin-bottom: 15px;
	padding-bottom: 15px!important;
	box-shadow: rgb(221,221,221) 0 1px 0
}
.underShadow {
	color: #fff;
	text-shadow: black 0 1px 2px;
	text-shadow: black 0 1px 2px
}
.word-break {
	display: inline-block;
	word-break: break-all;
	word-wrap: break-word
}
.pt {
	z-index: 9999;
	position: fixed;
	right: 10px;
	bottom: 20px;
	width: 50px;
	height: 50px
}
.pt img {
	width: 50px;
	height: 50px
}
.downBlock {
	position: relative;
	background-position: right;
	background-repeat: no-repeat;
	margin: 50px 0 44px
}
.downBox {
	width: 980px;
	margin: 0 auto;
	overflow: hidden;
	text-align: center;
	height: 104px
}
.downTriangle {
	width: 0;
	height: 50px;
	margin: -25px auto -25px;
	border-top: solid 60px #DBE3E6;
	border-right: solid 150px transparent;
	border-bottom: solid 20px transparent;
	border-left: solid 150px transparent
}
.downTitle {
	color: #50514F;
	z-index: 10;
	position: relative;
	text-align: center;
	font-size: 30px;
	font-weight: 900
}
.downTitle small {
	color: #FF2828;
	margin: 0px 0px;
	font-size: 140%;
	font-weight: bold
}
.ieTitle {
	margin: 0;
	font-size: 38px!important;
	color: rgba(255,255,255,0.5)!important
}
.photoBlock {
	width: 100%;
	max-width: 1160px;
	overflow: hidden;
	margin: 0 auto;
	height: auto
}
.photoBox {
}
.photo {
	width: 32%;
	height: auto
}
.photo .mask {
	width: 100%;
	height: 100%
}
.photo {
	float: left;
	position: relative;
	margin: 0 0 10px 10px;
	padding: 0 0 0 0;
	overflow: hidden;
	text-align: center;
	-webkit-box-shadow: 0 0 5px 0 #999;
	-moz-box-shadow: 0 0 5px 0 #999;
	cursor: default
}
.photo .copyright {
	line-height: 1;
	bottom: 5px;
	color: #000
}
.photo img {
	display: block;
	position: relative;
	width: 100%
}
.photo .mask {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	text-align: center;
	background: rgba(0,0,0,0.1);
	opacity: 0;
	transition: opacity 0.35s, -ms-transform 0.35s, -webkit-transform 0.35s, transform 0.35s;
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	background: rgba(255,255,255,.85)
}
.photo .mask a {
	text-decoration: none
}
.photo:hover .mask {
	background: rgba(0,0,0,0.6);
	opacity: 1;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1)
}
.photo:hover h3 {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100) ";
	filter: alpha(opacity=100)
}
.photo h3 {
	margin: 30px 22px 5px 22px;
	padding: 0 0 10px 0;
	border-bottom: 1px solid rgba(255,255,255,0.8);
	text-align: center;
	font-size: 16px;
	color: #fff;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0) ";
	filter: alpha(opacity=0)
}
.photo h3 small {
	font-size: 60%
}
.photo h3.activity {
	margin: 35px 22px 5px 22px;
	padding: 0 0 10px 0;
	border-bottom: 0;
	font-size: 22px;
	color: #fff;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0) ";
	filter: alpha(opacity=0)
}
.photo:hover h3.activity {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100) ";
	filter: alpha(opacity=100)
}
.photo h3.activity small {
	font-size: 70%
}
.photo p.activity {
	position: relative;
	padding: 10px 30px 10px;
	text-align: left;
	font-size: 12px;
	color: #fff
}
.photo p.activity {
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0) ";
	filter: alpha(opacity=0)
}
.photo:hover p.activity {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100) ";
	filter: alpha(opacity=100)
}
.photo p {
	position: relative;
	padding: 0 20px 10px;
	text-align: left;
	font-size: 11px;
	line-height: 1.2;
	color: #fff
}
.photo p {
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0) ";
	filter: alpha(opacity=0)
}
.photo:hover p {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100) ";
	filter: alpha(opacity=100)
}
.photo p.grade {
	position: relative;
	padding: 2px 20px 10px !important;
	text-align: left;
	font-size: 12px !important;
	color: #fff
}
.photo p.grade span.star {
	color: #fc0
}
.photo a.info {
	display: inline-block;
	margin: 0 auto;
	padding: 5px 15px;
	text-decoration: none;
	font-size: 11px;
	color: #fff;
	opacity: 0;
	background: #222;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0) ";
	filter: alpha(opacity=0)
}
.photo:hover a.info {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100) ";
	filter: alpha(opacity=100)
}
.photo:hover a:hover.info {
	display: inline-block;
	padding: 5px 15px;
	text-decoration: none;
	font-size: 11px;
	color: #333;
	background: #fc0
}
.photo .grade .fa {
	margin: 0 0 0 0 !important
}

@media screen and (max-width:1438px) {
.photoBox {
	width: 980px;
	margin: 0 auto
}
.photo h3.activity {
	margin: 15px 15px 5px 10px
}
.photo h3 {
	margin: 15px 15px 5px 10px
}
}

@media screen and (max-width:768px) {
.photoBox {
	width: 100%
}
.photo {
	width: 48%;
	height: auto
}
}
.ticketInfo {
	margin: 0 auto;
	max-width: 100%
}
.ticketInfo ul {
	margin-left: -10px;
	text-align: center
}
.ticketInfo .recommendedTicket+ul {
	padding-top: 25px;
	border-top: 1px solid rgb(221,221,221)
}
.ticketInfo ul li {
	display: inline-block;
	width: 250px;
	margin: 0 0 20px 10px;
	padding: 15px 10px 10px;
	text-align: center;
	font-size: 16px;
	line-height: 1.3;
	background-color: #F7F4F7;
	border: 1px solid #ddd
}
.ticketInfo ul li .btm_price {
	display: block;
	font-size: 25px;
	font-weight: bold;
	color: rgb(78,104,116);
	text-align: center
}
.recommendedTicket {
	position: relative;
	overflow: hidden;
	margin: 0 38px 20px;
	padding: 20px 25px 10px;
	background-color: rgb(254,244,213);
	border-radius: 16px
}
#salesUnit .ticketTitle {
	margin: -20px -25px 20px;
	padding: 6px 25px 5px;
	line-height: 1;
	background-color: #fc0;
	border-radius: 16px 16px 0 0;
	font-size: 22px;
	color: #fff;
	vertical-align: bottom;
}
#salesUnit .ticketTitle img {
	width: auto;
	height: 28px;
	margin-right: 20px;
}
.recommendedTicket dl {
	float: left;
	width: 500px;
	margin-bottom: 10px
}
.recommendedTicket dl dt {
	float: left;
	width: 105px;
	height: 105px;
	padding-top: 32px;
	font-weight: bold;
	font-size: 19px;
	background: #fff;
	border-radius: 52px;
	text-align: center;
	line-height: 24px
}
.recommendedTicket dl dd {
	float: left;
	width: 365px;
	margin-left: 25px;
	color: #000
}
#salesUnit .recommendedTicket dl dd h3 {
	/*margin: 0;*/
	margin-left:10px;
	padding: 0;
	font-weight: normal;
	font-size: 19px;
	line-height: 1.2;
	color: #000;
	display: inline-block;
}
#salesUnit .recommendedTicket dl dd .price {
	margin-bottom: 10px;
	padding: 0;
	line-height: 1;
	color: #f00;
	font-weight: bold;
	font-size: 27px
}
#salesUnit .recommendedTicket dl dd .price span {
  font-size: 60%;
  font-weight: bold;
}
#salesUnit .recommendedTicket dl dd .price2 {
  margin: 5px 0 0;
  padding:0;
}
#salesUnit .recommendedTicket dl dd .price2 s {
  font-size: 130%;
  color: #f00;
  font-weight: bold;
  line-height:1.2;
}

#salesUnit .recommendedTicket .image_ {
	display: none
}
#salesUnit .recommendedTicket dl dd a {
	text-decoration: none;
	color: inherit
}
#salesUnit .recommendedTicket dl dd .detail {
	padding: 0;
	font-size: 12px
}
#salesUnit .recommendedTicket a .search_btn {
	position: absolute;
	display: block;
	bottom: 25px;
	right: 25px;
	padding: 12px 35px 12px 55px;
	font-weight: normal;
	font-size: 16px;
	background: rgb(255,40,40) url(http://www.surpricenow.com/dst/common/images/icon_search_01.png) no-repeat 25px 50%;
	background-size: 20px;
	color: #fff;
	text-decoration: none;
	border-radius: 5px
}
#salesUnit .recommendedTicket a:hover .search_btn {
	background: rgb(230,40,40) url(http://www.surpricenow.com/dst/common/images/icon_search_01.png) no-repeat 25px 50%;
	background-size: 20px
}
.ribbonBlock {
	z-index: 0;
	width: 1000px;
	height: 0;
	margin: 0 auto
}
.ribbon {
	position: absolute;
	width: 965px;
	margin: 25px 0 0 17px;
	text-align: center;
	font-size: 16px !important;
	background: #f2b600
}
.ribbon h2 {
	margin: 0;
	padding: 10px 0 5px 0;
	text-align: center;
	text-shadow: #FABD00 0 1px 0;
	font-size: 32px !important;
	font-weight: bold;
	color: #fff
}
.ribbon:before, .ribbon:after {
	content: '';
	display: block;
	z-index: -1;
	position: absolute;
	bottom: -1em;
	border: 1.5em solid #f4c128
}
.ribbon:before {
	left: -2em;
	border-right-width: 1.5em;
	border-left-color: transparent;
	-webkit-box-shadow: rgba(0,0,0,0.4) 1px 1px 1px;
	-moz-box-shadow: rgba(0,0,0,0.4) 1px 1px 1px;
	box-shadow: rgba(0,0,0,0.4) 1px 1px 1px
}
.ribbon:after {
	right: -2em;
	border-right-color: transparent;
	border-left-width: 1.5em;
	-webkit-box-shadow: rgba(0,0,0,0.4) -1px 1px 1px;
	-moz-box-shadow: rgba(0,0,0,0.4) -1px 1px 1px;
	box-shadow: rgba(0,0,0,0.4) -1px 1px 1px
}
.ribbon .ribbon-content:before, .ribbon .ribbon-content:after {
	content: '';
	display: block;
	position: absolute;
	bottom: -1em;
	border-color: #eb9900 transparent transparent transparent;
	border-style: solid
}
.ribbon .ribbon-content:before {
	left: 0;
	border-width: 1em 0 0 1em
}
.ribbon .ribbon-content:after {
	right: 0;
	border-width: 1em 1em 0 0
}
.ribbon-stitches-top {
	margin-top: 2px;
	border-top: 0 dashed rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 0 2px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 0 2px rgba(0,0,0,0.5);
	box-shadow: 0 0 2px rgba(255,255,255,0.5)
}
.ribbon-stitches-bottom {
	margin-bottom: 2px;
	border-top: 0 dashed rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 0 2px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 0 2px rgba(0,0,0,0.3);
	box-shadow: 0 0 2px rgba(255,255,255,0.3)
}
.imgBox {
	display: block;
	position: relative;
	margin: 0;
	padding: 10px;
	width: 100%;
	height: 220px;
	overflow: hidden
}
.imgBox img {
	z-index: 0;
	margin: 0;
	padding: 0!important
}
.imgBox .imgTitle {
	position: absolute;
	bottom: 10px;
	z-index: 1;
	padding: 15px;
	margin: 0;
	text-shadow: 0px 0px 1px #000;
	font-size: 44px;
	color: #fff;
	line-height: 1;
	font-family: Verdana, Arial, sans-serif!important;
	right: 17px
}
.imgBox .imgTitle small {
	font-size: 70%;
	font-family: Verdana, Arial, sans-serif
}
#infoUnit .imgBox .copyright {
	right: 10px;
	bottom: 5px
}
.opa {
	padding: 0;
	margin: 0;
	background: rgba(0,0,0,0.3)
}
.triming img {
}
#air_widget_form_ h2 {
	font-size: 13px
}
#air_widget_form_ .noritsugi p {
	font-size: 13px
}
.ms-choice >span {
	top: 5px;
	font-size: 11px
}
#air_widget_form_ .searcharea_boxl_in4 h2 {
	padding: 4px 5px 0 40px;
	width: 110px !important;
	font-weight: 500 !important;
	font-size: 11px
}
#air_widget_form_ .searcharea_boxr_in4 h2 {
	padding: 4px 5px 0 40px;
	width: 110px !important;
	font-weight: 500 !important;
	font-size: 12px
}
#air_widget_form_ .searcharea_boxl_in4_2 h2 {
	padding: 4px 5px 0 40px;
	width: 110px !important;
	font-weight: 500 !important;
	font-size: 12px
}
#air_widget_form_ label {
	font-size: 12px
}
#air_widget_form_ .searcharea_box {
	width: 620px !important
}
#air_widget_form_ .panel_box input[type="text"] {
	width: 100%
}
.nav {
	width: 100%;
	height: 42px;
	padding: 0;
	margin: 0px;
	background: #444;
	background-image: url(../images/nav_bg.gif);
	background-position: center top;
	background-repeat: repeat-x;
	-webkit-box-shadow: 0 3px 5px 0 rgba(0,0,0,0.5);
	-moz-box-shadow: 0 3px 5px 0 rgba(0,0,0,0.5);
	box-shadow: 0 3px 5px 0 rgba(0,0,0,0.5);
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#000,direction=180,strength=5,enabled=true) ";
filter:progid:DXImageTransform.Microsoft.Shadow(color=#000, direction=180, strength=5, enabled=true)
}
.nav ul {
	display: table;
	width: 990px;
	margin: 0px auto 0;
	padding: 0;
	height: 42px
}
.nav ul li {
	text-align: center;
	font-size: 13px;
	margin: 0;
	padding: 10px 5px 2px 5px;
	display: table-cell
}
.nav ul li.logo {
	text-align: center;
	font-size: 13px;
	margin: 0;
	padding: 2px 5px 2px 5px;
	display: table-cell
}
.nav ul li a {
	text-align: center;
	display: block;
	border-radius: 2px;
	text-decoration: none;
	color: #fff;
	padding: 2px 5px 2px 5px
}
.nav ul li a:hover {
	background-color: #f00000;
	transition: all 0.2s ease 0s;
	padding: 2px 5px 2px 5px;
	text-align: center
}
.nav ul li img {
	width: 80px;
	padding: 0;
	margin: -5px
}
.fixed {
	z-index: 1000;
	position: fixed;
	top: 0;
	width: 100%;
	background: #50514F
}
table.timeBox {
	width: 100%;
	margin: 20px auto 20px;
	padding: 1px;
	background: rgb(237,237,237)
}
table.timeBox th {
	width: 20%;
	padding: 10px;
	text-align: center;
	vertical-align: middle;
	font-size: 18px;
	font-weight: 900
}
table.timeBox td {
	width: 20%;
	padding: 10px 10px 10px 10px;
	background: #fff;
	font-size: 18px;
	font-weight: 900
}
table.taBox {
	width: 100%;
	margin: 10px auto 15px;
	padding: 1px;
	background: rgb(237,237,237)
}
table.taBox .nowrap {
	white-space: nowrap
}
table.taBox th {
	padding: 18px;
	border-bottom: 0;
	font-weight: bold;
	font-size: 16px;
	white-space: nowrap
}
table.taBox td {
	padding: 5px 10px;
	line-height: 1.5;
	vertical-align: middle;
	background: #fff;
	border-top: 1px solid rgb(245,245,245);
	font-size: 14px
}
table.taBox td.taBoxTd1 {
	width: 20%;
	padding: 5px
}
table.taBox td.taBoxTd2 {
	width: 20%;
	padding: 5px 0 5px 8px;
	border-top: 1px dotted rgb(221,221,221);
	font-size: 15px;
	font-weight: bold
}
table.taBox td.taBoxTd3 {
	width: 20%;
	padding: 3px;
	border-top: 1px dotted rgb(221,221,221);
	font-size: 15px
}
table.taBox td.taBoxTd4 {
	width: 40%;
	padding: 10px 3px;
	border-top: 1px dotted rgb(221,221,221)
}
.weekly-header {
	width: 100%;
	margin-top: 40px
}
.weekly-header nav.type {
	clear: both;
	overflow: hidden;
	color: rgb(85,85,85)
}
.weekly-header nav.type2 ul li a {
	display: block;
	padding: 8px 0;
	text-decoration: none;
	color: #fff;
	background: rgb(80,106,119)
}
.weekly-header nav.type ul {
	display: table;
	width: 98%;
	margin: 0 auto;
	border-collapse: separate;
	border-spacing: 10px 0
}
.weekly-header nav.type ul li {
	display: table-cell;
	width: 50%;
	text-align: center;
	font-size: 23px;
	letter-spacing: 0.5em;
	vertical-align: bottom
}
.weekly-header nav.type ul li.active {
	padding: 8px 0;
	font-size: 28px;
	font-weight: 900 !important;
	letter-spacing: 0.2em;
	background: rgb(255,204,0)
}
.weekly-header nav.type ul li a {
	display: block;
	padding: 8px 0;
	text-decoration: none;
	color: #fff;
	background: #506A77
}
.weekly-header nav.type ul li a:hover {
	background: #506A77;
	-webkit-transition: all 0.2s ease 0s;
	transition: all 0.2s ease 0s
}
.weekly-header nav.type ul li a span {
	display: inline-block;
	padding: 0 0 0 30px;
	background: url(http://www.surpricenow.com/sale/images/icon_arrow_01.gif) 0 45% no-repeat
}
#chartdiv {
	z-index: -1 !important
}
.chartBox {
	z-index: 0;
	position: absolute;
	width: 480px;
	height: 37px;
	margin: 19px 0 0 7px;
	border: 3px dashed rgb(244,17,17)
}
.chartText1 {
	z-index: 0;
	position: absolute;
	width: auto;
	height: 18px;
	margin: 0 0 0 100px;
	line-height: 1.3;
	color: rgb(78,104,116)
}
.chartText2 {
	z-index: 0;
	position: absolute;
	width: auto;
	height: 18px;
	margin: 0 0 0 310px;
	line-height: 1.3;
	color: rgb(78,104,116)
}
.chartText3 span.red {
	font-size: 140%;
	font-weight: bold
}
.chartText3 {
	z-index: 0;
	position: absolute;
	width: auto;
	height: 26px !important;
	margin: 27px 0 0 416px;
	font-size: 13px;
	font-weight: bold;
	line-height: 1;
	letter-spacing: 1.4px;
	color: rgb(78,104,116)
}
.infoTitle {
	width: 120px;
	padding: 8px 10px;
	text-align: center;
	color: #fff;
	background: #506A77
}
.infoBox {
	width: 890px;
	margin: 0 auto;
	padding: 30px 25px 10px;
	border: 10px solid rgb(229,229,229);
	overflow: hidden;
	background-color: #fff
}
.infoBox h4 {
	margin: 5px 0 5px 0;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.2
}
dd.infoList {
	font-size: 15px;
	padding: 0 0 0 15px;
	overflow: hidden
}
dt.infoList {
	float: left;
	padding: 0;
	overflow: hidden;
	font-weight: bold
}
dl.infoList {
	width: auto;
	overflow: hidden;
	color: #506A77!important;
	padding: 15px 0
}
.infoList #activityBlock {
	margin: 10px 0 0
}
.infoList img; {
width:100%
}
.width15 {
	width: 15%
}
.width85 {
	width: 81%
}
.width30 {
	width: 26%
}
.width30 img {
	width: 100%
}
.width50 {
	width: 49%
}
.width50 img {
	width: 100%
}
.width70 {
	width: 72%
}
#tabs-1 dl.infoList:first-child, #tabs-2 dl.infoList:first-child, #tabs-3 dl.infoList:first-child {
	border-bottom: 0px dotted #ddd
}
#tabs-2 dl.infoList {
	border-bottom: 1px dotted #ddd
}
#tabs-2 dl.infoList:last-child {
	border-bottom: 0px dotted #ddd
}
#tabs-3 #airportCar img {
	width: 180px;
	padding: 10px
}
#otherBlock {
	width: 100%;
	background-color: #fafafa
}
#otherNavi {
	position: absolute;
	width: 100%;
	height: 38px;
	background-color: #506A77
}
#otherNavi ul {
	display: table;
	margin: 0 auto;
	width: 950px
}
#otherNavi ul li {
	display: table-cell;
	padding: 8px 5px;
	font-size: 16px;
	color: #fff
}
#otherNavi ul li a {
	display: block;
	padding: 3px 12px 3px 5px;
	-webkit-border-radius: 2;
	-moz-border-radius: 2;
	border-radius: 2px;
	text-decoration: none;
	color: #fff
}
#otherNavi ul li a:hover {
	width: 90%;
	background-color: rgb(255,38,38);
	-webkit-transition: all 0.2s ease 0s;
	transition: all 0.2s ease 0s
}
#otherNavi ul li a::before {
	content: '';
	display: inline-block;
	width: 5px;
	height: 14px;
	padding-right: 16px;
	background: url(http://www.surpricenow.com/dst/common/images/icon_arrow_06.gif) 0 3px / 8px no-repeat
}
.otherArea {
	margin: 0px auto;
	padding: 50px 0 15px;
	max-width: 940px;
	overflow: hidden;
	font-size: 14px;
	line-height: 1.5
}
.otherArea a {
	text-decoration: none;
	color: #666
}
.otherArea a:hover {
	text-decoration: underline;
	color: #666
}
.otherArea ul.otherLink {
	float: left;
	width: 22.8%;
	padding: 2px 0px 3px 0;
	overflow: hidden;
	border-right: 1px dotted #ddd;
	margin: 0px 20px 0 0
}
.otherArea ul.otherLink li {
	margin-bottom: 0;
	padding: 2px 5px 2px 3px;
	font-size: 13px;
	line-height: 1.4
}
.otherArea ul.otherLink li.areaTitle {
	margin-bottom: 0;
	padding: 6px 3px 3px 2px;
	font-size: 14px;
	font-weight: bold;
	color: #506A77
}
#footer {
	width: auto;
	margin: 0;
	border: 0;
	line-height: 1.55;
	background-color: #eee !important
}
#footer .logo_ {
	padding: 0 10px 5px 10px
}
#footer input {
	font-family: "MS UI Gothic"
}
#footer h2 {
	margin: 10px 0 0;
	padding: 0 0 5px;
	text-align: left;
	font-size: 14px;
	font-weight: bold;
	color: #61818f
}
#footer a {
	text-decoration: none;
	color: #333
}
#footer p {
	margin: 0;
	padding: 0;
	border: 0;
	text-align: left;
	font-size: 12px
}
#footer .footer_in {
	padding: 30px 0 0 0;
	border-top: 1px solid #fff
}
#footer .footer_in_in {
	width: 960px;
	margin: 0 auto 25px
}
#footer .footer_in_in form {
	height: 100px;
	padding: 0;
	background: url(/headfoot/fb/images/news_baner_back.gif) no-repeat 0 0
}
#footer .footer_in_in form .form_box {
	margin: 0 0 0 620px
}
#footer .form_text {
	width: 240px;
	padding: 16px 5px;
	border: 1px solid #ccc;
	border-radius: 5px;
	font-size: 20px;
	box-shadow: 0 0 6px #ccc inset
}
#footer .form_box input.submit {
	width: 75px;
	height: 57px;
	margin: 0 0 0 5px;
	border: none;
	background: url("/headfoot/fb/images/signup_btn.gif") no-repeat left center
}
#footer .form_box ul {
	padding: 17px 0 0 0;
	overflow: hidden
}
#footer .form_box li {
	float: left
}
#footer .footer_link a {
	display: inline-block;
	padding: 0 15px 5px 0;
	color: #61818f
}
#footer .footer_in_in h2 span {
	margin: 0px 0 0px 10px;
	font-weight: normal;
	line-height: 1.9
}
#footer .under_area {
	height: 25px;
	color: #fff;
	background: none repeat scroll 0 0 #506a77
}
#footer .inner_box {
	width: 960px;
	margin: 0 auto;
	padding: 4px 0 0 0;
	overflow: hidden
}
#footer .inner_box p {
	float: left
}
#footer .inner_box a {
	margin: 0 15px 0 0;
	font-size: 12px;
	color: #fff
}
#footer .inner_box small {
	font-size: 12px
}
#footer img {
	margin: 0;
	vertical-align: bottom
}
a .blight {
	transition: opacity 0.2s linear 0s
}
a:hover .blight {
	opacity: 0.7
}
#footer .footer_in_in_in {
	position: relative
}
#footer #sns_area {
	position: absolute;
	top: 5px;
	left: 340px
}
#footer #sns_area li {
	display: inline-block;
	margin-right: 5px
}
#footer input {
	font-family: "MS UI Gothic"
}
.fb-like iframe {
	z-index: 9999
}
#socialBox {
	float: right;
	width: auto;
	height: 20px;
	clear: right
}
#fb-root {
	height: 0
}
#socialBox ul li {
	display: block;
	float: left;
	margin-right: 5px;
	padding-left: 0
}
#socialBox ul.tuning li {
	margin-right: 0
}
#socialBox li.twitter {
}
#socialBox li.facebook {
	margin-right: 7px
}
#socialBox li.google {
	width: 60px
}
#socialBox li.pinterest {
	margin-right: 30px
}
#header hgroup h2 {
	display: none
}
img.lazy {
}
ul.resp-tabs-list, p {
	margin: 0;
	padding: 0
}
.resp-tabs-list li {
	display: inline-block;
	float: left;
	margin: 0 10px 0 0;
	padding: 15px 30px 10px!important;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	font-size: 20px;
	list-style: none;
	color: #fff;
	cursor: pointer
}
.resp-tabs-container {
	clear: left;
	padding: 0;
	background-color: #fff
}
h2.resp-accordion {
	display: none;
	padding: 5px;
	cursor: pointer
}
.resp-tab-content {
	display: none;
	padding: 0
}
.resp-tab-active {
	margin-bottom: -1px!important;
	padding: 18px 14px 14px 14px!important;
	border: 1px solid #ccc!important;
	border-top: 1px solid #ccc!important;
	border-bottom: none;
	border-bottom: 0 #fff solid!important;
	color: #61818f!important
}
.resp-tab-active {
	border-bottom: none;
	font-weight: 600;
	background-color: #fff
}
.resp-content-active, .resp-accordion-active {
	display: block
}
.resp-tab-content {
	padding: 20px;
	border: 1px solid #ccc;
	border-top-color: #ddd
}
h2.resp-accordion {
	margin: 0;
	padding: 10px 28px 10px 20px;
	border: 1px solid #ccc;
	border-top: 0 solid #ccc;
	font-size: 13px;
	background-color: #fff!important
}
h2.resp-tab-active {
	margin-bottom: 0!important;
	padding: 10px 30px 10px 20px!important;
	border-bottom: 0 solid #ccc!important
}
h2.resp-tab-title:last-child {
	border-bottom: 12px solid #ccc!important;
	background: blue
}
.resp-vtabs ul.resp-tabs-list {
	float: left;
	width: 30%
}
.resp-vtabs .resp-tabs-list li {
	display: block;
	float: none;
	margin: 0 0 4px;
	padding: 15px 15px!important;
	cursor: pointer
}
.resp-vtabs .resp-tabs-container {
	float: left;
	clear: none;
	width: 68%;
	padding: 0;
	min-height: 250px;
	border: 1px solid #ccc;
	border-radius: 4px;
	background-color: #fff
}
.resp-vtabs .resp-tab-content {
	border: none;
	word-wrap: break-word
}
.resp-vtabs li.resp-tab-active {
	z-index: 1;
	position: relative;
	margin-right: -1px!important;
	margin-bottom: 4px!important;
	padding: 14px 15px 15px 14px!important;
	border: 1px solid #5AB1D0!important;
	border-top: 1px solid;
	border-right: 1px #FFF solid!important;
	border-left: 4px solid #5AB1D0!important
}
.resp-arrow {
	float: right;
	width: 0;
	height: 0;
	margin-top: 3px;
	border-top: 12px solid #ccc;
	border-right: 6px solid transparent;
	border-left: 6px solid transparent
}
h2.resp-tab-active span.resp-arrow {
	border: none;
	border-right: 6px solid transparent;
	border-bottom: 12px solid #9B9797;
	border-left: 6px solid transparent
}
h2.resp-tab-active {
	background: #DBDBDB
}
.resp-easy-accordion h2.resp-accordion {
	display: block
}
.resp-easy-accordion .resp-tab-content {
	border: 1px solid #ccc
}
.resp-easy-accordion .resp-tab-content:last-child {
	border-bottom: 1px solid #ccc
}
.resp-jfit {
	width: 100%;
	margin: 0
}
.resp-tab-content-active {
	display: block
}
#infoUnit .notes {
	text-align: right;
	padding: 10px 0
}
#infoUnit .notes p {
	padding: 0
}
.pt a {
	z-index: 9999;
	position: fixed;
	right: 20px;
	bottom: 20px;
	width: 50px;
	height: 50px;
	border-radius: 8px;
	text-align: center;
	font-size: 44px;
	font-weight: bold;
	line-height: 40px;
	color: #fff;
	background: #FC0
}
.pt a:hover {
	width: 50px;
	height: 50px;
	border-radius: 8px;
	color: #fff !important;
	background: #50514F
}
body #maintenance {
	margin: 0
}
body #maintenance dl {
	margin: 0 auto;
	max-width: 960px
}