@charset "UTF-8";
   body {
font-size: 16px;
font-family: "游明朝", YuMincho, "Yu Mincho", "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-weight: 400;
}
@media screen and (max-width: 1200px) {
body {
font-size: 14px;
}
}
body .inner {
width: 100%;
overflow-x: hidden;
background-color: #FFFCF2;
min-height: 100vh;
}
.body-fix {
overflow: hidden;
} main {
width: 100%;
}
.main {
min-height: 100vh;
}
a {
transition: 0.25s ease-in-out;
opacity: 1;
}
a:hover {
transition: 0.25s ease-in-out;
opacity: 0.6;
}
section h2 {
font-size: 36px;
font-weight: 500;
}
section h3 {
letter-spacing: 0.1em;
font-size: 32px;
}
section h4 {
letter-spacing: 0.1em;
line-height: 1.5;
}
section p {
font-size: 18px;
font-weight: 400;
}
@media screen and (max-width: 1200px) {
section h2 {
font-size: 36px;
font-weight: 500;
}
section h3 {
font-size: 20px;
}
section p {
font-size: 14px;
}
} .container {
width: calc(1621 / 1920 * 100%);
max-width: 1100px;
margin: 0 auto;
position: relative;
max-width: 1100px;
}
@media screen and (max-width: 1200px) {
.container {
width: calc(700 / 867 * 100%);
}
}
@media screen and (max-width: 767px) {
.container {
width: calc(335 / 375 * 100%);
}
}
.container .section-title {
position: relative;
width: fit-content;
}
.container .section-title::after {
content: "";
position: absolute;
top: 22px;
right: -120.5px;
width: 101px;
height: 1px;
background-color: #000000;
}
@media screen and (max-width: 767px) {
.container .section-title {
position: relative;
margin: 0 auto;
}
.container .section-title::after {
content: "";
position: absolute;
top: 20px;
right: -40px;
width: 25px;
height: 1px;
background-color: #000000;
}
.container .section-title::before {
content: "";
position: absolute;
top: 20px;
left: -40px;
width: 25px;
height: 1px;
background-color: #000000;
}
} @keyframes fadeIn {
0% {
opacity: 0;
transform: translateY(50px);
}
100% {
opacity: 1;
transform: translateY(0px);
}
}
.fade-content {
opacity: 0;
}
.fade-content-active {
animation: fadeIn 1s forwards;
}
@keyframes fadeInLeft {
0% {
opacity: 0;
transform: translateX(100px);
}
100% {
opacity: 1;
transform: translateX(0px);
}
}
.fade-left {
opacity: 0;
}
.fade-left-active {
overflow: hidden;
animation: fadeInLeft 2s forwards;
}
@keyframes fadeInRight {
0% {
opacity: 0;
transform: translateX(-100px);
}
100% {
opacity: 1;
transform: translateX(100px);
}
}
.fade-right {
opacity: 0;
}
.fade-right-active {
overflow: hidden;
animation: fadeInLeft 2s forwards;
}
@keyframes fadeScale {
0% {
opacity: 0;
transform: scale(10%);
}
100% {
opacity: 1;
transform: scale(100%);
}
}
.fade-scale {
opacity: 0;
}
.fade-scale-active {
animation: fadeScale 4s forwards;
}
@keyframes fadeHeight {
0% {
opacity: 0;
height: 0;
}
100% {
opacity: 1;
height: 100%;
}
}
.fade-height {
opacity: 0;
}
.fade-height-active {
animation: fadeHeight 2s forwards;
}
.lang-packs {
display: none;
opacity: 0;
visibility: hidden;
}
.btn-text {
display: block;
width: fit-content;
background-color: #FFE36E;
border: 1px solid #CEA803;
margin: 0 auto;
padding: 13px 70px 12px 64px;
text-align: center;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
position: relative;
}
.btn-text::before {
content: "";
width: 20px;
height: 20px;
border-top: solid 1px #000000;
border-right: solid 1px #000000;
position: absolute;
right: 20px;
top: 12px;
transform: rotate(45deg);
}
@media screen and (max-width: 767px) {
.btn-text {
display: block;
width: fit-content;
background-color: #FFEA93;
border: 2px solid #CEA803;
margin: 0 auto;
padding: 6px 28px;
text-align: center;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
position: relative;
}
.btn-text::before {
content: "";
width: 12px;
height: 12px;
border-top: solid 1px #000000;
border-right: solid 1px #000000;
position: absolute;
right: 14px;
top: 9px;
transform: rotate(45deg);
}
}  .contact-form {
width: 850px;
margin: 0 auto;
padding: 61px 150px;
background-color: rgba(244, 220, 169, 0.22);
margin-top: 30px;
}
@media screen and (max-width: 767px) {
.contact-form {
width: 100%;
padding: 0;
background-color: transparent;
}
}
.contact-form .wpcf7-form .top-text {
width: 200%;
text-align: center;
transform: translateX(-25%);
}
@media screen and (max-width: 767px) {
.contact-form .wpcf7-form .top-text {
width: 100%;
text-align: center;
transform: translateX(0%);
}
}
.contact-form .wpcf7-form p {
width: 100%;
margin: 20px 0;
color: #003050;
}
.contact-form .wpcf7-form p label {
width: fit-content;
display: inline-block;
margin-bottom: 15px;
position: relative;
}
.contact-form .wpcf7-form p .requ::before {
content: "必須";
position: absolute;
right: -50px;
top: 0;
background-color: #FFFCF2;
color: #ffffff;
font-size: 15px;
padding: 2px 5px;
}
@media screen and (max-width: 767px) {
.contact-form .wpcf7-form p .requ::before {
font-size: 11px;
right: -40px;
}
}
.contact-form .wpcf7-form span {
width: 100%;
display: inline-block;
}
.contact-form .wpcf7-form input {
width: 100%;
padding: 10px 15px;
background-color: #ffffff;
border: 1px solid #04608A;
}
.contact-form .wpcf7-form select {
width: 100%;
padding: 10px 15px;
position: relative;
cursor: pointer;
background-color: #ffffff;
}
.contact-form .wpcf7-form textarea {
width: 100%;
padding: 10px 15px;
border: 1px solid #04608A;
background-color: #ffffff;
border: 1px solid #04608A;
height: 100px;
}
.contact-form .wpcf7-form .wpcf7-submit {
width: 147px;
text-align: center;
background-color: #FFEA93;
transition: 0.25s ease-out;
margin-left: auto;
display: block;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
} .wpcf7-form-control-wrap {
display: block;
}
span.wpcf7-list-item {
margin: 0 30px 0 0; position: relative;
}
.wpcf7-list-item-label {
cursor: pointer; }
input[type=checkbox] {
opacity: 0; position: absolute;
}
.wpcf7-list-item-label::before { border: 1px solid #FFFCF2;
content: "";
display: inline-block;
height: 20px;
margin-right: 10px;
position: relative;
top: -1px;
vertical-align: middle;
width: 20px;
}
input[type=checkbox]:checked + .wpcf7-list-item-label::after { background: url(//thai-gohan.com/wp-content/themes/thai-gohan/img/illust/illust_check-mark.png) no-repeat center;
background-size: contain;
content: "";
position: absolute;
height: 14px;
left: 3px;
position: absolute;
top: 4px;
width: 14px;
}
input[type=checkbox]:checked + .wpcf7-list-item-label::before { background-color: #FFFCF2;
} .news-inner {
width: 73.5416666667%;
margin: 0 auto;
display: flex;
justify-content: space-between;
margin-top: 84px;
}
.news-inner .title {
margin-bottom: 0;
}
.news-inner .post-meta {
text-align: right;
margin-bottom: 19px;
color: #817303;
}
.news-inner #primary {
width: 60.4343720491%;
}
.news-inner #primary .related_post_container {
width: 100%;
margin-left: 0;
}
.news-inner #primary .related_post_container .news-item {
display: flex;
margin-bottom: 40px;
}
.news-inner #primary .related_post_container .news-item:hover .news-content .news-title {
color: #817303;
}
.news-inner #primary .related_post_container .news-item:hover .news-img-box .box-color {
transition: 0.25s ease-in-out;
opacity: 0.5;
}
.news-inner #primary .related_post_container .news-item:hover .news-img img {
scale: 1.2;
transition: 0.25s ease-in-out;
}
.news-inner #primary .related_post_container .news-item .news-img-box {
position: relative;
width: 30.78125%;
padding-top: 17.34375%;
margin-right: 4.53125%;
height: 0;
}
@media screen and (max-width: 500px) {
.news-inner #primary .related_post_container .news-item .news-img-box {
width: 34.7058823529%;
margin-right: 3.2352941176%;
}
}
.news-inner #primary .related_post_container .news-item .news-img-box .box-color {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #817303;
z-index: 1;
opacity: 0;
}
.news-inner #primary .related_post_container .news-item .news-img-box .news-img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
}
.news-inner #primary .related_post_container .news-item .news-img-box .news-img img {
width: 100%;
height: 100%;
object-fit: cover;
transition: 0.25s ease-in-out;
}
.news-inner #primary .related_post_container .news-item .news-content {
width: 64.6875%;
}
@media screen and (max-width: 500px) {
.news-inner #primary .related_post_container .news-item .news-content {
width: 62.0588235294%;
}
}
.news-inner #primary .related_post_container .news-item .news-content .news-meta {
color: #817303;
margin-bottom: 12px;
}
.news-inner #primary .related_post_container .news-item .news-content .news-title {
font-weight: 700;
font-size: 18px;
line-height: 24px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
margin-bottom: 4px;
}
@media screen and (max-width: 500px) {
.news-inner #primary .related_post_container .news-item .news-content .news-title {
font-size: 13px;
}
}
.news-inner #primary .related_post_container .news-item .news-content .excerpt {
font-size: 12px;
line-height: 16px;
margin-bottom: 0;
color: #9A9A9A;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
margin-bottom: 4px;
}
@media screen and (max-width: 500px) {
.news-inner #primary .related_post_container .news-item .news-content .excerpt {
-webkit-line-clamp: 3;
}
}
.news-inner #primary .related_post_container .news-item .news-content .news-meta {
font-size: 14px;
margin-bottom: 0;
color: #817303;
line-height: 16px;
}
@media screen and (max-width: 500px) {
.news-inner #primary .related_post_container .news-item .news-content .news-meta {
font-size: 12px;
}
}
.news-inner #secondary {
width: 32.5779036827%;
}
.news-inner #secondary .side-bar {
padding: 58px 7.5362318841% 50px 13.0434782609%;
background-color: #ffffff;
box-shadow: 1px 3px 9px -6px #777777;
}
.news-inner #secondary .side-bar .side-title {
font-size: 14px;
font-weight: 700;
line-height: 24.62px;
margin-bottom: 16px;
position: relative;
padding-left: 20px;
width: fit-content;
}
.news-inner #secondary .side-bar .side-title::after {
content: "";
position: absolute;
width: 15px;
height: 1px;
top: 12px;
left: 0;
background-color: #000000;
}
.news-inner #secondary .side-bar .side-title::before {
content: "";
position: absolute;
width: 15px;
height: 1px;
top: 12px;
right: -20px;
background-color: #000000;
}
.news-inner #secondary .side-bar .latest-news-lists {
width: 100%;
margin-bottom: 38px;
}
.news-inner #secondary .side-bar .latest-news-lists .latest-news-list {
margin-bottom: 24px;
}
.news-inner #secondary .side-bar .latest-news-lists .latest-news-list:nth-child(3) {
margin-bottom: 0;
}
.news-inner #secondary .side-bar .latest-news-lists .latest-news-list:hover .news-text .news-des {
color: #817303;
}
.news-inner #secondary .side-bar .latest-news-lists .latest-news-list:hover .news-img-box .box-color {
background-color: #817303;
transition: 0.25s ease-in-out;
opacity: 0.5;
z-index: 1;
}
.news-inner #secondary .side-bar .latest-news-lists .latest-news-list:hover .news-img-box .news-img img {
scale: 1.2;
transition: 0.25s ease-in-out;
}
.news-inner #secondary .side-bar .latest-news-lists .latest-news-list a {
display: flex;
justify-content: space-between;
}
.news-inner #secondary .side-bar .latest-news-lists .latest-news-list a .news-img-box {
width: 29.197080292%;
padding-top: 29.197080292%;
height: 0;
position: relative;
}
.news-inner #secondary .side-bar .latest-news-lists .latest-news-list a .news-img-box .box-color {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.news-inner #secondary .side-bar .latest-news-lists .latest-news-list a .news-img-box .news-img {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
overflow: hidden;
}
.news-inner #secondary .side-bar .latest-news-lists .latest-news-list a .news-img-box .news-img img {
object-fit: cover;
width: 100%;
height: 100%;
transition: 0.25s ease-in-out;
}
.news-inner #secondary .side-bar .latest-news-lists .latest-news-list a .news-text {
width: 66.4233576642%;
}
.news-inner #secondary .side-bar .latest-news-lists .latest-news-list a .news-text .news-meta {
font-weight: 400;
color: #817303;
line-height: 16px;
line-height: 24px;
}
.news-inner #secondary .side-bar .latest-news-lists .latest-news-list a .news-text .news-des {
font-weight: 500;
line-height: 24px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.news-inner #secondary .side-bar .archive li {
font-size: 14px;
line-height: 26px;
font-weight: 500;
position: relative;
padding-left: 10px;
transition: 0.25s ease-in-out;
}
.news-inner #secondary .side-bar .archive li::before {
transition: 0.25s ease-in-out;
content: "";
width: 5px;
height: 1px;
background-color: #000000;
position: absolute;
top: calc(50% + 2px);
left: 0;
}
.news-inner #secondary .side-bar .archive li:hover {
transition: 0.25s ease-in-out;
}
.news-inner #secondary .side-bar .archive li:hover::before {
transition: 0.25s ease-in-out;
height: 2px;
}
@media screen and (max-width: 1200px) {
.news-inner {
width: 86.6666666667%;
}
.news-inner #primary {
width: 64.2115203022%;
}
}
@media screen and (max-width: 767px) {
.news-inner {
width: 90.6666666667%;
margin: 0 auto;
display: flex;
flex-direction: column;
justify-content: initial;
margin-top: 7px;
}
.news-inner .bread {
font-size: 12px;
margin-bottom: 7px;
}
.news-inner .title {
margin-bottom: 0;
}
.news-inner #primary {
width: 100%;
margin-bottom: 50px;
}
.news-inner #secondary {
width: 100%;
}
.news-inner #secondary .side-bar {
padding: 0;
background-color: transparent;
box-shadow: initial;
}
.news-inner #secondary .side-bar .side-title {
text-align: center;
margin: 0 auto 20px auto;
}
.news-inner #secondary .side-bar .archive {
margin-bottom: 100px;
display: flex;
flex-wrap: wrap;
}
.news-inner #secondary .side-bar .archive li {
width: 50%;
margin-bottom: 15px;
}
}  .entry_shop-imgs {
width: 57.5520833333%;
margin: 70px auto 0 auto;
}
.entry_shop-imgs .slick_shop .slide-box {
padding-top: 13% !important;
}
.entry_shop-imgs .shop-imgs-inner {
position: relative;
}
.entry_shop-imgs .shop-imgs-inner .slide-box {
position: relative;
height: 0;
padding-top: 60%;
}
.entry_shop-imgs .shop-imgs-inner .slide-box .slide-img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.entry_shop-imgs .shop-imgs-inner .slide-box .slide-img img {
width: 100%;
height: 90%;
object-fit: cover;
}
.entry_shop-imgs .shop-imgs-inner .slide-box .quote-text {
width: 100%;
text-align: right;
margin-top: 5px;
padding: 0 5px;
}
.entry_shop-imgs .shop-imgs-inner .slide-box .quote-text a {
color: blue;
}
.entry_shop-imgs .shop-imgs-inner .prev-arrow {
cursor: pointer;
position: absolute;
top: 48%;
left: -15%;
z-index: 1;
}
.entry_shop-imgs .shop-imgs-inner .prev-arrow::before {
border-radius: 50%;
font-size: 16px;
font-weight: bold;
width: 100%;
height: 100%;
content: "\f053";
font-family: "Font Awesome 5 Free";
padding: 20px 24px;
border: 2px solid #CFCFCF;
background-color: transparent;
color: #CFCFCF;
}
.entry_shop-imgs .shop-imgs-inner .prev-arrow:hover::before {
border: 2px solid #CFCFCF;
background-color: #CFCFCF;
color: #ffffff;
transition: 0.25s ease-in-out;
}
.entry_shop-imgs .shop-imgs-inner .next-arrow {
cursor: pointer;
position: absolute;
top: 48%;
right: -15%;
transform: rotate(180deg);
}
.entry_shop-imgs .shop-imgs-inner .next-arrow::before {
border-radius: 50%;
font-size: 16px;
font-weight: bold;
width: 100%;
height: 100%;
content: "\f053";
font-family: "Font Awesome 5 Free";
padding: 20px 24px;
border: 2px solid #CFCFCF;
background-color: transparent;
color: #CFCFCF;
transition: 0.25s ease-in-out;
}
.entry_shop-imgs .shop-imgs-inner .next-arrow:hover::before {
transition: 0.25s ease-in-out;
border: 2px solid #CFCFCF;
background-color: #CFCFCF;
color: #ffffff;
}
@media screen and (max-width: 767px) {
.entry_shop-imgs {
width: 100%;
margin-top: 0;
}
.entry_shop-imgs .shop-imgs-inner .slide-box {
padding-top: 55vh;
}
.entry_shop-imgs .shop-imgs-inner .slide-box .slide-img img {
width: 100%;
height: 85%;
object-fit: cover;
}
.entry_shop-imgs .shop-imgs-inner .slide-box .quote-text {
text-align: left;
}
.entry_shop-imgs .shop-imgs-inner .prev-arrow {
left: 10px;
top: 40%;
}
.entry_shop-imgs .shop-imgs-inner .prev-arrow::before {
padding: 15px 19px;
border: 2px solid #CFCFCF;
background-color: transparent;
font-size: 10px;
color: #CFCFCF;
}
.entry_shop-imgs .shop-imgs-inner .next-arrow {
right: 10px;
top: 40%;
}
.entry_shop-imgs .shop-imgs-inner .next-arrow::before {
font-size: 10px;
padding: 15px 19px;
border: 2px solid #CFCFCF;
background-color: transparent;
color: #CFCFCF;
}
}
.entry_shop-inner {
width: 73.5416666667%;
margin: 0 auto;
margin-top: 84px;
}
.entry_shop-inner .entry_shop-header {
display: flex;
margin-top: 135px;
border-bottom: 1px solid #707070;
margin-bottom: 50px;
}
.entry_shop-inner .entry_shop-header .title {
margin-bottom: 0;
}
.entry_shop-inner .entry_shop-header .taxonomies {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 0;
}
.entry_shop-inner .entry_shop-header .taxonomies li {
list-style: none;
font-size: 16px; line-height: 1;
}
.entry_shop-inner .entry_shop-header .taxonomies li img {
width: 26px;
height: auto;
margin-bottom: 0px;
}
.entry_shop-inner .info-table {
width: 100%;
}
.entry_shop-inner .info-table .info-row {
display: flex;
margin: 2px 0;
}
.entry_shop-inner .info-table .info-row .info-dt {
border: 1px solid #707070;
background-color: #ffffff;
padding: 14px 35px;
}
.entry_shop-inner .info-table .info-row .info-dt p,
.entry_shop-inner .info-table .info-row .info-dt a {
margin-bottom: 0;
text-decoration: none;
word-break:break-all;
}
.entry_shop-inner .info-table .info-row .info-dt img {
margin: 0 10px;
width: 40px;
}
.entry_shop-inner .info-table .info-row .left {
width: 30%;
}
.entry_shop-inner .info-table .info-row .right {
width: 70%;
}
.entry_shop-inner .info-table .info-row .right .map-frame {
width: 100%;
height: 0;
padding-top: 70%;
position: relative;
}
.entry_shop-inner .info-table .info-row .right .map-frame iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}
.entry_shop-inner .info-table .info-row .sns {
display: flex;
align-items: center;
}
.entry_shop-inner .post_content {
width: 100%;
}
@media screen and (max-width: 1200px) {
.entry_shop-inner {
width: 90.6666666667%;
margin: 0 auto;
display: flex;
flex-direction: column;
justify-content: initial;
margin-top: 7px;
}
.entry_shop-inner .entry_shop-header {
flex-direction: column;
border-bottom: initial;
padding-bottom: 0px;
margin-top: 32px;
margin-bottom: 20px;
}
.entry_shop-inner .entry_shop-header .title {
padding-bottom: 7px;
border-bottom: 1px solid #707070;
font-size: 24px;
}
.entry_shop-inner .entry_shop-header .taxonomies {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
gap: 6px 10px;
margin-left: 0;
margin-top: 8px;
}
.entry_shop-inner .entry_shop-header .taxonomies li {
font-size: 14px;
margin: 0; }
.entry_shop-inner .entry_shop-header .taxonomies li:nth-child(1) {
margin-left: 0;
}
.entry_shop-inner .entry_shop-header .taxonomies li img {
width: 16px;
}
.entry_shop-inner .info-table {
width: 100%;
}
.entry_shop-inner .info-table .info-row {
display: flex;
}
.entry_shop-inner .info-table .info-row .info-dt {
padding: 15px 12px;
font-size: 14px;
}
.entry_shop-inner .info-table .info-row .info-dt img {
width: 25px;
}
.entry_shop-inner .info-table .info-row .right {
margin-left: 2px;
width: calc(70% - 2px);
}
} .post_content {
margin-bottom: 100px;
}
.post_content p {
font-size: 16px;
line-height: 2;
margin: 0 0 2em 0;
}
.post_content h1,
.post_content h2,
.post_content h3,
.post_content h4,
.post_content h5,
.post_content h6 {
clear: both;
line-height: 1.4;
margin: 0 0 10px 0;
padding: 10px 0 0 0;
}
.post_content h1 {
font-size: 29px;
line-height: 38px;
font-weight: 500;
}
.post_content h2 {
font-size: 25px;
line-height: 30px;
font-weight: 500;
}
.post_content h3 {
font-size: 16px;
line-height: 24px;
font-weight: 700;
padding: 6px 12px;
}
.post_content h4 {
font-size: 18px;
line-height: 28px;
font-weight: 700;
}
.post_content {
color: #000000;
}
.post_content h4 {
position: relative;
}
.post_content h4::first-letter {
padding-left: 18px;
}
.post_content h4::before {
content: "";
width: 14px;
height: 14px;
position: absolute;
top: 16px;
border-radius: 50%;
background-color: #817303;
}
.post_content h5 {
font-size: 16px;
line-height: 28px;
font-weight: 700;
border-bottom: 2px dashed #817303;
}
.post_content h5 {
position: relative;
}
.post_content h5::first-letter {
padding-left: 16px;
}
.post_content h5::before {
content: "";
width: 8px;
height: 8px;
position: absolute;
top: 50%;
border-radius: 50%;
background-color: #817303;
}
.post_content h6 {
font-size: 100%;
}
.post_content p a {
font-size: 16px;
line-height: 2;
margin: 0 0 2em 0;
color: #817303;
border-bottom: solid 1px #817303;
}
@media screen and (max-width: 500px) {
.post_content h1 {
font-size: 18px;
line-height: 27px;
}
.post_content h2 {
font-size: 19px;
line-height: 26px;
padding-bottom: 4px;
}
.post_content h4 {
font-size: 15px;
line-height: 23px;
}
.post_content h4::first-letter {
padding-left: 12px;
}
.post_content h4::before {
top: 12px;
}
.post_content h5 {
font-size: 13px;
line-height: 26px;
}
.post_content h5::first-letter {
padding-left: 12px;
}
.post_content p,
a {
font-size: 14px;
}
} .post_content img[class*=align],
.post_content img[class*=wp-image-],
.post_content img[class*=attachment-],
.post_content img.size-full,
.post_content img.size-large,
.post_content .wp-post-image,
.post_content img {
height: auto;
max-width: 100%;
margin-bottom: 31px;
} .post_content li,
.post_content dt,
.post_content dd {
line-height: 2.2;
}
.post_content ul,
.post_content ol,
.post_content dl {
margin-bottom: 24px;
}
.post_content ol {
list-style: decimal outside none;
margin-left: 1.5em;
}
.post_content ul {
list-style: circle outside none;
margin-left: 1.3em;
}
.post_content li > ul,
.post_content li > ol {
margin-bottom: 0;
}
.post_content dt {
font-weight: bold;
}
.post_content dd {
margin-bottom: 1em;
}
.post_content #toc_container li,
.post_content #toc_container dt,
.post_content #toc_container dd {
line-height: unset;
} .post_content blockquote {
margin: 0 0 25px 0;
padding: 27px 30px 0;
background: #fff;
border: 1px solid #ccc;
box-shadow: 0px 4px 0px 0px #f8f8f8;
position: relative;
}
.post_content blockquote:before {
content: '"';
font-style: italic;
font-size: 30px;
font-weight: normal;
line-height: 40px;
width: 30px;
height: 30px;
position: absolute;
top: 5px;
left: 10px;
color: #5cbcd7;
}
.post_content blockquote:after {
content: '"';
font-style: italic;
font-size: 30px;
font-weight: normal;
text-align: left;
line-height: 60px;
width: 30px;
height: 30px;
position: absolute;
bottom: 7px;
right: -2px;
color: #5cbcd7;
}
.post_content blockquote cite {
border-top: 1px dotted #aaa;
display: block;
padding: 20px 0 0 0;
font-style: italic;
text-align: right;
font-size: 90%;
} .post_content .wp-caption {
margin-bottom: 24px;
background: #f8f8f8;
border: 1px solid #ccc;
padding: 5px;
max-width: 100%;
-webkit-border-radius: 5px;
border-radius: 5px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.post_content .wp-caption-text {
text-align: center;
font-size: 12px;
font-style: italic;
line-height: 1.5;
margin: 9px auto;
}
.post_content .wp-caption img[class*=wp-image-] {
display: block;
margin: 0 auto;
}    .back-img {
position: fixed;
width: 340px;
margin: 0 auto;
top: 0;
right: 0;
left: 0;
}
.back-img img {
width: 100%;
height: auto;
}
@media screen and (max-width: 767px) {
.back-img {
position: fixed;
width: 215px;
margin: 0 auto;
top: 0;
right: 0;
left: 0;
}
}
.back-img1 {
position: fixed;
width: 240px;
top: 100px;
left: 2%;
}
.back-img1 img {
width: 100%;
height: auto;
}
@media screen and (max-width: 1200px) {
.back-img1 {
width: 215px;
margin: 0 auto;
top: 0;
right: 0;
left: 0;
}
}
.back-img2 {
position: fixed;
width: 240px;
top: 100px;
right: 2%;
}
.back-img2 img {
width: 100%;
height: auto;
}
@media screen and (max-width: 1200px) {
.back-img2 {
display: none;
}
} header {
position: relative;
width: 100%;
z-index: 1;
}
header .top {
padding: 0 5.46875% 0 5.2083333333%;
height: 58px;
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
background-color: #C93028;
}
header .top .top_logo {
width: 220px;
}
header .top .top_logo img {
width: 75%;
height: auto;
}
header .top .ch-lang {
color: #ffffff;
}
header .top .ch-lang ul {
display: flex;
}
header .top .ch-lang ul li {
padding: 0 10px;
}
header .top .ch-lang ul li:nth-child(1) {
position: relative;
order: 2;
}
header .top .ch-lang ul li:nth-child(2) {
order: 1;
position: relative;
}
header .top .ch-lang ul li:nth-child(2)::after {
content: "";
height: 20px;
width: 1px;
background-color: #ffffff;
position: absolute;
right: 0;
top: 0;
}
header .top .ch-lang .bogo-language-switcher .current {
opacity: 0.9;
pointer-events: none;
color: #FFEA93;
}
@media screen and (max-width: 767px) {
header .top {
position: relative;
}
header .top .top_logo {
width: 170px;
margin: 0 auto;
}
header .top .top_logo img {
width: 100%;
height: auto;
}
header .top .ch-lang {
position: absolute;
right: 0;
}
header .top .ch-lang ul {
flex-direction: column;
}
header .top .ch-lang ul li {
padding: 5px 20px;
}
} .loader {
width: 100vw;
height: 100vh;
position: fixed;
top: 0;
left: 0;
background-color: #C93028;
z-index: 999;
display: flex;
justify-content: center;
align-items: center;
}
.loader svg {
width: 250px;
height: auto;
}
.loader #text_wrap {
fill: transparent;
stroke: transparent;
}
.loader #icon_wrap {
opacity: 0;
}
.loader-inner {
visibility: hidden;
opacity: 0;
transition: opacity 2s ease-in-out, transform 2s ease-in-out;
}
.loader-inner-loading {
transition: 1s ease-in-out;
opacity: 1 !important;
visibility: visible !important;
}
.loader-img {
width: 300px;
}   @keyframes textsvg {
0% {
fill: transparent;
stroke-dasharray: 1000px;
stroke-dashoffset: 1000px;
}
75% {
stroke-dashoffset: 0;
fill: transparent;
}
100% {
fill: #DEC65C;
}
}
@keyframes iconsvg {
0% {
opacity: 0;
}
50% {
opacity: 1;
}
75% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.loader-hidden {
transition: 1s ease-in-out;
opacity: 0;
visibility: hidden;
}
@media screen and (max-width: 767px) {
.loader-img {
width: 180px;
}
} .main-visual .main-visual-inner {
position: relative;
}
.main-visual .main-visual-inner .slide-box {
position: relative;
height: 0;
padding-top: 450px;
}
.main-visual .main-visual-inner .slide-box .slide-img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.main-visual .main-visual-inner .slide-box .slide-img img {
width: 100%;
height: 100%;
object-fit: cover;
}
@media screen and (max-width: 767px) {
.main-visual .main-visual-inner .slide-box {
padding-top: 50vh;
}
} .topics {
margin-top: 91px;
}
.topics .container .section-title {
margin-bottom: 38px;
}
.topics .container .topics-inner {
background-color: #ffffff;
padding: 46px 5.9839605182% 21px 5.9839605182%;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
border-radius: 0px;
}
.topics .container .topics-inner .news-items .news-item {
display: flex;
margin-bottom: 28px;
}
.topics .container .topics-inner .news-items .news-item:hover .news-content .news-title {
color: #000000;
}
.topics .container .topics-inner .news-items .news-item:hover .news-img-box .box-color {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #000000;
transition: 0.25s ease-in-out;
opacity: 0.5;
}
.topics .container .topics-inner .news-items .news-item:hover .news-img-box .news-img img {
transition: 0.25s ease-in-out;
scale: 1.2;
}
.topics .container .topics-inner .news-items .news-item .news-img-box {
position: relative;
width: 8.6983343615%;
padding-top: 8.6983343615%;
margin-right: 18px;
height: 0;
}
.topics .container .topics-inner .news-items .news-item .news-img-box .news-img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
}
.topics .container .topics-inner .news-items .news-item .news-img-box .news-img img {
width: 100%;
height: 100%;
object-fit: cover;
transition: 0.25s ease-in-out;
}
.topics .container .topics-inner .news-items .news-item .news-content {
width: 91.2758996728%;
}
.topics .container .topics-inner .news-items .news-item .news-content .news-meta {
color: #817303;
margin-bottom: 0px;
margin-bottom: 10px;
}
.topics .container .topics-inner .news-items .news-item .news-content .news-title {
line-height: 24px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
@media screen and (max-width: 767px) {
.topics {
margin-top: 30px;
}
.topics .container .topics-inner {
background-color: #FFFCF2;
padding: 0;
box-shadow: none;
}
.topics .container .topics-inner .news-items .news-item {
display: flex;
margin-bottom: 28px;
}
.topics .container .topics-inner .news-items .news-item .news-img-box { width:30%;
padding-top:20%;
}
.topics .container .topics-inner .news-items .news-item .news-content {
width: 100%;
}
.topics .container .topics-inner .news-items .news-item .news-content .news-meta {
color: #817303;
margin-bottom: 0px;
}
.topics .container .topics-inner .news-items .news-item .news-content .news-title {
line-height: 24px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
} .serch .container .serch-inner {
padding: 22px 1.789019124% 22px 1.789019124%;
background-color: #F4DCA9;
margin: 107px 0 24px 0;
display: flex;
justify-content: space-between;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
}
.serch .container .serch-inner .select-inner {
width: 30%;
display: block;
position: relative;
cursor: pointer;
}
.serch .container .serch-inner .select-inner::after {
content: "";
background-repeat: no-repeat;
background-size: contain;
width: 30px;
height: 30px;
position: absolute;
top: 50%;
left: 10px;
transform: translateY(-50%);
cursor: pointer;
}
.serch .container .serch-inner .select-inner:nth-child(1)::after {
background-image: url(//thai-gohan.com/wp-content/themes/thai-gohan/img/icon/icon_location.png);
}
.serch .container .serch-inner .select-inner:nth-child(2)::after {
background-image: url(//thai-gohan.com/wp-content/themes/thai-gohan/img/icon/icon_knife.png);
}
.serch .container .serch-inner .select-inner:nth-child(3)::after {
background-image: url(//thai-gohan.com/wp-content/themes/thai-gohan/img/icon/icon_user.png);
}
.serch .container .serch-inner .select-inner:before {
content: "";
width: 20px;
height: 20px;
border-top: solid 1px #817303;
border-right: solid 1px #817303;
position: absolute;
right: 20px;
top: 4px;
transform: rotate(135deg);
z-index: 1;
cursor: pointer;
}
.serch .container .serch-inner .select-inner .serch-li {
background-color: #ffffff;
position: relative;
width: 100%;
padding: 10px 0px 10px 50px;
border: 1px solid #C5C69D;
cursor: pointer;
border-radius: 0;
}
.serch .container .serch-inner .select-inner select { appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
border: none;
border-radius: 5px;
color: #333;
font-size: 16px;
padding: 0 10px;
height: 40px;
width: 300px;
position: relative;
}
.serch .container .serch-inner .select-inner option[selected][disabled] {
display: none;
}
@media screen and (max-width: 767px) {
.serch .container .serch-inner {
padding: 15px;
margin: 50px 0 24px 0;
flex-direction: column;
box-shadow: 0px 6px 20px -15px #000000;
background-color: #ffffff;
border: 2px solid #817303;
}
.serch .container .serch-inner .select-inner {
width: 100%;
margin: 5px 0;
cursor: pointer;
}
} .serch-result .container .section-title {
margin-bottom: 12px;
}
.serch-result .container .shop-list-inner .shop-lists {
display: flex;
flex-wrap: wrap;
}
.serch-result .container .shop-list-inner .shop-lists .shop_num {
position: absolute;
top: 34px;
right: 12px;
width: fit-content;
font-size: 24px;
}
.serch-result .container .shop-list-inner .shop-lists .shop_num .num {
font-size: 28px;
font-weight: bold;
color: #C93028;
}
.serch-result .container .shop-list-inner .shop-lists .shop-list {
width: 31.5068493151%;
margin: 0 1.3698630137%;
margin-bottom: 30px;
background-color: #ffffff;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
border: 1px solid #707070;
}
.serch-result .container .shop-list-inner .shop-lists .shop-list:nth-child(3n-2) {
margin-left: 0;
}
.serch-result .container .shop-list-inner .shop-lists .shop-list:nth-child(3n) {
margin-right: 0;
}
.serch-result .container .shop-list-inner .shop-lists .shop-list:hover .shop-des {
color: #817303;
}
.serch-result .container .shop-list-inner .shop-lists .shop-list:hover .shop-img-box .box-color {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #817303;
transition: 0.25s ease-in-out;
opacity: 0.5;
}
.serch-result .container .shop-list-inner .shop-lists .shop-list:hover .shop-img-box .shop-img img {
scale: 1.2;
transition: 0.25s ease-in-out;
}
.serch-result .container .shop-list-inner .shop-lists .shop-list .shop-img-box {
width: 100%;
padding-top: 56.2111801242%;
position: relative;
}
.serch-result .container .shop-list-inner .shop-lists .shop-list .shop-img-box .shop-img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
}
.serch-result .container .shop-list-inner .shop-lists .shop-list .shop-img-box .shop-img img {
object-fit: cover;
width: 100%;
height: 100%;
transition: 0.25s ease-in-out;
}
.serch-result .container .shop-list-inner .shop-lists .shop-list .shop-body {
padding: 0 20px;
}
.serch-result .container .shop-list-inner .shop-lists .shop-list .shop-body .shop-title {
color: #000000;
font-weight: 700;
font-size: 16px;
line-height: 24px;
margin: 20px 0;
text-align: center;
}
.serch-result .container .shop-list-inner .shop-lists .shop-list .shop-body .shop-des {
padding: 0 20px;
color: #000000;
font-weight: 400;
font-size: 14px;
line-height: 24px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
margin-bottom: 20px;
}
.serch-result .container .shop-list-inner .shop-lists .shop-list .shop-body .taxonomies {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
gap: 6px 20px;
padding: 16px 0 20px;
border-top: 1px solid #000000;
}
.serch-result .container .shop-list-inner .shop-lists .shop-list .shop-body .taxonomies li {
font-size: 14px;
}
.serch-result .container .shop-list-inner .shop-lists .shop-list .shop-body .taxonomies li img {
width: 24px;
height: auto;
}
@media screen and (max-width: 1200px) {
.serch-result .container .shop-list-inner .shop-lists {
justify-content: space-between;
}
.serch-result .container .shop-list-inner .shop-lists .shop_num {
position: absolute;
top: 46px;
right: 4px;
width: fit-content;
margin: 0 auto;
font-size: 16px;
}
.serch-result .container .shop-list-inner .shop-lists .shop_num .num {
font-size: 24px;
font-weight: bold;
color: #C93028;
}
.serch-result .container .shop-list-inner .shop-lists .shop-list {
width: 45%;
margin: 0;
margin-bottom: 30px;
}
.serch-result .container .shop-list-inner .shop-lists .shop-list .shop-img-box {
width: 100%;
padding-top: 56.2111801242%;
position: relative;
}
}
@media screen and (max-width: 767px) {
.serch-result .container .section-title {
margin-bottom: 15px;
}
.serch-result .container .shop-list-inner .shop-lists {
flex-direction: column;
}
.serch-result .container .shop-list-inner .shop-lists .shop_num {
position: absolute;
top: 46px;
right: 4px;
width: fit-content;
margin: 0 auto;
font-size: 16px;
}
.serch-result .container .shop-list-inner .shop-lists .shop_num .num {
font-size: 24px;
font-weight: bold;
color: #C93028;
}
.serch-result .container .shop-list-inner .shop-lists .shop-list {
width: 100%;
margin: 0 auto;
margin-bottom: 30px;
}
.serch-result .container .shop-list-inner .shop-lists .shop-list .shop-img-box {
width: 100%;
padding-top: 56.2111801242%;
position: relative;
}
.serch-result .container .shop-list-inner .shop-lists .shop-list:nth-child(3n-2) {
margin-left: auto;
}
.serch-result .container .shop-list-inner .shop-lists .shop-list:nth-child(3n) {
margin-right: auto;
}
.serch-result .container .shop-list-inner .shop-lists .shop-list .shop-body .shop-des {
padding: 0 0px;
color: #000000;
font-weight: 400;
font-size: 14px;
line-height: 24px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
margin-bottom: 20px;
}
.serch-result .container .shop-list-inner .shop-lists .shop-list .shop-body .taxonomies {
display: flex;
justify-content: flex-start;
gap: 8px 20px;
padding: 20px 0;
border-top: 1px solid #000000;
}
.serch-result .container .shop-list-inner .shop-lists .shop-list .shop-body .taxonomies li {
font-size: 12px;
}
.serch-result .container .shop-list-inner .shop-lists .shop-list .shop-body .taxonomies li img {
width: 15px;
height: auto;
}
} .note .container .note-text {
font-size: 14px;
text-align: center;
margin: 102px 0 116px 0;
}
@media screen and (max-width: 767px) {
.note .container .note-text {
font-size: 8px;
text-align: center;
margin: 34px 0 27px 0;
}
} footer {
background-color: #C93028;
z-index: 1;
position: relative;
}
footer .footer-inner {
padding: 31px 0px;
display: flex;
flex-direction: column;
justify-content: center;
}
footer .footer-inner .footer-nav ul {
display: flex;
align-items: center;
justify-content: center;
}
footer .footer-inner .footer-nav ul li a {
margin: 0 20px;
font-size: 20px;
color: #ffffff;
}
footer .footer-inner .copy-right {
margin-top: 32px;
color: #ffffff;
text-align: center;
font-size: 14px;
}
@media screen and (max-width: 767px) {
footer .footer-inner {
padding: 25px 0;
}
footer .footer-inner .footer-nav ul li a {
font-size: 14px;
}
footer .footer-inner .copy-right {
font-size: 14px;
}
} .news-page-title {
position: relative;
margin: 0 auto;
font-size: 40px;
width: fit-content;
margin-top: 38px;
}
.news-page-title::after {
content: "";
position: absolute;
top: 20px;
right: -40px;
width: 25px;
height: 1px;
background-color: #000000;
}
.news-page-title::before {
content: "";
position: absolute;
top: 20px;
left: -40px;
width: 25px;
height: 1px;
background-color: #000000;
}
@media screen and (max-width: 767px) {
.news-page-title {
position: relative;
margin: 0 auto;
font-size: 20px;
width: fit-content;
margin-top: 38px;
}
.news-page-title::after {
content: "";
position: absolute;
top: 12px;
right: -35px;
width: 25px;
height: 1px;
background-color: #000000;
}
.news-page-title::before {
content: "";
position: absolute;
top: 12px;
left: -35px;
width: 25px;
height: 1px;
background-color: #000000;
}
}
.news-page .archive-news-inner {
width: 100%;
margin: 0 auto;
margin-top: 56px;
background-color: #ffffff;
padding: 81px 9.438618137%;
margin-bottom: 62px;
}
.news-page .archive-news-inner .news-lists {
display: flex;
flex-wrap: wrap;
}
.news-page .archive-news-inner .news-lists .news-list {
width: 45%;
margin: 0 5%;
margin-bottom: 30px;
}
.news-page .archive-news-inner .news-lists .news-list:nth-child(2n-1) {
margin-left: 0;
}
.news-page .archive-news-inner .news-lists .news-list:nth-child(2n) {
margin-right: 0;
}
.news-page .archive-news-inner .news-lists .news-list:hover .news-des {
color: #817303;
}
.news-page .archive-news-inner .news-lists .news-list:hover .news-img-box .box-color {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #817303;
transition: 0.25s ease-in-out;
opacity: 0.5;
}
.news-page .archive-news-inner .news-lists .news-list:hover .news-img-box .news-img img {
scale: 1.2;
transition: 0.25s ease-in-out;
}
.news-page .archive-news-inner .news-lists .news-list .news-img-box {
width: 100%;
padding-top: 56.2111801242%;
position: relative;
}
.news-page .archive-news-inner .news-lists .news-list .news-img-box .news-img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
}
.news-page .archive-news-inner .news-lists .news-list .news-img-box .news-img img {
object-fit: cover;
width: 100%;
height: 100%;
transition: 0.25s ease-in-out;
}
.news-page .archive-news-inner .news-lists .news-list .news-meta {
margin: 15px 0 0 0;
font-size: 16px;
line-height: 31px;
color: #817303;
font-weight: 700;
}
.news-page .archive-news-inner .news-lists .news-list .news-des {
color: #000000;
font-weight: 700;
font-size: 16px;
line-height: 24px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.news-page .back-btn {
margin-right: 0;
margin-bottom: 141px;
}
@media screen and (max-width: 767px) {
.news-page .archive-news-inner {
margin-top: 38px;
width: 100%;
background-color: transparent;
padding: 0;
margin-bottom: 0;
}
.news-page .archive-news-inner .news-lists .news-list {
width: 100%;
margin: 0 1.1666666667%;
margin-bottom: 30px;
}
.news-page .archive-news-inner .news-lists .news-list:nth-child(3n-2) {
margin-left: 1.1666666667%;
}
.news-page .archive-news-inner .news-lists .news-list:nth-child(3n) {
margin-right: 1.1666666667%;
}
.news-page .archive-news-inner .news-lists .news-list:nth-child(2n-1) {
margin-left: 0;
}
.news-page .archive-news-inner .news-lists .news-list:nth-child(2n) {
margin-right: 0;
}
.news-page .back-btn {
margin-right: auto;
margin-left: auto;
width: 123px;
margin-bottom: 56px;
}
}
@media screen and (max-width: 500px) {
.archive-news-inner {
width: 85.8666666667%;
margin: 0 auto;
margin-top: 46px;
}
.archive-news-inner .news-lists .news-list {
width: 100%;
margin: 0;
margin-bottom: 20px;
}
.archive-news-inner .news-lists .news-list:nth-child(3n-2) {
margin-left: 0;
}
.archive-news-inner .news-lists .news-list:nth-child(3n) {
margin-right: 0;
}
.archive-news-inner .news-lists .news-list:nth-child(2n-1) {
margin-left: 0;
}
.archive-news-inner .news-lists .news-list:nth-child(2n) {
margin-right: 0;
}
.archive-news-inner .news-lists .news-list a .news-meta {
margin: 5px 0 0 0;
}
} .privacy-page-title {
position: relative;
margin: 0 auto;
font-size: 40px;
width: fit-content;
margin-top: 38px;
margin-bottom: 66px;
}
.privacy-page-title::after {
content: "";
position: absolute;
top: 28px;
right: -40px;
width: 25px;
height: 1px;
background-color: #000000;
}
.privacy-page-title::before {
content: "";
position: absolute;
top: 28px;
left: -40px;
width: 25px;
height: 1px;
background-color: #000000;
}
@media screen and (max-width: 767px) {
.privacy-page-title {
position: relative;
margin: 0 auto;
font-size: 20px;
width: fit-content;
margin-top: 38px;
margin-bottom: 18px;
}
.privacy-page-title::after {
content: "";
position: absolute;
top: 12px;
right: -35px;
width: 25px;
height: 1px;
background-color: #000000;
}
.privacy-page-title::before {
content: "";
position: absolute;
top: 12px;
left: -35px;
width: 25px;
height: 1px;
background-color: #000000;
}
} .pagenation {
margin-top: 63px;
margin-right:auto;
margin-left:auto;
text-align: center;
margin-bottom: 104px;
}
.pagenation a {
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.pagenation a:hover {
opacity: 0.6;
}
.pagenation a.next:hover,
.pagenation a.prev:hover {
opacity: 0.6;
}
.page-numbers {
background: #CEA803;
border: 1px solid #FFFCF2;
color: #FFFCF2;
display: inline-block;
font-size: 14px;
height: 37px;
line-height: 37px;
margin-right: 10px;
min-width: 34px;
text-align: center;
text-decoration: none;
}
.next {
-webkit-transform: translateY(0px);
transform: translateY(0px);
padding: 0 12px;
}
.prev {
-webkit-transform: translateY(0px);
transform: translateY(0px);
padding: 0 12px;
}
.page-numbers:last-child {
margin-right: 0;
}
.page-numbers.current {
background: #FFFCF2;
color: #CEA803;
border: 1px solid #CEA803;
font-weight: 700;
}
.page-numbers.dots {
border: none;
line-height: 40px;
min-width: initial;
width: auto;
}
@media screen and (max-width: 767px) {
.pagenation {
margin-top: 51px;
margin-bottom: 62px;
}
} .sort-links-desktop, .sort-links-mobile {
text-align: left;
display: none; }
.sort-links-desktop {
margin: 8px 0 16px 18px;
}
.sort-links-mobile {
margin: 10px 4px 14px;	
}
.active-sort {
cursor: default !important;
color: #C93028 !important;
text-decoration: none !important;
}
.non-active-sort {
color: #CEA803;
text-decoration: underline;
cursor: pointer;
}
a.active-sort:hover {
transition: none;
opacity: 1;
}
#sort-views, #sort-views-mobile {
color: #CEA803; text-decoration: underline;
cursor: pointer;
} @media screen and (min-width: 768px) {
.sort-links-desktop { display: block; } }
@media screen and (max-width: 767px) {
.sort-links-mobile { display: block; } }
.map-search .container {
margin-bottom: 14px;
}
@media screen and (max-width: 767px) {
.map-search .container {
display: flex;
justify-content: center;
width: 80%;
margin-bottom: 20px;
}
.map-search .container img {
width: 100%;
}
}