﻿.sns-icons,
.thumbnail,
.video-container {
    overflow: hidden
}

blockquote,
blockquote a:hover {
    color: #666
}

h1 {
    text-transform: none !important
}

div#goumet_post h1 {
    font-size: 20px
}

.thumbnail_search {
    float: left;
    margin-right: 5px
}

.content_search {
    width: 74%;
    word-break: break-all;
    float: left
}

.tab-content.current ul li,
ul.tabs {
    list-style: none
}

#show_menu ul li a,
.post-blog a,
.post-blog table tr td a,
.post-blog.weather_link a,
.sns-icons>a,
.weather.row-1-3-l a,
blockquote a,
div#show_rank a {
    text-decoration: none
}

* {
    margin: 0;
    padding: 0
}

body {
    font-size: 16px !important;
    font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif !important
}

input.gsc-search-button {
    background-color: #8C7A3E
}

img {
    height: auto
}

.content_post.mobi {
    line-height: 1.5;
}

.content_post.mobi p {
    margin: 10px 0
}

h2.title_post {
    font-size: 20px
}

blockquote {
    border-radius: 15px;
    display: block;
    background: #fff;
    padding: 15px 20px 15px 35px;
    position: relative;
    font-family: Georgia, serif;
    margin: 20px 0;
    font-size: 15px;
    width: 100%;
    line-height: 1.9;
    text-align: justify;
    border: 2px solid #ccc;
    -moz-box-shadow: 2px 2px 15px #ccc
}

blockquote::before {
    content: "\201C" !important;
    font-family: Georgia, serif;
    font-size: 18px;
    font-weight: 700;
    color: #999;
    position: absolute;
    left: 10px;
    top: 5px
}

blockquote::after {
    content: ""
}

blockquote a {
    background: #eee;
    cursor: pointer;
    padding: 0 3px;
    color: #c76c0c
}

.content_post.mobi h2,
.content_post.mobi h3,
h2.titlesecond {
    margin-bottom: 15px;
    border-bottom: 1px dashed #A59760;
    line-height: 30px;
    padding-left: 5px;
    font-weight: 700
}

a.more-link {
    float: right
}

blockquote em {
    font-style: italic
}

.content_post.mobi h2 {
    font-size: 20px;
    border-left: 5px solid #969696;
}

.content_post.mobi h3 {
    border-left: 5px solid #699;
    font-size: 18px;
}

.hotel_title,
h2.titlesecond,
span#japan,
span#thai,
span#thaite {
    font-size: 18px
}

h2.titlesecond {
    border-left: 5px solid #969696
}

.container {
    max-width: 1024px;
    margin: 0 auto;
    position: relative
}

input[type=email],
input[type=file],
input[type=text] {
    background-color: #fff;
    color: #000;
    width: 100%
}

.thaiyoutube {
    position: relative;
    width: 100%;
    padding-top: 56.25%
}

.thaiyoutube iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important
}

#header_top,
#show_menu ul li {
    position: relative
}

.cse .gsc-search-button input.gsc-search-button-v2,
input.gsc-search-button-v2 {
    width: 13px !important;
    height: 24px !important;
    padding: 11px 17px !important;
    min-width: 8px !important;
    margin-top: 6px !important;
    margin-right: 15px
}

.header_bottom,
.header_center,
.header_top {
    width: 100%;
    display: table
}

div#gsc-iw-id1 {
    border: none
}

.cate_top_hotel img {
    float: left;
    width: 130px;
    margin-right: 3px
}

.cate_top_hotel {
    float: left;
    padding: 3px
}

p.rate img {
    width: 15%;
    margin-top: 5px
}

td.gsc-input {
    padding: 0 !important
}

td.gsc-search-button {
    height: 30px
}

#header_right,
div#logo {
    width: 50%;
    float: left
}

div#logo img {
    width: 95%;
    margin-top: 4%;
    margin-left: 1%
}

.row-1-4 {
    width: 25%;
    float: left
}

#header_right .row-1-4 img {
    width: 100%
}

.CmsCategory {
    margin-bottom: 10px
}

p.text_header {
    margin: -5px 0 0;
    padding: 0;
    line-height: 20px;
    text-align: left
}

.header_top {
    border-bottom: 2px solid #6e6433
}

.header_center {
    min-height: 40px
}

.header_bottom img {
    margin: auto;
    text-align: center
}

.header_bottom {
    text-align: center;
    width: 100%;
    min-height: 100px;
    background: #fff
}

div#header {
    border-bottom: 8px solid #6e6433
}

.content_search h3 {
    float: left;
    margin: 0;
    font-size: 14px
}

h2.title {
    text-align: left;
    border-bottom: 2px solid #6e6433;
    padding: 0 5px;
    margin: 0 0 5px
}

.thumbnail {
    width: 20%;
    float: left;
    margin: 1%
}

.row-post {
    width: 100%;
    display: table;
    border-bottom: 1px solid #6E6433
}

p.readmore a {
    color: #fff;
    font-weight: 700
}

p.readmore {
    width: 88%;
    margin: auto;
    background-color: #B59E53;
    text-align: center;
    padding: 15px;
    color: #fff;
    border-radius: 5px
}

div#tab-1subpage {
    text-align: left;
    line-height: 25px;
    float: left
}

.adsen {
    float: left;
    width: 100%;
    text-align: center;
    min-height: 200px;
    background: #fff;
    margin-bottom: 5px
}

table {
    width: 100%;
    border-collapse: collapse
}

table,
td,
tr {
    border: 1px solid #6E6433;
    text-align: left
}

.post-blog tr td {
    padding: 6px 0
}

.post-blog table {
    margin: 10px 0
}

.item {
    border: 1px solid #8C7A3E;
    width: 33.33333%;
    float: left;
    padding: 8px 5px;
    text-align: center
}

.content-post {
    text-align: left;
    float: right;
    width: 78%
}

.row-2-3,
.row-2-3-m {
    text-align: right;
    margin-top: 12px
}

.row-1-3 {
    width: 33.3333333%;
    float: left
}

.row-2-3 {
    width: 66.666666%;
    float: right
}

.row-1-3-l {
    width: 40%;
    float: left
}

.row-2-3-m {
    width: 60%;
    float: right
}

img#WT_CURR_ICON {
    float: left;
    margin-right: 10px
}

.weather.row-1-3-l a {
    padding: 0;
    display: table;
    width: 100%;
    color: #000
}

div#WT_CURR_ICON_STR {
    padding-top: 12px
}

span#WT_CURR_TEMP {
    font-size: 18px;
    font-weight: 700
}

span#thai {
    margin: 0 2%
}

span#thaite {
    margin-right: 2%
}

ul.tabs {
    margin: 0;
    padding: 0
}

ul.tabs li {
    background: 0 0;
    color: #222;
    display: inline-block;
    padding: 10px 15px;
    cursor: pointer
}

ul.tabs li.current {
    background: #ededed;
    color: #222
}

.tab-content {
    display: none;
    background: #FFF;
    padding: 15px
}

#show_menu,
div#show_search {
    right: 0;
    background-color: #fff
}

.tab-content.current {
    display: inherit
}

#show_menu,
#show_rank,
ul.sub-menu {
    display: none
}

span.ranking {
    padding: 0 4px 0 3px;
    margin-right: 5px;
    border: 1px solid #B1B1B1
}

.hotel_title {
    background: #8C7A3E;
    text-align: center;
    padding: 4px;
    border-bottom: 1px solid #8C7A3E
}

#show_menu {
    position: absolute;
    min-width: 305px;
    z-index: 999
}

#show_menu ul li {
    color: #fff;
    list-style: none;
    background-color: #B19B4E;
    padding: 8px 20px;
    border-bottom: 1px solid #FBFBFB
}

#show_menu ul li a {
    color: #fff
}

div#show_rank a {
    line-height: 30px
}

ul.sub-menu {
    border-top: 1px solid #6E6433;
    margin: 10px -20px -8px
}

.menu-item-has-children:after {
    content: "▼";
    float: right;
    padding: 10px 15px;
    position: absolute;
    right: 0;
    top: 0
}

ul.sub-menu li:last-child {
    border-bottom: none !important
}

#show_search table,
#show_search td,
#show_search tr {
    border: none !important
}

div#show_search {
    max-width: 320px;
    display: none;
    float: right
}

.noborder table,
.noborder td,
.noborder tr {
    border: none;
    text-align: center
}

.noborder.title tr td {
    text-align: left;
    padding-left: 15px
}

.adsen img,
.foo-post,
.post-blog {
    text-align: center
}

td.center_img img {
    float: none !important
}

.catList,
.form-se,
.post-blog,
ul.pagination li {
    float: left
}

span#WT_CURR_TEMP_11 {
    font-size: 22px;
    font-weight: 700;
    color: #000
}

td#WT_CURR_ICON_STR_11 {
    color: #0054c9;
    font-weight: 600
}

span#WT_CURR_TEMP133_11 {
    color: #ff470a;
    font-weight: 700
}

span#WT_CURR_TEMP134_11 {
    font-weight: 700;
    color: #0054c9
}

.wp-caption.alignnone {
    max-width: 100%;
    margin: 10px 0;
}

.adsen img {
    margin-top: 5px
}

.breadcrumbs {
    font-size: 13px
}

span.date {
    font-size: 11px;
    color: #A5A5A5
}

.rangking_hd img,
.restau_hd img,
.search_hd img {
    width: 55% !important;
    margin: 40% 0 0 22%
}

.current-menu-item,
.menu-item-has-children {
    background-color: #6F6131 !important
}

.current-menu-item {
    padding: 10px 20px !important
}

.content_post img {
    margin: 10px 0;
    max-width: 100%;
    height: auto
}

.content_p {
    font-size: 18px;
    padding: 15px
}

.post-blog {
    margin-top: 10px;
    margin-bottom: 10px;
    width: 100%
}

input,
select {
    padding: 8px;
    border-radius: 3px;
    box-shadow: 0 0 1px 1px #9E9A9A
}

.form-se.search-t {
    width: 77.8%
}

.form-se {
    width: 25%;
    margin-right: 10px
}

button.btn.btn-success {
    width: 120px
}

.catList {
    width: 100%;
    margin: 10px
}

ul.pagination span.current {
    -moz-box-shadow: inset 0 1px 4px #000;
    -webkit-box-shadow: inset 0 1px 4px #000;
    box-shadow: inset 0 1px 4px #000;
    background-color: #b5b5b5;
    border-radius: 4px;
    padding: 7px 10px 5px
}

ul.pagination a.page-numbers {
    padding: 3px 8px;
    -moz-box-shadow: inset 0 1px 4px #000;
    -webkit-box-shadow: inset 0 1px 4px #000;
    box-shadow: inset 0 1px 4px #000;
    background-color: #e5e5e5;
    border-radius: 4px;
    margin-top: 8px;
    color: #2b2b2b;
    text-decoration: none
}

ul.pagination a,
ul.pagination span {
    margin: 0 5px
}

ul.pagination .active {
    color: #FFF;
    font-size: 20px;
    font-weight: 600
}

ul.pagination a {
    font-weight: 600;
    font-size: 18px
}

ul.pagination {
    margin: 40px auto;
    display: table
}

ul.pagination .next,
ul.pagination .prev {
    display: none
}

.thumbnail_sub.single_thum {
    float: right;
    width: 30%
}

.thumbnail_sub {
    display: block;
    padding: 4px;
    line-height: 1.428571429;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.CmsCategory .before {
    color: #4D8ED5 !important;
    margin-right: 8px
}

.foo-post {
    clear: both;
    float: left;
    padding: 5px;
    width: 100%
}

.item a {
    float: left;
    padding-left: 18px;
    background: url(https://www.thaich.net/wp-content/uploads/2015/10/arrow_red.png) left center no-repeat;
    font-size: 14px
}

.tophotelbangkok.wow.fadeInDown {
    float: left;
    border-radius: 5px;
    border: 1px solid #000;
    width: 100%;
    margin-bottom: 5px;
    margin-right: 8px
}

p.rate {
    line-height: 20px !important;
    margin: 5px 0 0;
    width: 100%;
    text-align: left
}

.line,
.sns-icons>a,
p.price,
p.top_hotel_title {
    text-align: center
}

h2.cate_title,
p.related_title {
    text-align: left
}

p.price {
    margin-top: 5px;
    float: left;
    margin-bottom: 5px
}

p.top_hotel_title {
    padding: 2px;
    font-size: 16px;
    margin: 0;
    width: 100%;
    color: #F7F7F7;
    background-color: #000;
    float: left
}

.most_hotel,
.post-blog.top {
    margin-top: 10px
}

.footer-bottom-col a,
p.price a {
    color: #fff
}

p.price a {
    font-size: 13px;
    margin-bottom: 5px !important;
    border-radius: 4px;
    background-color: #C00;
    padding: 5px
}

.col-sm-3,
.col-sm-6 {
    padding: 10px;
    float: left
}

.most_hotel {
    float: left
}

.post-meta.text-left1 {
    font-size: 14px;
    float: left
}

section.ggmap {
    width: 100%
}

.footer-container {
    margin-top: 170px
}

.col-sm-3 {
    width: 24%;
    margin-right: 1%
}

.col-sm-6 {
    width: 50%
}

select#cat {
    width: 100%
}

.footer-bottom-col {
    background: #8C7A3E;
    color: #fff;
    font-size: 90%;
    overflow: hidden;
    padding: 10px 0;
    width: 100%;
    max-width: 1024px;
    margin: 0 auto
}

.footer-container {
    max-width: 1024px;
    margin: 170px auto 0;
    background: #a59760;
    display: table;
    width: 100%
}

.line,
.sns-icons {
    margin: 5px 0 10px
}

.adsen img,
.line img,
article.post-content img,
iframe {
    max-width: 100%
}

h2.rounded {
    color: #eec721
}

.col-sm-3 a,
.line a,
.sns-icons>a {
    color: #fff
}

.cate1 {
    width: 50%;
    border: 1px solid #8C7A3E;
    float: left;
    padding: 5px
}

.line,
.sns-icons {
    width: 100%;
    /*float: left;*/
    display: flex;
    flex-flow: row wrap;
}

.cate1.first,
.cate1.second {
    border-bottom: none
}

.sns-icons>a {
    float: left;
    width: 49.5%;
    margin: 0;
    padding: .5em 0 .6em;
    font-size: 12px;
    line-height: 2;
    border-radius: 0;
    position: relative;
    display:flex;
    align-items: center;
    justify-content: center;
}

.sns-icons>a img{
    /*width: 50%;*/
    margin: 0;
    width: 13.4%;
}

.sns_count {
    position: absolute;
    font-size: 10px;
    right: 2px;
    bottom: -3px
}

.sns-icons a:hover {
    color: #fff;
    opacity: .8
}

.content iframe {
    width: 100%;
}

.wp-embed {
    height: 340px;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0
}

.video-container embed,
.video-container iframe,
.video-container object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.sns-icons.new a {
    width: 50%
}

.thumbnail.postpage {
    float: right;
    width: 105px
}

p.interview {
    font-weight: 700
}

div#tab-1subpage li {
    margin-bottom: 7px
}

.adsen.exchange {
    margin-top: 10px
}

article.post-content,
div#profile {
    float: left
}

.content-post a {
    font-size: 15px
}

.cate_title a {
    font-size: 13px
}

div#logo h1 {
    margin: 0
}

.logokuchi img {
    width: 50%;
    margin: 0
}

p.login_description {
    font-size: 14px
}

input.gsc-search-button {
    border: none !important;
    background: #8C7A3E !important
}

@media (min-width:100px) and (max-width:400px) {
    div#WT_PRED_LIST tr td {
        font-size: 12px
    }
}

@media (min-width:100px) and (max-width:650px) {

    .form-se,
    .form-se.search-t {
        width: calc(100% - 20px);
        float: left;
        margin: 5px 10px
    }

    button.btn.btn-success {
        margin-left: 10px
    }

    .col-sm-3,
    .col-sm-6 {
        width: 100%;
        float: left;
        margin-right: 0;
        padding: 10px
    }
}

@media (min-width:100px) and (max-width:500px) {

    table.ctBasicData tr td,
    table.ctBasicData tr td strong,
    table.ctBasicData tr th {
        font-size: 16px !important
    }

    .h1,
    h1 {
        font-size: 20px
    }

    .h3,
    h3 {
        font-size: 18px
    }

    .content_p {
        font-size: 16px;
        padding: 15px;
        line-height: 1.5;
    }

    .content_post.mobi h2 {
        margin-bottom: 15px;
        border-bottom: 1px dashed #A59760;
        font-size: 18px;
        font-weight: 700;
        line-height: 30px;
        padding-left: 5px;
        border-left: 5px solid #969696
    }

    .content_post.mobi p.wp-caption-text {
        font-size: 13px !important;
        color: #A9A7A7;
        line-height: 16px;
        margin-bottom: 0 !important;
        margin-top: -14px;
    }

    .content_p h1,
    h1.title_post {
        font-size: 18px !important;
    }


    .content_p h1 {
        font-size: 22px !important;
        margin-top: 10px;
        margin-bottom: 5px
    }

    .content_p h2 {
        font-size: 20px;
    }
     .content_p h3 {
        font-size: 18px;
    }
.content_p h4 {
        font-size: 16px;
    }

    .content_p ol {
        padding-left: 20px;
    }

    div#goumet_post h1 {
        font-size: 20px
    }

    .radiusBox {
        width: 100%
    }

    a.ext-link {
        word-break: break-all
    }
}

.list_hotel {
    width: 100%;
    float: left;
    margin-top: 10px
}

.list_hotel_center.wow.fadeInDown.animated.animated {
    float: left;
    border-radius: 5px;
    border: 1px solid #A59760;
    width: 49%;
    margin-right: 6px
}

.list_hotel_center1.wow.fadeInDown.animated.animated {
    float: left;
    border-radius: 5px;
    border: 1px solid #A59760;
    width: 49%
}

p.hotel_prlink {
    padding: 4px 3px;
    margin: 0 0 0 5px !important;
    font-size: 13px
}

.hotel_title.mobi a {
    font-weight: bolder;
    color: #FFF !important;
    font-size: 16px
}

p.related_title {
    border-bottom: 3px solid #A59760;
    font-size: 1.8rem !important;
    line-height: 20px !important;
    margin: 0 0 5px !important;
    color: #333;
    font-weight: 700;
    padding: 5px
}

.social-icons-box .fa {
    padding: 6px;
    font-size: 20px;
    width: 20px;
    text-align: center;
    text-decoration: none;
    margin: 5px 2px;
    box-sizing: content-box;
    border-radius: 50%
}

.social-icons-box .fa:hover {
    opacity: .7
}

.social-icons-box .fa-facebook {
    background: #3B5998;
    color: #fff
}

.social-icons-box .fa-twitter {
    background: #55ACEE;
    color: #fff
}

.social-icons-box .fa-youtube-play {
    background: #b00;
    color: #fff
}

.social-icons-box .fa-instagram {
    background: -webkit-radial-gradient(32% 106%, circle cover, #ffe17d 0, #ffcd69 10%, #fa9137 28%, #eb4141 42%, transparent 82%), -webkit-linear-gradient(-45deg, #234bd7 12%, #c33cbe 58%);
    background: -moz-radial-gradient(32% 106%, circle cover, #ffe17d 0, #ffcd69 10%, #fa9137 28%, #eb4141 42%, transparent 82%), -moz-linear-gradient(-45deg, #234bd7 12%, #c33cbe 58%);
    background: -ms-radial-gradient(32% 106%, circle cover, #ffe17d 0, #ffcd69 10%, #fa9137 28%, #eb4141 42%, transparent 82%), -ms-linear-gradient(-45deg, #234bd7 12%, #c33cbe 58%);
    background: -o-radial-gradient(32% 106%, circle cover, #ffe17d 0, #ffcd69 10%, #fa9137 28%, #eb4141 42%, transparent 82%), -o-linear-gradient(-45deg, #234bd7 12%, #c33cbe 58%);
    background: radial-gradient(circle farthest-corner at 32% 106%, #ffe17d 0, #ffcd69 10%, #fa9137 28%, #eb4141 42%, transparent 82%), linear-gradient(135deg, #234bd7 12%, #c33cbe 58%);
    color: #fff
}

.social-icons-box .fa-rss {
    background: #f60;
    color: #fff
}

.footer-links a,
.footer-links li a,
.list_footer li {
    display: inline-block
}

.footer-links li a,
.footer-links p,
.list_footer li a {
    color: #fff
}

.list_footer li:not(:last-child) {
    margin-right: 15px
}

.pagination a,
.pagination span {
    border: none;
    text-decoration: none;
    padding: 3px 5px;
    margin: 2px
}

.foot_social,
.list_footer:first-child {
    margin-top: 20px
}

blockquote.wp-embedded-content {
    display: none
}

.wp-embedded-content {
    position: relative !important
}

.menu {
    margin-bottom: 0
}

p.plus {
    width: 20px;
    height: 20px;
    position: absolute;
    right: 15px;
    z-index: 1;
}

*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

a {
    color: #428bca;
}

.thumbnail {
    display: block;
    padding: 4px;
    line-height: 1.428571429;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 4px;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.taxonomy-description p {
    text-align: left;
    margin-bottom: 10px
}