@charset "Shift_JIS";

/*--------------------------------------------------------
  フルCSSプロフェッショナルテンプレート部品設定
--------------------------------------------------------*/

.hpb-parts-cnt-style
{
    border-color: #1D3F76;
}

.hpb-parts-hl-style
{
    margin-top: 12px;
    margin-bottom: 5px;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 2px;
    border-color: #1D3F76;
}

.hpb-parts-cbox-style
{
    border-color: #1D3F76;
}

.hpb-parts-hr-style
{
    border-color: #1D3F76;
}

.hpb-parts-pbox-style
{
    border-color: #1D3F76;
}
.hpb-parts-pbox-style h4
{
    padding: 0px;
}
.hpb-parts-pbox-style img
{
    background-color: #AFC6E7;
}

.hpb-parts-blist-style
{
    border-color: #c4c28a;
}
a:link.hpb-parts-blist-style
{
    color: #263F66;
}
a:visited.hpb-parts-blist-style
{
    color: #263F66;
}
a:hover.hpb-parts-blist-style
{
    color: #24395E;
}
a:active.hpb-parts-blist-style
{
    color: #24395E;
}

/*--------------------------------------------------------
  ユーザー設定スタイル
--------------------------------------------------------*/

/* ---- background: cream wall with petroglyph cart figures ---- */
html{background:#ece5cb url(petroglyph-bg6.jpg) center top/cover fixed no-repeat;min-height:100%}
body{background:transparent !important}
#hpb-container>#hpb-header,#hpb-container>#hpb-inner{background:rgba(255,251,238,.99);border-left:3px solid #7a5a3a;border-right:3px solid #7a5a3a}
#hpb-container>#hpb-header{border-top:3px solid #7a5a3a;border-radius:10px 10px 0 0;box-shadow:0 -2px 14px rgba(60,40,20,.3)}
#hpb-container>#hpb-inner{box-shadow:0 6px 18px rgba(60,40,20,.35);border-bottom:3px solid #7a5a3a}
@media screen and (max-width:568px){body{background-attachment:scroll !important;background-size:auto 100% !important}#hpb-container>#hpb-header,#hpb-container>#hpb-inner{border-left-width:0;border-right-width:0;border-radius:0}}

/* header grows with its content (no gap under panel) */
#hpb-container>#hpb-header{height:auto !important;min-height:88px;padding-bottom:8px;box-sizing:content-box}
#hpb-container>#hpb-inner{margin-top:0 !important}

/* page title bar: white text needs a dark band on the cream panel */
.hpb-layoutset-02 #hpb-title h2{background:linear-gradient(#9a1a14,#6e0e0a);border-radius:6px;padding:10px 8px;margin-top:0;box-shadow:0 2px 6px rgba(60,40,20,.35)}

/* remove stray <br> gap between header panel and main panel */
#hpb-container>#hpb-header+br{display:none !important}

@media (max-width:700px){html{background-image:url(petroglyph-bg-m6.jpg);background-size:cover;background-position:center top}}

#hpb-footerMain p{background:#800000 !important;color:#fff !important}

a.applybtn{background:#800000 !important;border:1px solid #4a0a0a;text-shadow:0 1px 2px #000;box-shadow:0 2px 4px rgba(60,40,20,.4)}

[style*="background-color : maroon"],[style*="background-color: maroon"],[style*="background-color:maroon"],[style*="background:maroon"],[style*="background: maroon"]{background:#800000 !important;border-color:#4a0a0a}

.hpb-layoutset-02 #hpb-title h2[style*="titleBg_7Cb11"]{padding:0 !important;background-repeat:no-repeat !important;background-color:transparent !important;box-shadow:none;border-radius:0}

/* tour page tiles/buttons -> old wood theme */
#hpb-main .w4 .bar{background:#800000 !important;text-shadow:0 1px 2px #000}
#hpb-main .w4 .pills a{background:#8c1a14 !important;color:#fff !important;border:1px solid #4a0a0a;text-shadow:0 1px 2px #000}
#hpb-main .w4 .tiles .tile{background:#800000 !important;color:#fff;border:1px solid #4a0a0a;text-shadow:0 1px 2px #000}
#hpb-main .w4 .btns a.b1,#hpb-main .w4 .btns a.b2{background:#800000 !important;border:1px solid #4a0a0a;text-shadow:0 1px 2px #000}
#hpb-main .w4 .btns a.b3{background:linear-gradient(#c8922a,#9a6a14) !important;border:1px solid #6b4a0e;text-shadow:0 1px 2px #000}

/* itinerary tables: red/grey cells -> wood / cream */
td[style*="D8D8D8"],td[style*="d8d8d8"]{background:#f6efd9 !important}
.w4plan{background:transparent !important}

/* mobile itinerary tables: show column labels */
@media (max-width:568px){table.lbl td[data-label]::before{content:attr(data-label) "\FF1A";color:#a0702d;font-size:12px;font-weight:bold}}


/* footer: original red, lifted above the icon strip so the pictures stay visible */
#hpb-footer{width:906px !important;max-width:100%}
#hpb-footerMain p{height:auto !important;min-height:33px;padding-bottom:6px}
#hpb-container{padding-bottom:100px !important}
@media (max-width:700px){#hpb-container{padding-bottom:0 !important}}
/* fixes: tall FAQ bar, green title bars -> maroon */
#hpb-main .w4 .qa .q{display:flow-root}
[style*="background-color : green"],[style*="background-color: green"],[style*="background-color:green"]{background:#800000 !important;border-radius:6px}

/* Word-pasted green/blue table colours -> site theme */
[style*="92d050" i],[style*="9bbb59" i],[bgcolor="#92D050" i],[bgcolor="#9BBB59" i]{background:#e8d5b5 !important}
[style*="5b9bd5" i],[style*="1f7ea7" i],[bgcolor="#5B9BD5" i],[bgcolor="#1F7EA7" i]{background:#800000 !important;color:#fff !important}
[style*="5b9bd5" i] *,[style*="1f7ea7" i] *{color:#fff !important}
/* stop sideways scroll caused by zoom plugin overlay */
html,body{overflow-x:clip !important}

/* tighter header spacing */
#hpb-header{padding-bottom:3px !important}
#hpb-headerExtra1 p.tel>font:first-child{font-size:11px;white-space:nowrap;letter-spacing:-.2px}

/* brown -> maroon (match site theme) */
#hpb-main .w4 table.w4day th,#hpb-main .w4 .qa .q,#hpb-main .w4 .pills a{background:#800000 !important}
#hpb-main .w4 h2.cat{color:#800000 !important;border-bottom-color:#800000 !important}

/* ---- r7: Word-pasted itinerary tables (events/naadam): maroon header, stacked cards on phones ---- */
td[style*="C0504D" i],td[style*="c0504d" i]{background:#800000 !important;color:#fff !important}
td[style*="C0504D" i] *,td[style*="c0504d" i] *{color:#fff !important}
@media (max-width:568px){
 table.lbl,table.lbl>tbody,table.lbl>tbody>tr,table.lbl>tbody>tr>td{display:block !important;width:auto !important;max-width:100% !important;box-sizing:border-box}
 table.lbl{width:100% !important;border:0 !important;margin:8px 0 !important}
 table.lbl>tbody>tr:first-child{display:none !important}
 table.lbl>tbody>tr{margin:0 0 14px;border:1px solid #b9a27a !important;border-radius:8px;overflow:hidden;background:#fffdf7;box-shadow:0 1px 3px rgba(60,40,20,.2)}
 table.lbl>tbody>tr>td{border:0 !important;border-bottom:1px solid #eadfc4 !important;padding:6px 12px !important;background:transparent !important;text-align:left !important;line-height:1.7}
 table.lbl>tbody>tr>td:first-child{background:#800000 !important;color:#fff !important;font-weight:bold;font-size:112%;text-align:left !important}
 table.lbl>tbody>tr>td:first-child *{color:#fff !important}
 table.lbl>tbody>tr>td:first-child::before{display:none !important}
 table.lbl>tbody>tr>td p{margin:2px 0 !important}
 table.lbl>tbody>tr>td:not([data-label]):not(:first-child){display:none !important}
 table.lbl>tbody>tr>td br{display:inline}
}
/* ---- /r7 ---- */

/* ---- r8: tour info table full width + price row highlighted ---- */
#hpb-main .w4 table.w4info.w4info.w4info{display:table !important;width:100% !important;max-width:100% !important;margin-left:0 !important;margin-right:0 !important;table-layout:auto}
#hpb-main .w4 table.w4info tr.w4price th,#hpb-main .w4 table.w4info tr.w4price td{background:#fff0c2 !important;color:#800000 !important;font-weight:bold;border-top:2px solid #c8922a !important;border-bottom:2px solid #c8922a !important}
#hpb-main .w4 table.w4info tr.w4price th{border-left:5px solid #800000 !important;font-size:104%}
#hpb-main .w4 table.w4info tr.w4price td{font-size:128%;letter-spacing:.3px;text-shadow:0 1px 0 #fff}
/* ---- /r8 ---- */

/* ---- r9: day cards (same look on every site) ---- */
#hpb-main .w4plan .qa{border:1px solid #b9a27a;border-radius:8px;overflow:hidden;margin:0 0 14px;background:#fffdf7;box-shadow:0 1px 3px rgba(60,40,20,.2)}
#hpb-main .w4plan .qa .a{padding:0 0 10px}
#hpb-main .w4plan .qa .a p{margin:8px 14px;line-height:1.7}
#hpb-main .w4plan .qa .a p.d{margin:0 0 4px;padding:9px 14px;background:#800000;color:#fff;font-weight:bold;font-size:112%;text-shadow:0 1px 2px #000}
#hpb-main .w4plan .qa .a p.k{display:inline-block;margin:6px 0 2px 14px;padding:1px 11px;background:#f3e8cc;border:1px solid #d6c297;border-radius:14px;font-size:92%}
#hpb-main .w4plan .qa .a p.h{margin-top:12px;font-weight:bold;color:#7d3a1c}
#hpb-main .w4plan .qa .a p.m{display:inline-block;margin:4px 0 0 14px;padding:0 9px;background:#efe3c2;border-radius:4px;font-size:92%}
/* ---- /r9 ---- */

/* ---- r10: itinerary table column widths ---- */
#hpb-main .w4 table.w4day th:nth-child(1),#hpb-main .w4 table.w4day td.dn{width:54px !important;min-width:54px}
#hpb-main .w4 table.w4day td.dn small{display:block;white-space:nowrap;font-size:11px;font-weight:normal;letter-spacing:-.2px;margin-top:3px}
#hpb-main .w4 table.w4day td.dh,#hpb-main .w4 table.w4day td.dm{word-break:normal;overflow-wrap:break-word}
@media screen and (min-width:569px){
#hpb-main .w4 table.w4day th:nth-child(3),#hpb-main .w4 table.w4day td.dm{width:64px !important}
#hpb-main .w4 table.w4day th:nth-child(4),#hpb-main .w4 table.w4day td.dh{width:96px !important}
#hpb-main .w4 table.w4day td.dh .ht{display:block !important}
#hpb-main .w4 table.w4day td.dh .hi{display:none !important}
}
/* ---- /r10 ---- */

/* ---- r11: every price = red-orange bar, white bold ---- */
#hpb-main .w4 table.w4info tr.w4price th,#hpb-main .w4 table.w4info tr.w4price td{background:#f42e1c !important;color:#fff !important;font-weight:bold !important;border-top:2px solid #b81f10 !important;border-bottom:2px solid #b81f10 !important;text-shadow:0 1px 2px rgba(90,10,0,.55) !important}
#hpb-main .w4 table.w4info tr.w4price th{border-left:5px solid #800000 !important}
#hpb-main .w4 table.w4info tr.w4price td{font-size:128% !important;letter-spacing:.3px}
#hpb-main .w4 .tiles .tile[style*="e6177e"]{background:#f42e1c !important}
#hpb-main .w4 .tiles .tile[style*="e6177e"] b{text-shadow:0 1px 2px rgba(90,10,0,.55)}
/* ---- /r11 ---- */

/* ---- r12: itinerary table icons (ger/hotel + food) ---- */
#hpb-main .w4 table.w4day td.dh .hi{display:block !important;text-align:center;margin:0 0 3px}
#hpb-main .w4 table.w4day td.dh .hi img{max-width:100%;height:auto}
@media screen and (min-width:569px){
#hpb-main .w4 table.w4day td.dh .ht{display:block !important;text-align:center;font-size:11px;line-height:1.3}
#hpb-main .w4 table.w4day td.dh .hi img{width:50px}
}
@media screen and (max-width:568px){
#hpb-main .w4 table.w4day td.dm::before{width:22px;height:22px}
#hpb-main .w4 table.w4day td.dh .hi img{width:34px}
}
/* ---- /r12 ---- */

/* ---- r13: English top menu = same look as the Japanese site ---- */
#hpb-nav li .ja,#hpb-nav li .ja a,#hpb-nav li .ja b,#hpb-nav li .ja font,#hpb-nav li a font,#hpb-nav li a b{font-family:"Segoe UI","Yu Gothic UI",Meiryo,"Helvetica Neue",Arial,sans-serif !important;font-size:15px !important;font-weight:bold !important;letter-spacing:0 !important;color:#183a71 !important}
#hpb-nav li{text-align:center}
#hpb-nav li a{display:block;white-space:nowrap}
#hpb-nav li .ja{padding:0 !important}
/* ---- /r13 ---- */
/* r21: full petroglyph parchment picture as fixed page background */
html{background:#d9b35f !important}
html::before{content:"";position:fixed;left:0;top:0;right:0;bottom:0;z-index:-1;background:url(bg-fone.jpg) center center/cover no-repeat;pointer-events:none}
#hpb-container{background-image:url(MongoliaShinezuuch-clean.png) !important}
/* r22: translucent content panel so the petroglyph background shows through */
#hpb-container>#hpb-header,#hpb-container>#hpb-inner{background:rgba(255,251,238,.70) !important}