html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%}
body { margin: 0 }
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display: block }
audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }
audio:not([controls]) { display: none; height: 0; }
[hidden], template { display: none }
a { background-color: transparent }
a:active, a:hover { outline: 0 }
abbr[title] { border-bottom: 1px dotted }
b, strong { font-weight: bold }
dfn { font-style: italic }
h1 { font-size: 2em }
mark { background: #ff0; color: #000; }
small { font-size: 80% }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em }
sub { bottom: -0.25em }
img { border: 0 }
svg:not(:root) { overflow: hidden }
figure { margin: 1em 40px }
hr { box-sizing: content-box; height: 0; }
pre { overflow: auto }
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }
button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; }
button { overflow: visible }
button, select { text-transform: none }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
button[disabled], html input[disabled] { cursor: default }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
input { line-height: normal }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto }
input[type="search"] { -webkit-appearance: textfield; box-sizing: content-box; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none }
fieldset { border: 0; margin: 0; padding: 0; }
legend { border: 0; padding: 0; }
textarea { overflow: auto }
optgroup { font-weight: bold }
table { border-collapse: collapse; border-spacing: 0; }
td, th { padding: 0 }
.clearfix:before, .clearfix:after {content: " "; display: table;}
.clearfix:after {clear: both;}
.clearfix {zoom: 1;}

header{width: 100%; display: table; background-color: #057cc1; margin-bottom: 50px;box-shadow: 0 2rem 1.3333rem rgba(0, 93, 128, 0.15)}
#logo{float: left; font-size: 24px; text-transform: uppercase; color: #002e5b; font-weight: 600; padding: 0; background: url(/images/logo.png) no-repeat center; height: 57px; text-indent: -999px; width: 100px; background-size: 99px;}
nav {width:auto;float:right}
nav ul{display:table;float:right;    list-style: none;}
nav ul li{float:left}
nav ul li:last-child{padding-right:0}
nav ul li a{font-weight:700;color:#fff;font-size:18px;padding:15px 16px;display:inline-block;transition:all .5s ease 0}
nav ul li a:hover{background-color:#057cc1;color:#fde428;transition:all .5s ease 0}
nav ul li a:hover i{color:#fde428;transition:all .5s ease 0}
nav ul li a i{padding-right:10px;color:#002e5b;transition:all .5s ease 0}
.toggle-menu {background:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='white' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E") no-repeat center;text-indent: -9999px;width: 85px; background-size: 43px;}
.toggle-menu ul{display:table;width:25px}
.toggle-menu ul li{width:100%;height:3px;background-color:#002e5b;margin-bottom:4px}
.toggle-menu ul li:last-child{margin-bottom:0}
.content-right {padding: 0 15px;}
input[type=checkbox],label{display:none}
@media only screen and (min-width: 1441px) {
header section {width: 1180px;margin:0 auto;padding:0 25px;}
}
@media only screen and (max-width: 1440px) {
header section {padding: 0 0 0 10px;}
}
@media only screen and (max-width: 980px) {
header{padding:0}
#logo{padding:0}
input[type=checkbox]{position:absolute;top:-9999px;left:-9999px;background:none}
input[type=checkbox]:fous{background:none}
label{float: right; padding: 16px 0; display: inline-block; cursor: pointer;}
input[type=checkbox]:checked ~ nav{display:block}
nav{display:none;position:absolute;right:0;top:57px;background-color:#002e5b;padding:0;z-index:99}
nav ul{width:auto}
nav ul li{float:none;padding:0;width:100%;display:table}
nav ul li a{color:#FFF;font-size:15px;padding:10px 20px;display:block;border-bottom:1px solid rgba(225,225,225,0.1)}
nav ul li a i{color:#fde428;padding-right:13px}
}
@media only screen and (max-width: 568px) {
h1{padding:25px 0}
h1 span{display:block}
}
@media only screen and (max-width: 480px) {
}
@media only screen and (max-width: 360px) {
h1{font-size:20px}
#logo{font-size:20px}
nav{top:57px}
}
@media only screen and (max-width: 320px) {
h1{padding:20px 0}
}


/*--------------------------------------------------------------
2.1 Typography
--------------------------------------------------------------*/
body, button, input, select, textarea {font-family: 'Quicksand', sans-serif; font-weight:400;color: #222; font-size:1.083333333333333rem; line-height: 1.5}
h1, h2, h3, h4, h5, h6 { margin: 0; clear: both; color: #555; font-weight: normal; margin-bottom: 12px; }
h1 { font-size: 30px; line-height: 1.1; }
h2 { font-size: 28px; line-height: 1.2; }
h3 { font-size: 26px; line-height: 1.3; }
h4 { font-size: 24px; line-height: 1.4; }
h5 { font-size: 22px; line-height: 1.4; }
h6 { font-size: 20px; line-height: 1.4; }
p { margin-bottom: 1.5em; margin-top: 0; }
b, strong { font-weight: bold }
dfn, cite, em, i { font-style: italic }
blockquote { margin: 0 1.5em }
address { margin: 0 0 1.5em }
/*--------------------------------------------------------------
3.0 Elements
--------------------------------------------------------------*/
html { box-sizing: border-box }
*, *:before, *:after { 
box-sizing: inherit;     }
body { background: #F0EDE9;}
blockquote { position: relative; font-style: italic; font-family: Georgia; font-size: 20px; }
blockquote:before, blockquote:after, q:before, q:after { content: "" }
blockquote:before { content: '\e800'; font-family: sociallyviral; position: absolute; content: '"'; font-size: 58px; top: -14px; left: -40px; }
blockquote, q { quotes: "" "" }
hr { background-color: #ccc; border: 0; height: 1px; margin-bottom: 1.5em; }
.entry-content ul, .entry-content ol { margin: 0 0 1.5em 2em; padding: 0; }
ul { list-style: disc; padding: 0; margin: 0; }
ol { list-style: decimal }
li > ul, li > ol { margin-bottom: 0; margin-left: 1.5em; }
dt { font-weight: bold }
dd { margin: 0 1.5em 1.5em }
img { height: auto; max-width: 100%; }
table { margin: 0 0 1.5em; width: 100%; }
/*--------------------------------------------------------------
4.0 Forms
--------------------------------------------------------------*/
button, input[type="button"], input[type="reset"], input[type="submit"] { border: 1px solid; border-color: #ccc #ccc #bbb; background: #e6e6e6; color: rgba(0, 0, 0, .8); font-size: 12px; font-size: 0.75rem; line-height: 1; padding: .6em 1em .4em; }
button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { box-shadow: none }
button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, button:active, input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active { box-shadow: none }
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], textarea { color: #666; border: 1px solid #F0EDE9; background-color: #f0ede9; }
input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, textarea:focus { color: #111 }
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"] { padding: 3px }
textarea { padding-left: 3px; width: 100%; }
/*--------------------------------------------------------------
5.0 Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
5.1 Links
--------------------------------------------------------------*/
a { color: #555; text-decoration: none; -webkit-transition: color 0.25s ease-in; -moz-transition: color 0.25s ease-in; -ms-transition: color 0.25s ease-in; -o-transition: color 0.25s ease-in; transition: color 0.25s ease-in; }
a:hover, a:focus, a:active { color: #555; outline: 0; }
a:hover, .post-info a:hover, .single_post .post-info a:hover, .copyrights a:hover, #navigation.footer-navigation ul li a:hover { color: #F47555 }
/*--------------------------------------------------------------
5.2 Menus
--------------------------------------------------------------*/
.content ul.navigation {margin: 0 0 30px!important;padding-left:0}


.content ul.navigation li {
    list-style: none;
    padding:13px 0 13px 15px;
    border-bottom: 1px solid #eee;
	    list-style: none;
}
.content ul.navigation li a {color:#057cc1}

ul.navigation li:first-child {
    border-top: 1px solid #eee
}

ul.navigation li ul {
    margin: 0 !important;
    font-size: 13px
}

ul.navigation li ul li:first-child {
    margin-top: 5px;
    border-top: 1px solid #eee
}

ul.navigation li ul li:last-child {
    border-bottom: 0;
    padding-bottom: 0
}

ul.navigation li:before {
    content: "›";
    display: block;
    left: 0;
    margin-top: 2px;
    font-size: 30px;
    color: #77cc6d;
    float: left;
    margin-right: 10px;line-height: 18px;
}


/*tour item*/
i.won{font-style:normal; font-size:75%; margin-left:0.25em;}
.t-item{background-color:#fff; box-shadow:0 2rem 1.3333rem rgba(0, 93, 128, 0.15); width:100%; margin-bottom:3rem;}
.t-item h2{color: #fff; font-size: 1.5rem; font-weight: 800; max-width: 14.5em; line-height: 1.2; position: relative;z-index: 40;}
.t-item h2 a {color: #fff;    text-shadow: 1px 1px #000;}
.t-item h2 span{font-size:47%; display:block; margin-top:0.4rem; font-weight:700; letter-spacing:-0.01rem;}
.t-item h3{color:#057cc1; font-size:0.9166666666666667rem; font-weight:700; margin-bottom:0.5rem;}

.t-item .img-box{padding:39.88% 2rem 3rem; background-size:cover; background-position:50% 50%; position:relative;}
.t-item .img-box .overlay{    z-index: 30;width:100%; height:100%; top:0; left:0; position:absolute; background: -moz-linear-gradient(top, rgba(31,94,153,0.1) 0%, rgba(31,94,153,0.1) 50%, rgba(31,94,153,0.75) 100%); background: -webkit-linear-gradient(top, rgba(31,94,153,0.1) 0%,rgba(31,94,153,0.1) 50%,rgba(31,94,153,0.75) 100%); background: linear-gradient(to bottom, rgba(31,94,153,0.1) 0%,rgba(31,94,153,0.1) 50%,rgba(31,94,153,0.75) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a1f5e99', endColorstr='#bf1f5e99',GradientType=0 ); }

.t-item .de-box{padding:2.5rem 2rem 1.75rem;
position:relative;    border-bottom: 3px solid #30a5d0;}
.t-item .type00{margin-bottom:1.75rem;}
.t-item .type00 .location{font-weight:700; color:#5d9ab0; font-size:1.333333rem; margin-bottom:0.5rem; margin-bottom:1rem; line-height:1.25; letter-spacing:-0.02rem;}
.t-item .type00 li{color:#a2b2b8; font-style:italic; letter-spacing:-0.02rem; line-height:1.2;}
.t-item .type00 li + li{margin-top:0.4rem;}
.t-item .type01{float:left; width: 37%;}

.t-item .type01 p{font-size:1.083333333333333rem;margin-bottom: 0;}
.t-item .type01 p i.i-d{font-style:normal; margin-left:0.25rem; font-size:0.95rem;}
.t-item .type01 p + p{margin-top:0.25rem;}
.t-item .type01 p + h3{margin-top:1.25rem}
.t-item .type01 h4{font-size: 1.2rem;letter-spacing:-0.02rem; font-weight:600; margin-bottom:0.3rem;}
.t-item .type01 h4 span{display:inline-block; font-weight:700; color:#6a7a7f; letter-spacing:-0.04rem; margin-right:0.5rem;}

.t-item .type01 h3 a {color: red;}
.t-item .type02{position: absolute; top: -1.4rem; right: 0.5rem; background-color: rgb(48, 165, 208); padding: 0.5rem 1rem 0.3rem; border-radius: 30em;}
.t-item .type02 h3{display: inline-block;color: #fff;    margin-right: 0.2rem;}
.t-item .type02 p{display: inline-block; color: #f4ff00; font-size: 1.1rem; font-weight: 700; margin: 0;}

.t-item .type03{float:right; width:63%;}
.t-item .type03.set1{float:none; width:auto; margin-top:1.75rem;}
.t-item .type03.set2{width:55%;}
.t-item .type03 h4{color: #41add4; letter-spacing: -0.02rem; margin-bottom: 0.3rem;}
.t-item .type03 ul + h4{margin-top:0.5rem;}
.t-item .type03 p + ul{margin-top:0.5rem;}
.t-item .type03 ul + p{margin-top:1rem;}
.t-item .type03 ul{position:relative;    list-style: none;}
.t-item .type03 ul:before{content: ''; position: absolute; top: 0.5rem; left: 0.61rem; width: 1px; height: calc(100% - 1.2em); border-left:0.7pt dashed rgba(167, 184, 196, 0.75);}
.t-item .type03 li{font-size:1.083333333333333rem; line-height:1.166666666666667; position:relative; padding-left:1.4rem; letter-spacing:-0.02rem;}
.t-item .type03 li:before{content:''; width:0.375rem; height:0.375rem; background-color:#30a5d0; display:block; position:absolute; top:0.45rem; left:0.45rem; border-radius:50%; z-index:1;}
.t-item .type03 li + li{margin-top:0.66667rem;}
.t-item .type03 li .p-de{display:block; color:#a2b2b8; font-size:0.9166666666666667rem; font-style:italic;}
.t-item .type03 .t-in{font-size:0.9166666666666667rem; font-style:italic; color:#abbcc2; letter-spacing:-0.02rem; font-weight:700;}
.t-item .type03 .caution{font-size:0.9166666666666667rem; font-style:italic; color:rgba(48, 165, 208, 0.65); letter-spacing:-0.02rem; font-weight:700; padding-left:0.5rem;}
.t-item .type03 .caution i{color:#30a5d0; margin-right:0.75rem; font-weight:700;}

.t-item .type04{float:left; width: 45%; padding-right:1.75rem;}
.t-item .type04 li{font-size:1.083333333333333rem; line-height:1.166666666666667; position:relative; padding-left:1rem; letter-spacing:-0.02rem;}
.t-item .type04 li:before{content:''; width:0.25rem; height:0.25rem; background-color:#809197; display:block; position:absolute; top:0.5rem; left:0.2rem; border-radius:50%; z-index:1;}
.t-item .type04 li + li{margin-top:0.66667rem;}
.t-item .type04 li .p-de{display:block; color:#a2b2b8; font-size:0.9166666666666667rem; font-style:italic;}
.entry-header {padding: 15px 15px 0 15px; margin-top: 10px; clear: both;}
.site-main{padding-top: 1.5rem; width: 100%; float:left; text-align:center;}
.site-cat{padding-top: 1.5rem; width: 100%; float:left;}

/*tour-img*/
.item-page {font-size: 15px;background-color: #fff; box-shadow: 0 2rem 1.3333rem rgba(0, 93, 128, 0.15); margin: 0 auto; max-width: 92.25rem; padding: 3rem;}
h1.titlepost a {color:#057cc1;font-weight:500}

/*tour-list*/
.filter-wrap{margin:0 auto 1.5rem; -max-width:28.75em;}
.filter-wrap p{color:#99aebf; font-size:0.9166666666666667rem; margin-bottom:0.75em; font-weight:700;}
.filter-wrap li{display:inline-block;}
.filter-wrap li a{display:block; padding:0.5rem 0.8rem; font-size:1.1666rem; letter-spacing:-0.025rem; border:2px solid transparent; transition:0.3s; font-weight:700; color: rgb(5, 124, 193)}
.filter-wrap li a:hover{color:#3094bf;}
.filter-wrap li a.selected{border-color:#3094bf; color:#3094bf;}
.t-list{overflow:visible !important; max-width:28.75em; margin:0 auto; }

/*Isotope Filtering*/
.isotope-item {z-index: 2;}
.isotope-hidden.isotope-item {pointer-events: none; z-index: 1;}
/*Isotope CSS3 transitions*/
.isotope, .isotope .isotope-item {-webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;}
.isotope {-webkit-transition-property: height, width; -moz-transition-property: height, width; transition-property: height, width;}
.isotope .isotope-item {-webkit-transition-property: -webkit-transform, opacity; -moz-transition-property:-moz-transform, opacity; transition-property:transform, opacity;}

ol#breadcrumbs { margin-bottom: 15px; list-style: none; padding: 10px; background: #f1f1f159; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border-left:5px solid #ff9800}
ol#breadcrumbs li {
  display: inline;
}
ol#breadcrumbs li+li:before {}
ol#breadcrumbs li a {
  text-decoration: none;
}
ol#breadcrumbs li a:hover {
  text-decoration: none;
}
ol#breadcrumbs .fa-chevron-right:before {color: #dadada;font-size: 11px;padding: 0 5px;}


#primary .div-1, #primary .div-2 {
    width: 50%;
    float: left;
    padding: 0 2rem;
    margin: 0;
}
.container .div-1 p {text-align: center; color: #057cc1;font-size: 15px;}
.container .div-2 h1 {font-weight: 800; color: #057cc1; font-size: 38px;}
.container .div-2 p {font-size: 20px; text-align: justify; margin-bottom: 20px;}
.nav-next a, .nav-previous a, .pagination a, .pagination .current { float: left; padding: 15px 15px; background: #FFF; -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05); box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05); line-height: 1; font-size: 18px; text-transform: uppercase; min-width: 48px; text-align: center; margin-bottom: 5px; }
.nav-previous { float: left }
.nav-next { float: right }
.posts-navigation { clear: both; width: 100%; float: left; }
.pagination .current { color: #f47555 }
.pagination a, .pagination .current { margin-right: 1px }
.page-numbers.dots { display: none }
.page-links a { min-width: 40px; line-height: 40px; display: inline-block; text-align: center; background-color: #33BCF2; color: #fff; margin-left: 10px; }
/*--------------------------------------------------------------
6.0 Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; }
.screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus { background-color: #f1f1f1; nowhitespace: afterproperty; nowhitespace: afterproperty; nowhitespace: afterproperty; nowhitespace: afterproperty; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ }
/*--------------------------------------------------------------
7.0 Alignments
--------------------------------------------------------------*/
.alignleft { display: inline; float: left; margin-right: 1.5em; }
.alignright { display: inline; float: right; margin-left: 1.5em; }
.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; }
/*--------------------------------------------------------------
8.0 Clearings
--------------------------------------------------------------*/
.clear:before, .clear:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after { content: ""; display: table; }
.clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after { clear: both }

/*--------------------------------------------------------------
10.1 Posts and pages
--------------------------------------------------------------*/
.sticky { display: block }
.hentry { margin: 0 0 1.5em }
.single .byline, .group-blog .byline { display: inline }
.page-content, .entry-content, .entry-summary { margin: 1.5em 0 0 }
.page-links { clear: both; margin: 0 0 1.5em; }
.single_post { background: #fff; float: left; width: 100%; padding: 25px; box-sizing: border-box; margin-top: 11px; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05); margin-bottom: 30px; }
.breadcrumb { margin: 20px 0 5px 0; font-size: 14px; color: #222; }
.breadcrumb a { font-size: 14px; color: #057cc1; }
.breadcrumb a:hover { color: #f47555 }
.breadcrumb div { display: inline-block; margin-right: 10px; }
#content_box { width: 67%; float: left; margin-bottom: 10px; padding: 0; }
.single article.post { width: 100%; box-shadow: none; }
.entry-header > h1 { margin-top: 0; padding-top: 0; }
.single .entry-header > h1 { margin-bottom: 10px; font-size: 38px; line-height: 53px; font-weight: normal; }
.entry-header p {text-align: justify;}
.entry-header p a {color: #f47555;}
.entry-header h2 a {color:#057cc1}

h1.page-title { margin-bottom: 20px; font-size: 24px; margin-top: -15px; }

/*--------------------------------------------------------------
11.0 Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */ display: none;     }
/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer { display: block }

/*-----------------------------------
 Main Content
------------------------------------*/
.main-container { width: 100%; max-width: 1170px; margin: 0 auto; clear: both; display: block; padding: 0; }
.post-container {width: 100%; max-width: 880px; margin: 0 auto; clear: both; display: block; padding:10px 40px 40px 40px; background: #fff; margin-top: -50px;box-shadow: 0 2rem 1.3333rem rgba(0, 93, 128, 0.15);}

.container { max-width: 1170px; margin: 0 auto; }
/*-[header]-----------------------------------*/
#logo { float: left; display: inline-block; line-height: 1; position: relative}
#logo a { float: left; height: 58px; width: 159px;}
#logo.text-logo { margin: 18px 0px; background: url(/images/logo.png) no-repeat left top; text-indent: -9999px; height: 59px; background-size: 103%; width: 160px;    cursor: pointer; }

article.post {width: calc((100% - 22px * 3) / 3); float: left; margin-bottom: 30px; margin-right: 2.6%; background: #FFF; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05); }
article.featuredpost.post { width: 65.8% }
article.post:nth-of-type(2) { margin-right: 0 }
article.post:nth-of-type(3n+5) { margin-right: 0 }
article.post:nth-of-type(3) { margin-right: 2.6% }
.home article.post:nth-of-type(6n) {}
.paged article.post:nth-of-type(2), .paged article.post:nth-of-type(3n+5) { margin-right: 2.6% }
.paged article.post:nth-of-type(6n) { clear: none }
.paged article.post:nth-of-type(3n+1) { clear: left }
.paged article.post:nth-of-type(3n) { margin-right: 0 }
.search-area article.post:nth-of-type(2), .search-area article.post:nth-of-type(3n+5), .content-archive article.post:nth-of-type(2), .content-archive article.post:nth-of-type(3n+5) { margin-right: 2.6% }
.search-area article.post:nth-of-type(3n), .content-archive article.post:nth-of-type(3n) { margin-right: 0 }
.related-posts article.post:nth-of-type(2), .related-posts article.post:nth-of-type(3n+5) { margin-right: 3.04% }
.featured-thumbnail { float: left; max-width: 100%; width: 100%; }
#featured-thumbnail { float: left; max-width: 100%; display: block; position: relative; width: 100%; }
.featured-thumbnail img { margin-bottom: 0; width: 100%; float: left; width: 100%; }
article.latestpost .entry-title { font-weight: normal; font-size: 24px; color: #555; margin-top: 0; margin-bottom: 5px; line-height: 36px; }
.latestpost .title { display: block; margin-bottom: 7px; }
.latestpost.featuredpost .title { margin-bottom: 0px }
.latestpost header { padding: 15px 20px 12px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 0; min-height:65px; overflow: hidden; }
.latestpost.featuredpost header { min-height: 118px }
.post-info { display: block; color: #A4A4A4; float: left; clear: both; width: 100%; font-size: 13px; text-transform: capitalize; line-height: 2; }
.single .post-info { margin-bottom: 20px }
.post-info a, .single_post .post-info a { color: #A4A4A4 }
.post-info > span:last-child { margin-right: 0 }
.post-info i { margin-right: 3px }
.post-info > span { margin-right: 35px }
.post-info > span:first-child i:before { margin-left: 0 }
.post-label { position: absolute; top: 0; right: 0; padding: 0 15px; line-height: 44px; background: #33BCF2; color: #fff; float: left; }
.post-label svg { float: left; fill: #fff; }
.post-label span { margin-left: 5px; line-height: 21px; }
.no-results .page-content { margin-bottom: 50px; float: left; margin-top: 0; }

.content {padding: 0; margin: 0; line-height: 1.8; word-wrap: break-word;}
.content .aligncenter{display:block;margin-left:auto;margin-right:auto;margin-bottom:10px}
.content .alignright{margin:0 0 10px 10px}
.content .alignleft{float:left;margin:0 10px 10px 0}
.content .wp-caption{max-width:100%;height:auto;background:#2196f31a;text-align:center;padding:0;margin-bottom:15px}
.content .wp-caption img{max-width:100%;height:auto;margin:0;padding:0;border:0}
.content .wp-caption a img{max-width:99%;min-width:99%;height:auto;margin:0 0 5px;padding:0;border:0}
.content .wp-caption p.wp-caption-text{margin:0;padding:6px;font-weight:400;font-style:italic;line-height:18px;font-size:15px;text-align:center}
.content p {padding-bottom:15px;text-align: justify;margin: 0}
.content em{font-style:italic;font-weight:400}
.content em strong,.content strong em{font-style:italic;font-weight:700}
.content h1{padding: 10px 0 15px 0; border-bottom: 1px solid #efefef; margin-bottom: 20px; text-align: left;}
.content h2,.content h3,.content h4,.content h5,.content h6{font-weight:700;padding:0 0 7px}
.content h2{font-size:18px;color:#00f}
.content h3{font-size:16px;color:#008000}
.content h4{font-size:14px}
.content h5{font-size:13px}
.content h6{font-size:12px}
.content a:hover{color:#16387c}
.content ul{padding-bottom:10px;text-align:left;padding-left: 35px;}
.content ul li{list-style:disc;line-height:1.5em;padding:0 0 12px 0}
.content ul li ul{padding-left:15px;padding-top:0}
.content ul li ul li{list-style-type:circle;padding-top:10px}
.content ul li ul li ul{padding-left:15px}
.content ul li ul li ul li{list-style-type:square}
.content ol{list-style-type:decimal;margin:0 0 10px 25px}
.content ol ol{list-style:upper-alpha}
.content ol ol ol{list-style:lower-roman}
.content ol ol ol ol{list-style:lower-alpha}
.content ol ol,.content ol ul,.content ul ol{margin-bottom:0}
.content ol li{line-height:22px;padding:3px 0}
.content del{text-decoration:line-through;color:#aaa}
.content blockquote,.content code{background:#f9f9f9;color:#333;padding:10px}
.content ins{text-decoration:underline;font-weight:700}
.content code{display:block;font:12px Monaco,monospace;border-left:4px solid #e6e6e6;margin:10px 0}
.content blockquote{font-size:12px;line-height:16px;border:1px solid #e6e6e6;margin:15px 0}
.content blockquote cite{display:block;font-size:12px;color:#555;font-style:italic;text-align:left;margin:5px 10px}
.content blockquote.alignright{width:40%;margin:0 0 10px 1em}
.content blockquote.alignleft{width:40%;margin:0 1em 10px 0}
.content blockquote p{margin:0}
.content hr{background:#e6e6e6;color:#e6e6e6;clear:both;width:100%;height:1px;border:0;margin:10px 0}
.content input,.content textarea{font-size:1em;padding:3px}

/*-[ Search Form ]------------------*/
.site-footer { position: relative; overflow: hidden; clear: both; -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05); box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05); }
.site-info.container {width: 100%; clear: both; font-size: 14px; font-weight: normal; overflow: hidden; padding: 10px 0 70px 0;}
a.toplink {font-size: 60px; line-height: 30px; position: absolute; top: 50%; left: 50%; color:#057cc1; transform: rotate(-90deg);width: auto; height: 50px;}

.copyrights { float: left }

.menu-primary-container li { position: relative }
.menu-primary-container ul.sub-menu { margin: 4px 0 -7px 10px }

.t-item .t-image {
    height: 14rem;
    width: 100%;
    background-size: cover;
    background-position: center;
    position: relative;z-index: 0;
}

#wp_page_numbers ul, #wp_page_numbers li, #wp_page_numbers a {
	background: white;
	padding: 0;
	margin: 0;
	border: none;
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
	list-style: none;
	text-transform: none;
	text-indent: 0px;
	font-variant: normal;
	text-align: left;
	line-height: 12px;
	letter-spacing: 0px;
	word-spacing: 0px;
	font-size: 11px;

}

#wp_page_numbers {
	margin-top: 10px;
	width: 100%;
	margin-bottom: 10px;
}
#wp_page_numbers ul {
	width: 100%;
}
#wp_page_numbers li {
	float: left;
	display: block;
	margin-bottom: 2px;
}

#wp_page_numbers a {
padding: 14px; padding-left: 8px; padding-right: 8px; margin-left: 2px; margin-right: 2px; display: block; color: #333;  border: 1px solid #bfbfbfa6; text-align: center;
}

#wp_page_numbers li a:hover {
	border-color: #BA0000;
}

#wp_page_numbers li.space {
	padding: 6px;
	padding-left: 2px;
	padding-right: 2px;
}

#wp_page_numbers li.first_last_page {
	font-style: italic;
}

#wp_page_numbers li.active_page a {
	border-color: #0075b8;
}
#wp_page_numbers li.active_page a:hover  {
	color: black; /* IE fix */
	text-decoration: underline;
	border-color: #BA0000;
}

#wp_page_numbers li.page_info {
float: left; display: block; padding: 14px; padding-left: 8px; padding-right: 8px; margin-right: 2px; color: #666; font-size: 13px; border: 1px solid #bfbfbfa6;
}


/*-----------------------------------
 Responsive
------------------------------------*/
@media screen and (max-width: 1230px) { 
      .main-container, .site-info.container { width: 96% }
      .oddad, .evenad { width: 45% }
}
@media screen and (max-width: 980px) { 
      #logo { float: none }
      #logo, #logo.text-logo {}
      .header-social { margin-top: 10px; margin-bottom: 20px; }
      article.latestpost .entry-title { font-size: 22px; line-height: 1.4; }
      .post-info > span { margin-right: 10px }
      .single .entry-header > h1 { font-size: 24px; line-height: 1.4; }
      .postauthor img { padding: 20px; padding-right: 0; padding-bottom: 0; box-sizing: content-box; }
}
@media screen and (max-width: 865px) { 

      .main-container { position: relative; left: 0; transition: left 500ms ease; }
      .mobile-menu-active .main-container { left: 300px; transition: left 500ms ease; }
  
      .copyrights { float: none; text-align: center; }
      #navigation.footer-navigation { float: none }
      #navigation.footer-navigation ul { text-align: center; width: 100%; margin-top: 10px; }
      a.toplink { top: 13% }
      #content_box { width: 100%; float: none; margin-bottom: 30px; overflow: hidden; }
      article.latestpost .entry-title { font-size: 18px }
      .sidebar.c-4-12 { width: 100%; float: none; margin: 0 auto; }
	  
}
@media screen and (max-width: 768px) { 
.post-container {padding:10px 20px 20px 20px}
}
@media screen and (max-width: 640px) { 
      article.post, .related-posts article.post { width: 48%; margin-right: 4%; }
      article.post:nth-of-type(2) { margin-right: 4% }
      article.post:nth-of-type(3) { margin-right: 0 }
      article.post:nth-of-type(3n+5) { margin-right: 4% }
      article.post:nth-of-type(odd) { margin-right: 0 }
      article.featuredpost.post { width: 100% }
      .single_post { padding: 20px 15px }
      article.post:nth-of-type(3n) { clear: none }
      article.featuredpost { width: 100% }
      .related-posts article.post:nth-of-type(odd), .search-area article.post:nth-of-type(odd), .content-archive article.post:nth-of-type(odd) { margin-right: 4% }
      .related-posts article.post:nth-of-type(even), .search-area article.post:nth-of-type(even), .content-archive article.post:nth-of-type(even) { margin-right: 0 }
      .related-posts article.post:nth-of-type(4) { clear: none }
      .related-posts #featured-thumbnail, .related-posts .featured-thumbnail { float: none }
      .related-posts .featured-thumbnail img { min-width: 100% }

#primary .container .div-1 {width:100%} 
#primary .container .div-2 {width:100%}
#primary .container .div-2 h1 {text-align:center}
.main-container .header-social {display:none}

#primary .container .div-2 p {font-size: 1.083333333333333rem;}
#primary .div-1, #primary .div-2 {padding: 0 0.5rem;}
#primary .container .filter-wrap {display:none;clear:both}
	  
}
@media screen and (max-width: 550px) { 
      .header-social { margin-right: 10px }
      .comment-metadata a { position: static }
.post-container {padding:1px 10px 10px 10px}
}
@media screen and (max-width: 420px) { 
      article.post { width: 100% }
      .featured-thumbnail { max-height: 200px; overflow: hidden; }
      .header-social a { display: inline-block; float: none; }
      .related-posts article.post { width: 100% }

}





@media screen and (min-width: 768px) {
.t-list{max-width:61.5rem;}
.t-item{float:left; width: calc(50% - 2rem); margin-left: 1rem; margin-right: 1rem;}

.tour-dmz .t-item{width: calc(100% - 2rem); margin-left: 1rem; margin-right: 1rem;}
.tour-dmz .fl-box{float:left; width:55%;}
.tour-dmz .type03.set1{float:left; margin-top:0; width:45%; padding-left:8%;}
.tour-dmz .t-item .img-box{padding: 39.43% 4rem 3rem;}
.tour-dmz .t-item .de-box{padding: 2.5rem 4rem 3.25rem;}

.filter-wrap{margin: 0 auto 2rem; max-width: 36rem;}
.filter-wrap p{display: inline-block; margin-right: 2rem;}
.filter-wrap ul{display: inline-block;}

.index-tour .t-item .de-box{padding: 2.5rem 2rem 7rem;}
.index-tour .reservation-btn{position: absolute; bottom: 2rem; left: 0;}
.index-tour .t-item.morning .de-box{min-height:34.6rem;}
.index-tour .t-item.afternoon .de-box{min-height:34.6rem;}
.index-tour .t-item.full .de-box{min-height:47.5rem;}

.tour-ski .t-item .de-box{padding: 2.5rem 2rem 7rem;}
.tour-ski .reservation-btn{position: absolute; bottom: 2rem; left: 0;}
.tour-ski .t-item .de-box{min-height: 31rem;}

.tour-reservation h1 br, .tour-reservation i{display:none;}
.tour-reservation .title-box h1{max-width:none;}
.r-form{padding:3rem 3rem 0;}
.r-form input[type='submit']{margin:2rem -3rem 0; width: calc(100% + 6rem);}
}

@media screen and (min-width: 1024px) {
.t-item{max-width:28.75rem;}
.tour-dmz .t-item{max-width:59.5rem;}
.filter-wrap {max-width: 59rem;}
}
@media screen and (min-width: 1200px) {
}
@media screen and (min-width: 1440px) {

.filter-wrap {max-width: none; padding: 0 1.25rem;}
.t-list {max-width: 92.25rem;}
.t-item{width:calc(33.3333% - 2rem);}

.tour-dmz .t-item{max-width:92.25rem;}
.tour-dmz .t-item .img-box{float:left; width:40%; padding:29% 2rem 3rem;}
.tour-dmz .t-item.dt-02 .img-box{padding:36.87% 2rem 3rem;}
.tour-dmz .t-item.dt-03 .img-box{padding:33.4% 2rem 3rem;}
.tour-dmz .t-item .de-box{float:left; width:60%;  padding: 2.5rem 2.5rem 3.25rem;}

}
@media screen and (min-width: 768px) and (max-width: 1023px) {}

@media screen and (min-width: 1px) and (max-width: 320px) {
.filter-wrap li a{padding: 0.5rem 0.25rem; letter-spacing: -0.04rem;}
.t-item .type01 dl dt{display:block; margin-bottom:0.25rem;}
.t-item .type01 dl dd{display:block;}
.t-item .type01 dl + dl{margin-top:0.5rem;}
.post-container {padding:0 10px 10px 10px}
}