.ox_func {margin-bottom:10px; text-align:right;}

.travel_thumb ul {display:flex; flex-wrap:wrap; margin:0 -15px; padding:0; list-style:none;}
.travel_thumb li {flex-basis:50%; margin:0; padding:15px 0;}
.travel_thumb li.empty {flex-basis:100%; padding:30px 0; text-align:center;}
.travel_thumb .article {position:relative; height:100%; margin:0 15px; border:1px solid #D5D3D6; box-sizing:border-box; transition:border-color 0.3s, box-shadow 0.3s;}
.travel_thumb .article:hover {border-color:#1DAB41; box-shadow:0 0 15px rgba(0,0,0,0.2);}
.travel_thumb .pht {position:relative; height:0; padding-bottom:66%;}
.travel_thumb .frm {position:absolute; top:0; left:0; width:100%; height:100%;}
.travel_thumb .frm img {width:100%; height:100%; object-fit:cover;}
.travel_thumb .info {padding:4.5% 4%; line-height:1.5; text-align:left;}
.travel_thumb .tit {font-weight:600; font-size:1.5em;}
.travel_thumb .tit input[type="checkbox"] {position:absolute; top:10px; left:10px; width:20px; height:20px; margin:0; z-index:290; accent-color:#07F;}
.travel_thumb .note {margin-top:4%; color:#666;}
.travel_thumb .more {position:absolute; top:0; right:0; bottom:0; left:0; overflow:hidden; text-indent:-999px; z-index:280;}

.travel_info {display:grid; grid-template-columns:1fr 50%; grid-template-rows:1fr minmax(0,auto); gap:0 5%;}
.travel_info .h h4 {margin:0 0 1em; padding:1em 0; border-top:2px solid #000; border-bottom:1px solid #CCC; background:none;}
.travel_info .h p {margin:1em 0; color:#666;}
.travel_info .pht {grid-column:2/3; grid-row:1/3; position:relative;}
.travel_info .pht:after {display:block; clear:both; content:'';}
.travel_info .pht .screen {position:relative; overflow:hidden; height:0; padding-bottom:74.6875%; background:#000;}
.travel_info .pht .screen img {position:absolute; top:0; right:0; bottom:0; left:0; width:auto; max-width:100%; height:auto; max-height:100%; margin:auto; transition:opacity 0.3s linear;}
.travel_info .pht .btns {position:absolute; top:0; right:0; left:0; height:0; padding-bottom:74.6875%;}
.travel_info .pht .prev, .travel_info .pht .next {position:absolute; top:0; bottom:0; overflow:hidden; width:50px; height:50px; margin:auto 0; padding:0; border:1px solid #999; border-radius:50%; background:#FFF; -webkit-appearance:none;}
.travel_info .pht .prev:before, .travel_info .pht .next:before {float:left; width:12px; height:12px; margin:18px 20px; box-shadow:inset 2px 2px #333; transform:rotate(-45deg); content:'';}
.travel_info .pht .next:before {margin-left:16px; transform:rotate(135deg);}
.travel_info .pht .prev {left:-20px;}
.travel_info .pht .next {right:-20px;}
.travel_info .pht ul {margin:10px -3px 0; padding:0; list-style:none;}
.travel_info .pht li {float:left; width:25%; margin:0; padding:0 3px; box-sizing:border-box;}
.travel_info .pht ul.n1 {display:none;}
.travel_info .pht ul.n2 li {width:50%;}
.travel_info .pht ul.n3 li {width:33.3333%;}
.travel_info .pht ul.n5 li {width:20%;}
.travel_info .pht li a {display:block; position:relative; overflow:hidden; height:0; padding-bottom:74.6875%; background:#FFF;}
.travel_info .pht li img {position:absolute; top:0; right:0; bottom:0; left:0; margin:auto; opacity:0.5;}
.travel_info .pht li.on img {opacity:1;}
.travel_info .pht .portrait img {width:100%; height:auto;}
.travel_info .pht .landscape img {width:auto; height:100%;}
.travel_info>.btns:after {display:block; clear:both; content:'';}
.travel_info>.btns a {float:left; overflow:hidden; border:1px solid #333; border-radius:2px; background:#FFF; color:#333; line-height:3em; text-align:center; white-space:nowrap; box-sizing:border-box;}
.travel_info>.btns a:hover {color:#333; text-decoration:none;}
.travel_info>.btns .video {width:27%;}
.travel_info>.btns .vr {width:27%; margin:0 1%;}
.travel_info>.btns .home {width:44%; background:#333; color:#FFF;}
.travel_info>.btns .home:hover {color:#FFF;}
.travel_info>.btns .reserve {width:100%; margin-top:10px; border-color:#1DAB41; background:#1DAB41; font-size:1.125em; color:#FFF;}
.travel_info>.btns .reserve:hover {color:#FFF;}
.travel_info>.btns .video.off, .travel_info>.btns .vr.off {border-color:#999; color:#888;}
.travel_info>.btns .home.off {border-color:#BBB; background:#BBB;}
.travel_info>.btns .reserve.off {border-color:#84C394; background:#84C394;}

.travel_html {margin-top:7%;}

tr.h_note_html {display:none;}
