/*@CHARSET "ISO-8859-1";*/
@CHARSET "uft-8";

@font-face {
    font-family: 'Noto Sans';
    src: url('/Content/font/NotoSans-Regular-webfont.eot');
    src: url('/Content/font/NotoSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/Content/font/NotoSans-Regular-webfont.woff') format('woff'),
         url('/Content/font/NotoSans-Regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'Noto Sans';
    src: url('/Content/font/NotoSans-Bold-webfont.eot');
    src: url('/Content/font/NotoSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/Content/font/NotoSans-Bold-webfont.woff') format('woff'),
         url('/Content/font/NotoSans-Bold-webfont.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}



html {
    margin: 0;
    padding: 0;
}

body {
    background-repeat:no-repeat;
	background-position:center top;
	z-index: -999;
    /*font-family: "Noto Sans" !important*/ 
    font-family:Arial !important 
}

.row.no-gutter {
  margin-left: 0;
  margin-right: 0;
}

.row.no-gutter [class*='col-']:not(:first-child),
.row.no-gutter [class*='col-']:not(:last-child) {
  padding-right: 0;
  padding-left: 0;
}

/*@media (min-width: 1500px) {
    .container{
        width: 1450px !important;
    }
}*/

/*@media (max-width: 1000px) {
    .gallery .tour-picture img{
        width: 345px !important;
    }
    .tour-detail {
        width: 346px !important;
    }
    .tour-summary {
    	width: 346px !important;
    }
}*/

/*----------------- added sa ------------*/
/* Smartphones start somewhere around here */
@media (min-width: 300px){
    /*.gallery .tour-picture-top img{height:100%, auto !important;}*/
}

/* Landscape phones */
@media (min-width: 450px){
    /*.gallery .tour-picture-top img{height:100%, auto !important;}*/
}

/* Tablets */
@media (min-width: 600px){
    /*.gallery .tour-picture-top img{height:100%, auto !important;}*/
}

/* Bigger tablets */
@media (min-width: 750px){ 
    /*.gallery .tour-picture-top img{height:100%, auto !important;}*/
}

/* Desktop screen or landscape tablet */
@media (min-width: 900px){
    /*.gallery .tour-picture-top img{height:100%, auto !important;}*/
}

/* A bit bigger*/
@media (min-width: 1100px){
    /*.gallery .tour-picture-top img{height:100%, auto !important;}*/
}

@media (min-width: 1200px) {
    .gallery .tour-picture img{height:100%, auto !important;}
    /*.gallery .tour-picture-top img{height:100%, auto !important;}*/
    .container {
        width: 1170px;
    }
}
/* Widescreens */
@media (min-width: 1500px){
     /*.gallery .tour-picture-top img{height:100%, auto !important;}*/
}
/*end of addition*/

header, footer, hgroup,
nav, section {
    display: block;
}
    
.float-left {
    float: left;
}

.float-right {
    float: right;
}

.clear-fix:after {
    content: ".";
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
}

.required{
    color:#D00000;
}

h1, h2, h3,
h4, h5, h6 {
    color: #000;
    margin-bottom: 0;
    padding-bottom: 0;
}

h1 {
    font-size: 2em;
}

h2 {
    font-size: 1.75em;
}

h3 {
    font-size: 1.2em;
}

h4 {
    font-size: 1.1em;
}


h5, h6 {
    font-size: 1em;
}

    h5 a:link, h5 a:visited, h5 a:active {
        padding: 0;
        text-decoration: none;
    }

/* main layout
----------------------------------------------------------*/
.content-wrapper {
    margin: 0 auto;
}

#body {
    clear: both;
    padding-bottom: 35px;
}

    .main-content {
        background: url("../images/accent.png") no-repeat;
        padding-left: 10px;
        padding-top: 30px;
    }

header .content-wrapper {
    padding-top: 5px; 
    padding-bottom: 0px;
}
    
/*footer {
}*/


/* site title
----------------------------------------------------------*/
.site-title {
    color: #c8c8c8;
    /*font-family: Rockwell, Consolas, "Courier New", Courier, monospace;*/
    font-family:"Noto Sans";
    font-size: 2.3em;
    margin: 0;
}

.site-title a, .site-title a:hover, .site-title a:active {
    background: none;
    color: #c8c8c8;
    outline: none;
    text-decoration: none;
}



/* menu
----------------------------------------------------------*/
ul#menu {
    font-size: 15px;
    font-weight: 600;
    margin: 0 0 5px;
    padding: 0;
    text-align:center;
}

    ul#menu>li {
        display: inline;
        list-style: none;
        padding-left: 7px;
        padding-right: 7px;
        border-left-style:solid;
        border-left-color:#eaeaea;
        border-left-width:1px;
    }

        ul#menu>li>a {
            background: none;
            color: #5b5b5b;
            text-decoration: none;
        }

        ul#menu>li>a:hover {
            color: #333;
            text-decoration: none;
        }

    /* hover dropdown */
    .hov-dropdown{
        position:relative;
    }
    .dropdown-content{
        display:none;
        position:absolute;
        background-color:white;
        font-size:14px;
        font-weight:normal;
        text-align:left;
        border:solid 2px #D00000;
        width:400px;
        left:0px;
        top:16px;
        padding:3px 0px;
    }
    ul.ddmenu-item {
        list-style-image:url("/Shared/img/ul-arrow.gif")
    }
    .dropdown-content li{
        padding:3px;
    }
    .hov-dropdown:hover .dropdown-content{
        display:block;
    }

    .flight-search{
        width:780px;
        height:545px;
    }

    #ddTours{
        width:250px;
    }
    #ddFlight{
        width:780px;
        height:549px;
        padding:0;
    }
    #ddJRPass{
        width:250px;
    }
    #ddBranch{
        width:250px;
    }
    #ddHotel{
        width:258px;
    }
    #ddService{
        right:0px;
        left:initial;
        width:250px;
    }
    .ul-label{
        padding-left:5px;
    }
/* Mneu for Mobile*/

#menu-mobile {
    background-color:#CBCBCB;
    padding:5px;
}

#menu-mobile-collapse {
    text-align:center;
    border:solid;
    border-right:none;
    border-left:none;
    border-width:1px;
    border-color:#CBCBCB;
}

    #menu-mobile-collapse img {
        max-width: 100%;
    }

.menu-button {
    padding:5px;
    height:66px;
    width:50%;
    text-align:center;
}

.menu-button table{
    background-color:white;
    border-radius:5px;
    width:100%;
    height:100%;
    text-align:left;
}

.menu-icon {
    width: 30%;
    text-align:center;
}

/* Mobile popup menu */
.mobile-popup{
    display:none;
    position:absolute;
    width:100%;
    background-color:white;
    border:solid 2px #D00000;
}

/*bread crumb*/
#breadcrumb {
    background-color:#F6f6f6;
    /*border-top:solid;*/
    border-top-color:#D00000;
    border-top-width:3px;
    border-bottom:solid;
    border-bottom-color:#e0e0e0;
    border-bottom-width:1px;
    width:100%;
    margin-top:-28px;
    /*padding-left:150px;*/
}

ul#ulBreadcrumb {
    font-size: 1.3em;
    font-weight: 600;
    margin: 0 0 0px;
    padding: 0;
    text-align:left;
    height:34px;
}

    ul#ulBreadcrumb li {
        background-image:url('/Shared/png/arrow/arrow-bg.png');
        background-repeat:no-repeat;
        background-position:right;
        display: inline-block;
        list-style: none;
        padding-left: 7px;
        padding-right: 7px;
        height:100%;
        vertical-align:top;
    }


        /*ul#ulBreadcrumb li a {
            background: none;
            color:#D00000;
            text-decoration: none;
            vertical-align:sub;
            padding-right:10px;
        }*/

        .breadcrumbText{
            background: none;
            vertical-align:sub;
            padding-right:10px;
            padding-left:10px;
            color:#D00000;
            text-decoration: none;
            font-size: 18px;
            font-weight: bold;
        }

        ul#ulBreadcrumb li a:hover {
            color: darkred;
            text-decoration: none;
        }

        .myBreadcrumb{
            overflow:hidden;
            width:70%;
        }

/* page elements
----------------------------------------------------------*/
/* featured */
.featured {
    background-color: #fff;
}

    .featured .content-wrapper {
        background-color: #7ac0da;
        background-image: -ms-linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
        background-image: -o-linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
        background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #7ac0da), color-stop(1, #a4d4e6));
        background-image: -webkit-linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
        background-image: linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
        color: #3e5667;
        padding: 20px 40px 30px 40px;
    }

        .featured hgroup.title h1, .featured hgroup.title h2 {
            color: #fff;
        }

        .featured p {
            font-size: 1.1em;
        }

/* page titles */
hgroup.title {
    margin-bottom: 10px;
}

hgroup.title h1, hgroup.title h2 {
    display: inline;
}

hgroup.title h2 {
    font-weight: normal;
    margin-left: 3px;
}

/* features */
section.feature {
    width: 300px;
    float: left;
    padding: 10px;
}

/* ordered list */
ol.round {
    list-style-type: none;
    padding-left: 0;
}

    ol.round li {
        margin: 25px 0;
        padding-left: 45px;
    }

        ol.round li.zero {
            background: url("../Content/images/orderedList0.png") no-repeat;
        }

        ol.round li.one {
            background: url("../Content/images/orderedList1.png") no-repeat;
        }

        ol.round li.two {
            background: url("../Content/images/orderedList2.png") no-repeat;
        }

        ol.round li.three {
            background: url("../Content/images/orderedList3.png") no-repeat;
        }

        ol.round li.four {
            background: url("../Content/images/orderedList4.png") no-repeat;
        }

        ol.round li.five {
            background: url("../Content/images/orderedList5.png") no-repeat;
        }

        ol.round li.six {
            background: url("../Content/images/orderedList6.png") no-repeat;
        }

        ol.round li.seven {
            background: url("../Content/images/orderedList7.png") no-repeat;
        }

        ol.round li.eight {
            background: url("../Content/images/orderedList8.png") no-repeat;
        }

        ol.round li.nine {
            background: url("../Content/images/orderedList9.png") no-repeat;
        }

/* content */
article {
    float: left;
    width: 70%;
}

aside {
    float: right;
    width: 25%;
}

    aside ul {
        list-style: none;
        padding: 0;
    }

        aside ul li {
            background: url("../Content/images/bullet.png") no-repeat 0 50%;
            padding: 2px 0 2px 20px;
        }

.label {
    font-weight: 700;
}

/* login page */
#loginForm {
    border-right: solid 2px #c8c8c8;
    float: left;
    width: 55%;
}

    #loginForm .validation-error {
        display: block;
        margin-left: 15px;
    }

#socialLoginForm {
    margin-left: 40px;
    float: left;
    width: 40%;
}

    #socialLoginForm h2 {
        margin-bottom:  5px;
    }

fieldset.open-auth-providers {
    margin-top: 15px;
}

    fieldset.open-auth-providers button {
        margin-bottom: 12px;
    }
    
/* contact */
.contact h3 {
    font-size: 1.2em;
}

.contact p {
    margin: 5px 0 0 10px;
}

.contact iframe {
    border: 1px solid #333;
    margin: 5px 0 0 10px;
}

/* forms */
fieldset {
    border: none;
    margin: 0;
    padding: 0;
}

    fieldset legend {
        display: none;
    }
    
    fieldset ol {
        padding: 0;
        list-style: none;
    }

        fieldset ol li {
            padding-bottom: 5px;
        }

    label {
        /*display: block;*/
        font-size: 1.2em;
        font-weight: 600;
    }

    label.checkbox {
        display: inline;
    }

    input, textarea {
        border:none;
        /*border: 1px solid #e2e2e2;
        background: #fff;
        color: #333;
        font-size: 1.2em;
        margin: 5px 0 6px 0;
        padding: 5px;*/
        /*width: 300px;*/
    }

    textarea {
        font-family: inherit;
        width: 500px;
    }
    
        input:focus, textarea:focus {
            border: 1px solid #7ac0da;
        }

        input[type="checkbox"] {
            background: transparent;
            border: inherit;
            width: auto;
        }
        
    input[type="submit"],
    input[type="button"],
    button {
        /*background-color: #d3dce0;*/
        /*border: 1px solid #787878;*/
        cursor: pointer;
        font-size: 1.2em;
        font-weight: 600;
        padding: 7px;
        margin-right: 8px;
        /*width: auto;*/
    }

    input[type="image"]{
        vertical-align:middle;
    }

    td input[type="submit"],
    td input[type="button"],
    td button {
        font-size: 1em;
        padding: 4px;
        margin-right: 4px;
    }

/* info and errors */
.message-info {
    border: 1px solid;
    clear: both;
    padding: 10px 20px;
}

.message-error {
    clear: both;
    color: #e80c4d;
    font-size: 1.1em;
    font-weight: bold;
    margin: 20px 0 10px 0;
}

.message-success {
    color: #7ac0da;
    font-size: 1.3em;
    font-weight: bold;
    margin: 20px 0 10px 0;
}

.error {
    color: #e80c4d;
}

/* styles for validation helpers */
.field-validation-error {
    color: #e80c4d;
    font-weight: bold;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error {
    border: 1px solid #e80c4d;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #e80c4d;
    font-weight: bold;
    font-size: 1.1em;
}

.validation-summary-valid {
    display: none;
}

/* tables
----------------------------------------------------------*/
table {
    border-collapse: collapse;
    border-spacing: 0;
    border: 0 none;
}

th {
	font-size: 1.2em;
    text-align: left;
    border: none 0px;
    padding-left: 0;
}

    th a {
        display: block;
        position: relative;
        
    }

	th a:link, th a:visited, th a:active, th a:hover {
		color: #333;
		font-weight: 600;
		text-decoration: none;
        padding: 0;
	}

	th a:hover {
		color: #000;
	}

    th.asc a, th.desc a {
        margin-right: .75em;
    }
    
    th.asc a:after, th.desc a:after {
		display: block;
        position: absolute;
        right: 0em;
        top: 0;
        font-size: 0.75em;
	}

	th.asc a:after {
		content: '▲';
	}

	th.desc a:after {
		content: '▼';
	}

tr.pager td {
    padding: 0 0.25em 0 0;
}


.inline-block-list li {
    display: table-cell;
}

.cursor-pointer {
    cursor: pointer;
}

.inline-block {
    display:inline-block;
}


/* Tour Master */

#footer-big .footer-section{
    min-height:150px;
}

.footer-section ul {
    list-style-type: none;
    padding-left:0px;
}
.fotter-section li {
    color:blue;
}

#footer-small {
    padding: 0 30px;
}

#footer-small .footer-section p {
    font-size:18px; 
    border-style:none none solid none;
    border-width:2px;
    border-color:white;
    padding-top:10px;
}


/*.footer-group {
    width: 20%;
    float:left;
}*/

footer {
    background-color: #666666;
    color: white;
    padding-top:20px;
}

#footer-credit {
    text-align:center;
    background-color:#D61729;
    color:white;
    padding:20px;
}

.right-bottom {
    position:absolute;
    bottom:0px;
    right:0px;
}

.featured img{
    width:100%;
}

.font-gray {
    color:#777777;
}

.font-bold {
    font-weight: bold;
}

.fixed {
    position: fixed;
    top:0;
    width: inherit;
    /*transition: all 0.4s ease;*/
}

/*.sticky {
    transition: all 0.4s ease;
}*/

#header-logos {
    background-color: white;
    z-index:1000;
    position:fixed;
    width:100%;
    /*padding-left:15px;
    padding-right:15px;*/
    border-bottom:solid;
    border-color:#d6162b;
    border-width:4px;
}

#sub-logo-le {
    max-width:100%;
}

#placeholder-header {
    height: 126px;
}
#placeholder-header-mobile {
    /*height: 141px; 5/3 */ 
    height: 105px
}

.modal-content {
    padding: 20px;
}

.align-center {
    text-align:center;
}

.text-red {
    color: #d6162b;
}

/* Search Result */
#sort-buttons a:hover{
    text-decoration:none;
}

#search-result-message{
    padding-left:15px;
}

.search-result .selectable-list li {
   background-color:#f3f3f3;
   border:solid;
   border-width:1px;
   border-color:#cccccc;
   border-right-color:#f3f3f3;
   padding: 0px;
   height:30px;
   cursor:pointer; 
}
.search-result .selectable-list li.last-item {
        border-right-color:#cccccc;
    }

.search-result .selectable-list li:not(.selected):hover {
   border-color:#555555;
}

.search-result .selectable-list a.selected {
   background-color:#D61729;
   border-right-color:#D61729;
   color:white;
   cursor:default;
}

.search-result .sort-button{
    color:inherit;
    padding:5px;
    display:block;
}

.filterPanel {
    padding: 5px;
    margin-top: 15px;
    background-color: #eee;
}

#collapse-filter .filterPanel{
    margin-top:0px;
}

.filterPanel .filter-subtitle{
    font-size:larger;
    border-top:solid gray 1px;
    margin-top:4px;
}

.filterPanel label{
    font-size:small;
    font-weight:normal;
}

#filter-title{
    font-weight:bold;
    font-size:large;
}

/*#collapse-filter{
}*/

#toggle-filter{
    padding-left:5px;
    font-size: large;
    margin: 0px;
    background-color: #eee;
}

#mobile-filter{
    margin-left:5px;
    padding-bottom:5px;
    border-bottom:solid 3px #ccc;
}

.inner-message{
    text-align:center;
    margin-top:10px;
    margin-bottom:10px;
    font-size:large;
    font-weight:bold;
}

#tour-paging {
    text-align:center;
    /*2016-10-10 Li
    margin:auto;
    */
}

#tour-page-buttons{
    width:100%;
}

#list-paging {
    padding-left:10px;
    padding-right:10px;
}

#list-paging li {
   text-align:center;
   font-size:18px;
   background-color:#ffffff;
   border:none;
   padding:5px;
   width:35px;
   height:35px;
   display:inline-block;
   /*margin:5px;*/
   cursor:pointer; 
}

#list-paging li a {
   color:inherit;
}

#list-paging li.selected {
   background-color:#D61729;
   border-right-color:#D61729;
   color:white;
   cursor:default;
}

/*2016-10-10 Li
#tour-controls {
    margin-bottom:0;
    border-bottom:solid;
    border-width:1px;
    border-color:#cccccc;
    padding:0px;
    
}
*/

#sort-dropdown-list {
    display:inline-block;
    width:auto;
    margin-bottom:5px;
}

.tour{
    text-align:left; 
}

/* Gallery View */
  
/*.gallery #tour-list {
    text-align: center;
    padding-top:10px;   
    border-bottom:solid;
    border-top:solid;
    border-left:none;
    border-right:none;
    border-width:2px;
    border-color:#cccccc;
}  

.gallery .selectable-list {
    margin-bottom:0px;
}*/

.gallery {
    margin-top:10px;
}

/*2016-10-10 Li
.gallery .tour {
    display:inline-block;
    height: 278px;
    width: 272px;
    margin-bottom:10px;
}
*/

.gallery .tour-description {
    text-align:left;
    padding-top:2px;
    padding:5px;
    position:absolute; /*11.28.2017*/
}

/*2016-10-10 Li
.gallery .tour-summary,
 .gallery .tour-detail {
    height: 278px;
    width: 272px;
    background-color:#f3f3f3;
    border:solid;
    border-width:1px;
    border-color:#cccccc;
    margin-bottom:20px;
    cursor:pointer;
    position:absolute;
}
*/

.gallery .tour-detail,
.gallery .tour-detail-top {
    opacity:0.9;
    filter: alpha(opacity=80);
    text-decoration:none;
}

.gallery .tour-detail-title {
    opacity:1;
    color:#D61729;
    font-weight:bold;
}

.gallery .tour-detail-description {
    opacity: 1;
    color: black;
}

/*2016-10-10 Li
.gallery .tour-picture img{
    width:100%;
    max-height:196px;
}
*/

.gallery .tour-title {
    font-weight:600;
    color:#D61729;
}

.gallery .tour-price{font-size:12px; font-weight:600;}

.gallery .tour-price-from {
    color:#777777;
}

.gallery .tour-price-value {
    color:black;
    font-size:20px;
    font-weight:600;
}

/* List View */
.list .tour {
    border-bottom:solid;
    border-top:none;
    border-left:none;
    border-right:none;
    border-width:1px;
    border-color:#cccccc;
    padding-top:20px;
    padding-bottom:20px;
    position:relative;
    margin-left:15px;
    margin-right:0px;
}

.list .tour:before{
    display:table;
    content:" ";
}

.list .tour:after{
    clear:both;
}

    .list .tour > a {
        text-decoration: none;
    }

/*.list .tour:first-child {
    border-bottom:solid;
    border-top:solid;
    border-left:none;
    border-right:none;
    border-width:2px;
    border-color:#cccccc;
    padding-top:20px;
    padding-bottom:20px;
}*/

    /*.list .tour:hover {
        background-color:#f8f8f8;
        background-image:url('/Shared/png/tour-list-detail.png');
        background-repeat:no-repeat;
        background-position:right bottom;
    }*/

.list .tour-detail-title {
    color:#D61729;
    font-size:16px;
    font-weight:bold;
}

.list .tour-detail-description {
    border-bottom:solid;
    border-top:none;
    border-left:none;
    border-right:none;
    border-width:1px;
    border-color:#cccccc;
    padding-bottom:14px;
}

.list .tour-detail-description {
    color: black;
}

.list .tour-price-from {
    color:#777777;
}

.list .tour-price-value {
    color:black;
    font-size:20px;
    font-weight:600;
}

.list .tour-detail-misc {
    font-weight:bold;
    margin-right:10px;
    color:black;
}

.list .tour-detail-misc span {
    font-weight:normal;
}

.list .godetail {
    opacity: 0.8;
}

.list .tour-picture {
    text-align: center;
}
    .list .tour-picture img {
        max-width: 100%;
    }


/* Tour Detail */

#tour-detail .tour-title {
    padding-bottom:20px;
}
 .feature-list {
     padding-left:0px;
 }
 .feature-list li {
    /*background-color:#fa9404;*/
    border:solid;
    border-width:1px;
    border-color:#cccccc;
    border-right-color:#f3f3f3;
    padding:5px;
    color:white;
}

 .feature-list .orange{
     background-color:#fa9404;
 }
 .feature-list .purple{
     background-color:#dd5ef0;
 }
 .feature-list .blue{
     background-color:#fa9404;
 }
 .feature-list .green{
     background-color:#dd5ef0;
 }
 .feature-list .red{
     background-color:#fa9405;
 }

#tour-detail .mini-picture {
    width:154px;
    height:93px;
    margin:4px;
}

#tour-detail .div-centered {
    width:70%;
    margin:auto;
}

#tour-detail #tourInfoTable>tbody>tr>td{
    border-top:none;
    border-bottom:none;
    border-right:solid 1px #ccc;
    border-left:solid 1px #ccc;
}

#tour-detail #tour-info {
    margin-bottom:20px;
    border-collapse:collapse;
    border-left:solid;
    border-right:none;
    border-width:1px;
    border-color:#cccccc;
    width:99.8%;
}

    #tour-detail #tour-info > div {
        border-bottom:none;
        border-top:none;
        border-left:none;
        border-right:solid;
        border-width:1px;
        border-color:#cccccc;
    }

    #tour-detail #tour-info > div:first-child {
        border-left:none;
        border-width:1px;
        border-color:#cccccc;
    }

#tour-detail-pictures{
    margin-bottom:20px;
}

#tour-detail .inquiry-button {
    background-image:url("/Content/images/inquiry-button.png");
    width:314px;
    height:54px;
    display:table;
    border:none;
    margin-top:12px;
}

#tour-detail .inquiry-button:hover {
    text-decoration:none;
    cursor:pointer;
}

    #tour-detail .inquiry-button span {
        color:white;
        padding-left:25px;
        vertical-align:middle;
        display:table-cell;
        font-size:18px;
        font-weight:normal;
    }


#tour-detail #tour-map {
    background-color: #8b8b8b;
    padding:10px;
    padding-bottom:50px;
}
    #tour-detail #tour-map img {
        width:100%;
        height:auto;
        margin:auto;
    }

/*#tour-detail #detail-tabs > li {
}*/

#tour-detail #detail-tabs {
    background-color: transparent;
    margin-top:-40px;
    border:none;
}

    #tour-detail #detail-tabs > div:first-child {
        background-color:transparent;
    }
#tour-detail #detail-tabs-heading {
    padding:0px 4px;
    border:none;
}

#tour-detail #detail-tabs-heading > ul > li >a {
    margin-right: 3px;
    background-color: #ffa2a2;  
    color:white;
    border:none;
    border-radius:0px;
}

/*#tour-detail #detail-tabs-heading > ul > li.active {
}*/

/*#tour-detail #detail-tabs-heading > ul > li.active >a {
    background-color:transparent;
    background-image:url("/Content/images/tab-active-bg.png");
    background-size:100% 52px;
    background-repeat:no-repeat;
    padding-bottom:23px;
    margin-bottom:-13px;

}*/

#tour-detail .tour-itinerary-description {
    border-bottom: solid;
    border-color: #cccccc;
    border-width:2px;
}

#tour-detail .tour-itinerary-description.last-item {
    border-bottom: none;
}

#tour-detail .tour-itinerary-day {
    padding-top: 5px;
    padding-bottom: 5px;
}

#tour-detail .panel-body {
    border:solid;
    border-color:#ccc;

}

.itinerary-entry{
    padding-bottom:10px;
}

.itinerary-title{
    font-weight:bold;
    color:#d6162b;
    margin-bottom:0px;
}

/*.itinerary-time{
}*/

.itinerary-description{
    margin-top:10px;
}

#featured-wrapper{
    padding-left:5px;
}

div.featured {
    position:relative;
    display:inline-block;
    /*float:left;*/
    width:100%;
    /*height:auto;
    clear:both;*/ 
    border-width:10px 1px;
    border-style:solid;
    border-color:black;  
    }
div.featured:after{
    padding-top:39.2%;
    display:block;
    content:'';
}

div.featured img {
	/*width:100%;
	height:100%;
	margin-left:2px;*/
    position:absolute;
    top:0;
    bottom:0;
    right:0;
    left:0;
    display:block;
    height:100%;
	}
	
.tour-top {
    position: relative;
    /*width: auto;*/
    height: auto;
    clear: both;
    display:block;
	}

#tour-controls,#tour-list,#tour-gallery,#tour-paging {
	width:auto;
	height:auto;
	margin-left:-10px;
	margin-right:0px;
	padding-left:0px;
	padding-right:0px;
	clear:both;
	}

	
/*#tour-list,*/
#tour-gallery {
	margin-left:-24px;
	}
	

/*	
#tour-list,#tour-fallery,#tour-paging {
	margin-right:-28px;
	}
*/

#tour-controls {
    width:auto;
    margin-bottom:0;
    padding:0px; 
    padding-top:10px;
    padding-bottom:20px; 
    margin-left:5px;
	}

#tour-controls div {
	display:inline-block;
	}
	

.gallery .tour {
    /*display:inline-block; width: 340px; */
    width: 360px; /*100%, auto;*/
    height: 345px;
    clear:both;
    margin:auto;    /*added 8/23*/
    margin-top:10px;
    margin-bottom:20px;
    position:relative;
}

.gallery .tourBox {
    /*display:inline-block; width: 340px; */
    /*width: 297px;*/
    /*100%,auto;*/
    width: 270px;
    /*height: 375px;*/ 
    height: 344px;
    clear: both;
    margin: auto; /*added 8/23*/
    margin-top: 10px;
    margin-bottom: 20px;
}
/*@media(min-width:769px) {*/
.gallery .tour-summary {
    height: 345px;
    width: 360px;
    clear: both;
    background-color: #f3f3f3; 
    border: none;
    border-width: 1px;
    border-color: #cccccc;
    /*cursor: pointer;
    position: absolute;
    top: 0;*/
}
/*}*/
.gallery .tour-summary-top,
.gallery .tour-detail-top {
    height: 100%, auto;
    /*width:298px;*/
    width: 270px;
    clear: both;
    background-color: #f3f3f3;
    border: none;
    border-width: 1px;
    border-color: #cccccc;
    cursor: pointer;
    position: absolute;
}

/*JTBReccommendationを左寄せに。下の線の幅を写真幅に合わせる*/
ul.inline-block-list.selectable-list {
	padding-left:0px;
	height:3px;
	margin-left:1px;
	margin-top:10px;
}

/*タイルの写真の高さをそろえる*/
.gallery .tour-picture img {
	/*width:100%, auto;*/
    width:270px;
	/*height:277px;*/
	}

/*タイルの写真のシャドーを追加する*/
div.tour-summary {
	-moz-box-shadow:3px 3px 3px #F5F5F5;
	-webkit-box-shadow:3px 3px 3px #F5F5F5;
	box-shadow:3px 3px 3px #F5F5F5;
	}

div.tour-summary-top {
	-moz-box-shadow:3px 3px 3px #F5F5F5;
	-webkit-box-shadow:3px 3px 3px #F5F5F5;
	box-shadow:3px 3px 3px #F5F5F5;
	}
	
/*タイルの写真下の文字の左にスペースを追加する*/
div.tour-description,.tour-detail {
    padding-top:2px;
	padding-left:0.5em;
	}

/*OK*/
.gallery .tour-detail {
    background-color: #f8f8f8;
    background-image: url('/Shared/png/tour-list-detail.png');
    background-repeat: no-repeat;
    background-position: right bottom;
    border: solid;
    border-width: 1px;
    border-color: #d6162b;
    position: absolute;
    cursor: pointer;
    height: 345px;
    width: 360px;
    top:0;
}

.myCalendar .table{
    background-color:transparent;
}

.myCalendar .table>tbody>tr>td{
    border:none;
}

.myCalendar th{
    text-align:center;
}

.myCalendar>tbody>tr>td>div>span{
    font-size:large;
}

/* Reservation 1 */
.hotel-table>tbody>tr{
    border-bottom:1px solid #ddd;
}
.hotel-table>tbody>tr:last-child{
    border-bottom:none;
}
.option-picture{
    max-height:210px;
    padding:4px 0px;
}
.total-price{
    font-size:1.2em;
    font-weight:600;
    color:#D00000;
}


/* Reservation 2 */
.daylabel{
    font-size:larger;
    font-weight:bold;
}

.fieldLabel{
    padding:2px;
}

.vld-err{
    color:#D00000;
}

.arrangement{
    margin-bottom:5px;
}

.btnReserve{
    background-color:#D00000;
    color:white;
    margin-top:10px;
}

/* Confirmatino page */
#contactInfoTable td>div{
    padding-left:5px;
    padding-right:5px;
}

/* Added*/
home-title {text-align:center;}
.home-margin {
	margin: 0 0
}
.home-padding {
	padding: 25px 0 30px
}
/*.footer-group{
    color: white;
}*/
.footer-section p{
    color: #dcdcdc;
    font-size:18px;
    line-height: 1.42857143;
    font-family:Arial;
    font-weight:600;
    margin-bottom:0px;
}
.footer-section a{ color:#dcdcdc; }
.footer-section a:hover{ color:#d6162a; }

#h2-header{
     color:#d6162a;
     text-align:center;
     font-family:sans-serif;
     font-weight:600;
     margin-bottom:10px;
     margin-top:60px;
}
#h3-header{
    color:dimgrey;
    text-align:center;
    letter-spacing:4px;
    font-family:sans-serif;
    font-weight:600;
    margin-bottom:20px;
}
.carousel-control{
    position: absolute;
    top: 50%;
}
#footer-sitemap a { color: #dcdcdc; text-decoration: none; }
#footer-sitemap a:visited { color: #dcdcdc; text-decoration: none; }
#footer-sitemap a:hover { color: #d6162a; text-decoration: underline; }

/*added */
p { /*position: absolute;*/ top:200px;left:0;width:100%;}

/*タイルの写真の高さをそろえる*/
.gallery .article img {width:100%;height:330px;}
.gallery .tour-detail-top {opacity:0.6;filter: alpha(opacity=60);text-decoration:none;}
.gallery .tour-detail-top:hover {background-color:#c3c0c0;background-image:url('/Shared/png/tour-list-detail.png');
                                 background-repeat:no-repeat;background-position:right bottom;width:262px;height:336px; border:solid 1px red;}
    /*.gallery .tour-detail-top:hover {
        background-color: #c3c0c0;
        background-image: url('/Shared/png/tour-list-detail.png');
        background-repeat: no-repeat;
        background-position: right bottom;
        width: 290px;
        height: 372px;
    }*/
/*タイルの写真の高さをそろえる*/
.gallery .tour-picture-top img {width:299px;height:100%, auto;z-index:0;position:absolute;/*margin:-10px;*/}
.gallery .top-title{position:relative;z-index:1;font-weight:bold;color:dimgrey;display:block;font-size:24px;
                    padding:0 0 10px 8px;top:130px;margin-top:25px;} /*11.27.2017*/
.gallery .top-desc{position:relative;z-index:1;color:dimgrey;display:block;font-size:16px;padding:10px;top:135px;}
.gallery .tour-detail-top {height:344px;width:270px;clear:both;border:none;border-width:1px;border-color:#cccccc;
                           cursor:pointer;position:absolute;z-index:1;}
/*.gallery .tour-detail-top {height:380px;width:290px;clear:both;border:none;border-width:1px;border-color:#cccccc;
                           cursor:pointer;position:absolute;z-index:1;}*/

/*.carousel-indicators {
    text-align: right;
    float: right;
    right: 2% !important;
    left: inherit;
    text-align: left;
    float: left;
    left: 40% !important;
    right: inherit;
}*/

ul.list-inline li{padding:5px;}

/*2nd one*/
.carousel-control     		 { width:  4%; }
/*.carousel-control.left {
  margin-left: 5px;
}
.carousel-control.right {
  margin-right: 5px;
}*/ 
.carousel-control.left,.carousel-control.right {margin-left:15px;background-image:none;}
@media (max-width: 767px) {
	.carousel-inner .active.left { left: -100%; }
	.carousel-inner .next        { left:  100%; }
	.carousel-inner .prev		 { left: -100%; }
	.active > div { display:none; }
	.active > div:first-child { display:block; }

}
@media (min-width: 767px) and (max-width: 992px ) {
	.carousel-inner .active.left { left: -50%; }
	.carousel-inner .next        { left:  50%; }
	.carousel-inner .prev		 { left: -50%; }
	.active > div { display:none; }
	.active > div:first-child { display:block; }
	.active > div:first-child + div { display:block; }
}
@media (min-width: 992px ) {
	.carousel-inner .active.left { left: -16.7%; }
	.carousel-inner .next        { left:  16.7%; }
	.carousel-inner .prev		 { left: -16.7%; }	
}