@charset "UTF-8";
:root{--MainWidth:100%;}
.contentWrapper{
    display: flex;
    flex-wrap: wrap;
    width: 80%;
    margin: 0 auto;
    max-width: 1300px;
    min-width: 1000px;
    flex-direction: row-reverse;
}
.menuArea{
    /* background-image: url(../../images/thaibeach/bg_map.png); */
    margin-left: 50px;
    border: none;
    background-position: center 40px;
    background-repeat: no-repeat;
    background-size: contain;
    flex: 1;
}
#Contents{
    margin-top: 15px;
    width: 68%;
    min-width: 680px;
}

.menuArea .Inner{}
.menuArea .Inner h2{
    margin-bottom: 15px;
}
.menuArea .Inner h2 a{}
.menuArea .Inner .Sec{
    border-top: 3px solid #ccc;
}
.menuArea .Inner .Sec + .Sec{
}
.menuArea .Inner .Sec h3{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 12px 5px;
    align-items: center;
    margin-bottom: 0px;
}
.menuArea .Inner .Sec h3 .main{
    font-size: 16px;
}
.menuArea .Inner .Sec h3 .main span{
    font-size: 12px;
}
.menuArea .Inner .Sec h3 .sub{
    font-size: 15px;
    color: var(--MainColor);
}
.menuArea .Inner .Sec dl{
    border: 1px solid #ccc;
    padding: 8px;
    display: flex;
    align-items: center;
    border-radius: 3px;
    margin-bottom: 10px;
}
.menuArea .Inner .Sec dl + dl{
}
.menuArea .Inner .Sec dt{
    width: 60px;
    height: 60px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 3px;
}
.menuArea .Inner .Sec dd{
    margin-left: 10px;
    font-weight: bold;
    flex: 1;
    line-height: 1.3;
    font-size: 13px;
}
.menuArea .Inner .Sec dd a{}
.menuArea .Inner .Sec dd a span{
    font-weight: normal;
    font-size: 12px;
    display: block;
    margin-bottom: 4px;
}
.menuArea .Inner .Sec .Itemhaslink{
    position: relative;
    padding-right: 22px;
}
.menuArea .Inner .Sec .Itemhaslink a{
    text-decoration: none;
}
.menuArea .Inner .Sec .Itemhaslink:after{position: absolute;right: 5px;top:50%;margin-top:-0.5em;content:"\f105";font-family:FontAwesome;line-height: 1;font-weight: bold;font-size: 120%;}
.menuArea .Inner .Sec .Itemhaslink:hover,
.menuArea .Inner .Sec .Itemhaslink.active{
    cursor: pointer;
    background-color: rgb(42 103 142 / 10%);
}
.menuArea .Inner .Sec .Itemhaslink:hover a{}

/*---------------------------------------------TopTitle*/
#TopTitle{}
#TopTitle .Photo{
    margin-bottom: 15px;
    line-height: 0;
}
#TopTitle h1{margin-bottom: 25px;color: var(--MainColor);}
#TopTitle h1 .main{
    font-size: 31px;
    margin-bottom: 6px;
}
#TopTitle h1 .main span{font-size: 60%;}
#TopTitle h1 .sub{
    font-size: 20px;
    font-weight: normal;
    line-height: 1.1;
}
#TopTitle h1 .sub span{font-size: 60%;}

#TopTitle .MainTxt{
    line-height: 1.8;
    font-size: 15px;
    margin-bottom: 35px;
}

#TopTitle .Point{margin-bottom: 5px;padding-top: 5px;background-color: var(--BackPaleColor);padding: 10px 10px;margin-bottom: 20px;}
#TopTitle .Point li{padding-left: 1.3em;line-height: 1.4;font-weight: bold;}
#TopTitle .Point li strong{}
#TopTitle .Point li:before{content: "\f10c";display:block;float:left;margin-left: -1.2em;width:1em;text-align:center;font-family:FontAwesome;color: var(--MainColor);}
#TopTitle .Point li + li{
    margin-top: 5px;
}

/*---------------------------------------------Index*/
#Index{
    border: 3px solid #ccc;
    padding: 20px;
    padding-top: 0;
    margin-bottom: 40px;
}
#Index h2{
    font-size: 24px;
    margin-top: -20px;
    text-align: right;
}
#Index h2 span{
    background-color: #fff;
    display: inline-block;
    padding: 0 6px;
    color: var(--MainColor);
}
#Index .Inner{}
#Index .Inner p{
    font-weight: bold;
}
#Index .Inner p + dl,
#Index .Inner dl + dl,
#Index .Inner dl + p,
#Index .Inner p + p{
    border-top: 1px solid #c6c6c6;
    padding-top: 7px;
    margin-top: 7px;
}
#Index .Inner ul{}
#Index .Inner li{}
#Index .Inner li + li{
    margin-top: 10px;
}

#Index .Inner li a{
    font-size: 15px;
    display: inline-block;
    margin-left: 5px;
}

#Index .Inner dl{}
#Index .Inner dl + dl{
    margin-top: 15px;
}
#Index .Inner dt{
    font-weight: bold;
    font-size: 15px;
}
#Index .Inner dd{
    padding-top: 2px;
    padding-left: 10px;
}
#Index .Inner dd ul{}
#Index .Inner dd li{
}
#Index .Inner dd li span{
}
#Index .Inner dd li + li{
    margin-top: 5px;
}
#Index .Inner dd li a{
    font-size: 14px;
}
#Index .Inner dd li a .icon{
    display: inline-block;
    text-decoration: none;
    background-color: var(--MainColor);
    line-height: 1;
    padding: 3px 6px;
    color: #fff;
    border-radius: 2px;
    margin-right: 6px;
    font-size: 12px;
}
#Index .Inner dd li:before{}

/*--------------------------------------Topic*/
#Topic{margin-bottom: 50px;background: var(--DarkGrade);padding: 10px 20px 20px 20px;border-radius: 3px;}
#Topic h2{
    text-align: center;
    color: #fff;
    position: relative;
    width: fit-content;
    margin: 0 auto;
    padding: 0px 20px;
    font-size: 23px;
    margin-bottom: 14px;
}
#Topic h2:before,
#Topic h2:after{content: "";background-position: center top;background-repeat: no-repeat;background-size: contain;position: absolute;width: 10px;height: 2em;top: 5px;}
#Topic h2:before{background-image: url(../../images/thaibeach/title_deco_left.png);left: 0;}
#Topic h2:after{background-image: url(../../images/thaibeach/title_deco_right.png);right: 0;}
#Topic:after{content:"";/* background: var(--PaleGrade); */display: block;width: 100%;/* height: 5px; *//* margin-top: 15px; */}
#Topic dl{
    display: flex;
    width: 100%;
    background-color: #fff;
    border-radius: 3px;
    padding: 10px;
    box-sizing: border-box;
}
#Topic dl + dl{
    margin-top: 10px;
}
#Topic dt{line-height: 1.4;letter-spacing: 1px;font-weight: bold;padding: 13px 5px;width: 15em;text-align: center;background-color: var(--BackPaleColor);box-sizing: border-box;font-size: 13px;display: flex;align-items: center;justify-content: center;}
#Topic .qualita dt{
    background-color: #e6dcb0;
}
#Topic dd{
    padding-left: 10px;
    text-align: left;
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
#Topic ul{}
#Topic li{
    font-weight: bold;
    padding-left: 16px;
    line-height: 1.4;
}
#Topic .qualita li{
    color: #ba923e;
    font-size: 15px;
}
#Topic li:before{content:"\f10c";display:block;float:left;margin-left: -16px;width:1em;text-align:center;font-family:FontAwesome;color: #adadad;}
#Topic .qualita li:before{
    color: #b89c61;
}
#Topic li + li{
    margin-top: 4px;
}

/*------------------------------Sec*/
#Contents .Sec{}
#Contents .Sec + .Sec{
    margin-top: 70px;
}
#Contents .Sec:before{content: "◆◇◆";display: block;width: 100%;font-size: 13px;letter-spacing: 3px;text-align: center;margin-top: 20px;margin-bottom: 20px;color: var(--MainColor);}

#Contents .Sec h2{
    margin-bottom: 35px;
}
#Contents .Sec h2 .sub{
    padding-bottom: 12px;
}
#Contents .Sec h2 .main{
    font-size: 15px;
}

#Contents .Sec .Entry{
}
#Contents .Sec .Entry + .Entry{
    margin-top: 25px;
    border-top: 1px solid #ccc;
    padding-top: 25px;
}
#Contents .Sec .Entry .photo{
    width: 100%;
    line-height: 0;
    position: relative;
    margin-bottom: 10px;
    margin-top: 10px;
}

#Contents .Sec .Entry .photo img{}
#Contents .Sec .Entry .photo .owl-theme .owl-controls{
    /* position: absolute; */
    width: 100%;
    margin-top: 0;
    background-color: #333;
    line-height: 1;
    /* bottom: 0; */
    padding: 8px 0;
}
#Contents .Sec .Entry .photo .owl-theme .owl-controls .owl-page span{
    background: #fff;
    margin: 0 4px;
}
#Contents .Sec .Entry .photo .owl-theme .owl-controls .owl-buttons div{
    color: #fff;
    top: 2px;
}
#Contents .Sec .Entry .photo + .txt{
}
#Contents .Sec .Entry .txt{}
#Contents .Sec .Entry .txt h3{
    font-size: 20px;
    padding-bottom: 4px;
}
#Contents .Sec .Entry .txt h3 .icon{
    display: inline-block;
    text-decoration: none;
    background-color: var(--MainColor);
    line-height: 1;
    padding: 3px 6px 4px 6px;
    color: #fff;
    border-radius: 2px;
    margin-right: 6px;
    font-size: 14px;
}
#Contents .Sec .Entry .txt p{
    font-size: 15px;
    line-height: 1.8;
}


/*----------------------------------Item*/
#Item{margin-top: 50px;background-color: var(--BackPaleColor);padding: 30px;margin-bottom: 50px;}
#Item h2{
    margin-bottom: 30px;
}
#Item .ItemInner{
    width: 100%;
}
#Item .None {
	width: var(--MainWidth);
	margin: 0px auto;
	text-align: center;
}

#Item .None p {
	margin-bottom: 20px;
	font-weight: bold;
	font-size: 19px;
}

#Item .None ul {
	display: flex;
	justify-content: center;
}

#Item .None li {
	width: 40%;
	margin: 0px 10px;
}

#Item .None li + li {
}

#Item .None li a {
	font-size: 16px;
}

#Item .None li a:hover {
}


/*--------------------------Column1*/
.ItemInner.Column1{
}
.ItemInner.Column1 .Entry{display: flex;padding: 20px;align-items: flex-start;flex-wrap: wrap;}
.ItemInner.Column1 .Entry .Photo{
	width: 200px;
	z-index: 2;
	margin-bottom: 0;
}
.ItemInner.Column1 .Entry .MainWrap{
	flex: 1;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
}
.ItemInner.Column1 .Entry .Main{
	flex: 1;
	padding: 0;
	margin-left: 20px;
}
.ItemInner.Column1 .Entry .Photo .img img{}
.ItemInner.Column1 .Entry .Main h3{
	font-size: 16px;
	line-height: 1.5;
	white-space: pre-line;
	font-family: var(--Column1TitleFontFamily);
	font-weight: var(--TitleFontWeight);
	margin-bottom: 6px;
	cursor: text;
}
.ItemInner.Column1 .Entry .Main h3 a{
	pointer-events: none;
	text-decoration: underline;
}

.ItemInner.Column1 .Entry .Main h4{
	font-size: 14px;
	margin-bottom: 7px;
	line-height: 1.4;
}
.ItemInner.Column1 .Entry .Main .pointIcon{
	margin-bottom: 10px;
	margin-bottom: 0;
}
.ItemInner.Column1 .Entry .Btm{margin: 0;align-self: normal;display: flex;flex-direction: row;width: 100%;padding: 0;margin-left: 0;border-top: none;flex-wrap: wrap;align-items: end;margin-top: 3px;}
.ItemInner.Column1 .Entry .Btm .Date{
	justify-content: flex-start;
	border: none;
	padding: 0;
	margin-bottom: 0;
	width: 50%;
}
.ItemInner.Column1 .Entry .Btm .btn{}
.ItemInner.Column1 .Entry .Btm .price{
	text-align: right;
	margin-top: 0;
	border-top: none;
	flex: 1;
	padding-top: 0;
}
.ItemInner.Column1 .Entry .Btm .Date li{
	font-size: 13px;
}
.ItemInner.Column1 .Entry .Btm .price dt{
	font-size: 24px;
	padding-bottom: 0;
}
.ItemInner.Column1 .Entry .Btm .price dt.dollar{
	font-size: 19px;
}
.ItemInner.Column1 .Entry .Btm .price.noNum dt{
	font-size: 18px !important;
}
.ItemInner.Column1 .Entry .Btm .btn{
	margin-top: 10px;
	text-align: center;
	width: 100%;
	display: none;
}
.ItemInner.Column1 .Entry .Btm .btn a{position: relative;background-color:var(--mainColor);display: block;color: #fff;font-weight: bold;text-decoration: none;padding: 12px 0;border-radius: 100px;}
.ItemInner.Column1 .Entry .Btm .btn a:after{position: absolute;right: 6px;top:50%;margin-top:-0.5em;content:"\f105";font-family:FontAwesome;line-height: 1;font-weight: normal;font-size: 120%;}

.ItemInner.Column1 .Entry .TopicDetails{display: flex;margin: 0;width: 100%;margin-top: 20px;}
.ItemInner.Column1 .Entry .TopicDetails .title{}
.ItemInner.Column1 .Entry .TopicDetails .list{}
.ItemInner.Column1 .Entry .comment{z-index: 3;	position: relative;margin-top: 20px;width: 100%;
	background-color:var(--commentBG);
	color:var(--commentColor);
	padding: 10px 15px;
	font-size: 14px;
	border-radius: 3px;
	}
.ItemInner.Column1 .Entry .comment p{
	white-space: pre-line;
}
.ItemInner.Column1 .Entry .comment strong{color:var(--commentStrongColor);font-size: 15px;font-weight: bold;display: block;}

.ItemInner.Column1 .Entry .Btm .btn a:hover{
	background-color:var(--mainHoverColor);
}

.ItemInner.Column1.onClick .Entry:hover .Btm .btn a{
	background-color:var(--mainHoverColor);
}
.ItemInner.Column1.onClick .Entry:hover .Main h3{
	cursor: pointer;
}