body { /**background-image:url(../img/background.jpg);**/ background-size:contain; font-family:serif; font-style:normal; font-feature-settings: "palt"; -webkit-font-feature-settings: "palt"; -moz-font-feature-settings: "palt"; letter-spacing: 0.075em; font-display:block; font-size:14px; font-weight:500; color: #000000; line-height: 2; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
h1,h2,h3,h4,h5,h6,p { font-family:serif; margin:0; color:#000000; line-height:1.7;}
h2 { line-height:1;}
ol, ul { list-style: none; padding: 0;}
/**hr {border-top: 1px solid #a7a7a7; transform: rotate(16deg); margin:180px 0 0;}**/
hr {margin-top:60px;}
a:hover {text-decoration: none;}
img.cover, video.cover {object-fit: cover; width: 100%; height: 100%;}

#loader img {position: absolute;top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 360px;}
header { top: 20px; z-index: 10; position: fixed; width: 100%;}
header h1 a { height: 40px; width: 87px; position: fixed; right: 20px;}
header h1 a img { height:100%; display: block;}
.title {text-align: center; }
.title h2 img {display: block; height:68px;margin:40px auto 60px;}
.title h3 img {display: block; height:22px;margin:0 auto;}
.title h4 img {display: block; height:20px;margin:50px auto 60px;}
.title p {line-height:2;}

.right_detail {padding-left:40px;}
.left_detail {padding-right:40px;}

.navSelect { margin-bottom:0;}
#rightFix { width: 14px; position: fixed; z-index:100; right: 0; top: 50%; margin-right: 16px; pointer-events: auto; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
#rightFix ul li { display: flex; margin-bottom: 10.8px;}
#rightFix ul li:nth-child(even) { height:4.7px;}
#rightFix ul li:last-child { margin-bottom:0;}
#rightFix ul li .uk-button { padding:0;}
#rightFix ul li a { transition: 0.3s;}
#rightFix ul li a img {width: 16px;}
#rightFix ul li a:hover { opacity:0.75;}
/**#rightFix ul li:last-child a {pointer-events: none; opacity:.5;}**/
#leftFix { width: 14px; position: fixed; z-index:100; left: 0; top: 50%; margin-left: 20px; pointer-events: auto; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
#top {height:100vh;}
.top_wrap { width:100%; height: 500px; padding:80px 0 0; display:flex; -moz-box-sizing: border-box; box-sizing: border-box; overflow:hidden;}
.top_wrap .top_link { width:50%; height:100%;flex-diretion: row;}
.top_wrap .top_link h2, .coming_soon div p { width: 100%; color:#ffffff; font-weight:700; position: absolute; left:50%; transform: translateY(-25%) translateX(-50%); -webkit- transform: translateY(-25%) translateX(-50%); margin: auto;}
.top_wrap .top_link h2 { bottom:0;}
.logo-wrap { position: fixed; top: 30px; left: 0; width: 100%; z-index: 100;}
.uk-transition-fade, [class*=uk-transition-scale], [class*=uk-transition-slide] { transition: 15s ease-out; transition-property: opacity,transform,filter;}
.coming_soon {pointer-events: none;}
.coming_soon .come { position: absolute; z-index: 10; line-height: 1.35; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.85); color: #ffffff;}
.coming_soon .come .comingsoon {transform: translateY(-50%) translateX(-50%); -webkit- transform: translateY(-50%) translateX(-50%); top: 50%; left: 50%; bottom: inherit; letter-spacing: 0.05em; position: absolute; width: 240px; max-width: 80%;}
.top_container { width: calc(100vw - 100px); height: calc(100vh - 300px); padding-bottom: 0px; background-size:cover!important; background: url(../camping/img/cut1_0244.jpg) center center / auto auto; background-size: cover; background-repeat: no-repeat; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); -webkit- transform: translateX(-50%); margin: auto; display: block;}
.uk-lightbox { background: rgba(0, 0, 0, 0.8);}
.right_stuff {float:right; text-align:right; clear: both; font-weight:600;}
.right_stuff:last-child {font-weight:inherit;}
.left_stuff {float:left; text-align:left; clear: both; font-weight:600;}
.left_stuff:last-child {font-weight:inherit;}
.small_entity {width:45%;}
.medium_entity  {width:70%;}
.big_entity {width:100%;}
.top_img_margin_70 {margin-top:-70px;}
.message {display: inline-block; text-align: center; width:100%; max-width: 800px; margin: 120px auto;}

.title.left h2 {padding-top: 64px;}
.title.left h2 img {margin:0;}
.title.left .category {padding:0px 12px; margin:28px 0 24px; background:#000000; text-align: left; width: fit-content;}
.title.left .category img {height:16px; }
.title.left h3 {max-width:100%; text-align: left; line-height:1;}
.title.left h3 img {margin:0; }

#wrap {padding:0 50px;}
.campaign_page {height: 70vh!important; width:100vw; background-image:url(../img/cut1_0573.jpg); background-size: cover; background-position-y: center;background-position-x: center;}
.campaign_page img{width: calc(100% - 80px); max-width: 440px; position: absolute; left: 40px; top: 20px;}
#wrap .uk-accordion-title {width:100%; background: rgb(0, 0, 0); color: #ffffff; padding: 7px; -moz-box-sizing: border-box; box-sizing: border-box;}
.uk-accordion-content p {text-align: justify;}
#wrap .overview {display: block; width: 100%; max-width: 700px; margin: 40px auto;}
#wrap .overview .uk-grid>* {padding-left:20px;}
#wrap .overview .uk-grid { margin-left: -20px;}
#wrap .overview h4 {margin-top:40px;font-weight: 600; font-size: 24px; line-height: 1.25;}
#wrap .overview h5 {font-size: 12px; margin-bottom: 14px;}
section.container { max-width:1280px; width:100%; padding:0; margin: 0 auto!important;-moz-box-sizing: border-box; box-sizing: border-box;}
section.container .contents { padding:80px 0 0;}
section.container .contents:last-child { padding-top:40px;}
section.container.half .contents:first-child { padding-right:20px;}
section.container.half .contents:last-child { padding-left:20px;}
section.container.bottom_wrap { width:100%; height: 280px; margin:140px auto 0!important;display:flex; -moz-box-sizing: border-box; box-sizing: border-box; overflow:hidden;}
section.container.bottom_wrap.campaign { height:440px; margin:40px auto!important;}
.bottom_wrap .bottom_link { width:50%; height: 280px; flex-diretion: row; padding: 0;}
.bottom_wrap .bottom_link .uk-icon:not(.uk-preserve) [stroke*='#']:not(.uk-preserve), .top_link .uk-icon:not(.uk-preserve) [stroke*='#']:not(.uk-preserve), .to_top .uk-icon:not(.uk-preserve) [stroke*='#']:not(.uk-preserve) { stroke-width: 2.5;}
.bottom_wrap.campaign .bottom_link { width:100%;}
.bottom_wrap.campaign .bottom_link h2 img {width: 90%; max-width: 400px;}
.bottom_wrap .bottom_link h2, .coming_soon div p { width: 100%; color:#ffffff; font-weight:700; line-height: 1; position: absolute; left:50%; margin: auto;}
.bottom_wrap .bottom_link h2 { transform: translateY(-5%) translateX(-50%); -webkit- transform: translateY(-5%) translateX(-50%);bottom:0; position: absolute;}
.bottom_wrap.campaign .bottom_link h2 { transform: translateY(-50%) translateX(-50%); -webkit- transform: translateY(-50%) translateX(-50%); top: 50%; bottom: inherit; font-size: 48px; font-weight: 700; letter-spacing: 0.05em;}
.coming_soon div p { transform: translateY(-50%) translateX(-50%); -webkit- transform: translateY(-50%) translateX(-50%);}
.scroll_top { font-size:16px; font-weight: 600; line-height:1;}
.uk-icon:not(.uk-preserve) [stroke*='#']:not(.uk-preserve) { stroke-width: 1.5;}
.uk-button-primary { width: 100%; padding: 24px; padding-left: 24px;background-color: #000000;}
.uk-button-primary:focus, .uk-button-primary:hover { background-color: #000000; color: #fff;}
.uk-accordion-title { width:fit-content; font-size: 12px; line-height: 1; margin: 0 auto;}
.uk-accordion-title:focus, .uk-accordion-title:hover {color:#000000;}
.uk-accordion-title::before { width: 11px; height: 11px;}
.uk-accordion-content .uk-button { padding:0; height:100px;}
.uk-accordion-content .uk-button img {object-fit: cover; width: 100%; height: 100%;}
.uk-accordion p { margin:24px 0;}
.uk-lightbox-toolbar { position:fixed!important;transform: none!important; display:block!important; background: transparent;}
.overlay_title { background: #5e739a url('../img/cut1_0536.jpg') no-repeat;background-size: cover; background-position: center; min-height: 300px; padding:32px;-moz-box-sizing: border-box; box-sizing: border-box;}
.overlay_title h2 { font-weight:700; color:#ffffff;}
.uk-table td { padding: 4px 12px 0;}
.uk-table td:first-child { width: 10px; padding: 0; vertical-align: middle; background-color: #000000;}
.uk-table td:first-child img { width: 8px; margin-left:1px;}
.large_item {position: relative;}
.photoicon img {position: absolute; right: 12px; top: 12px; width: 48px;}
footer { padding: 16px 0 8px; font-size: 11px; text-align: center;}
#loader { display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; z-index: 1000;}
#loader .loader-slide { position: relative; width: 100%; height: 100%; background-image:url(../img/background.jpg); background-size:contain; }
#loader .loader-slide img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 131px; height: 60px;}
#loader .loader-slide.open { animation-name: slideOut; animation-fill-mode: forwards; animation-duration: 1s; animation-delay: 1s; box-shadow: 0 -18px 20px -15px rgba(0, 0, 0, 0.2);}
@keyframes slideOut {
from { transform: translateY(0%); } to {   transform: translateY(100%); }
}

.position { margin-bottom: 8px; display: flex; align-items: center;}
.product  {margin:0 0 24px 0;}
.product:last-child {margin-bottom:0;}
.product h4 { font-size: 21px; font-weight: 600; line-height: 1; letter-spacing: 0.05em; margin-bottom: 2px;}
.product p {font-size:12px; line-height: 1.5;}
.product p:last-of-type{color: #000000; font-size: 12px; vertical-align: middle; line-height: 2; float: right; margin: 14px 0 16px;height: 132px; overflow: scroll; -ms-overflow-style: none; scrollbar-width: none; }
.product p:last-of-type::-webkit-scrollbar {display:none;}
.product .to_detail a, .product .to_detail p {font-size:11px; line-height:1; color:#000000; transition:all 0.3s;}
.product .to_detail a {color: #ffffff; background: #000000; padding: 8px 12px;}
.product a:hover {opacity:.7;}
.product a .uk-icon { vertical-align: text-bottom;}
.product a .uk-icon svg { width: 10px; height: 10px; color:#ffffff;}
.to_info .uk-icon {height: 11px;}
.to_info .uk-icon svg {color: #1e87f0!important;}
.to_info a {font-size: 12px;}
.uk-modal-dialog .to_detail a {background: #ffffff;color: #000000!important;}
.uk-modal-dialog .product a .uk-icon svg {color: #000000!important;}
.product_inside .text { margin-top:16px; padding-left:0;}
.product_inside .product_image a h2 {transition:all 0.3s;}
.product_inside .product_image a {position: relative; width: 100%; height: 100%; display: block; transition:all 0.3s;}
.product_inside .product_image a .more_btn {opacity:0; z-index:2; position: absolute; width: 100%; height: 100%;top: 0;}
.product_inside .product_image a .more_btn .more_btn_bg {opacity:0; transition:all 0.3s;}
.product_inside .product_image a .more_btn .more_btn_bg p {opacity:0; position:absolute; top:50%;left: 50%; transform: translateY(-50%) translateX(-50%); -webkit- transform: translateY(-50%) translateX(-50%); transition:all 0.3s;}
.product_inside .product_image a:hover .more_btn, .product_inside .product_image a:hover .more_btn .more_btn_bg, .product_inside .product_image a:hover .more_btn p {opacity:1;color:#ffffff;}
.product_inside .product_image a:hover .more_btn .more_btn_bg {background-color:rgba(0,0,0,0.5); width: 100%; height: 100%;}
/**.product_inside .product_image a:hover h2 {opacity:0;}**/


.product_inside a:hover table  { text-decoration: none;}
.product_inside a:hover table td h4, .product_inside a:hover table td p { color:#ffffff; text-decoration: none;}
.product_inside a:hover table tbody td p .uk-icon svg { color:#ffffff;}

.uk-table { overflow: hidden;}
.uk-accordion { margin-bottom:40px;}
.button { display: block; color:#FFF; margin-top: 24px; transition:all 0.3s; position:relative; z-index:2; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}
.button:hover, .button:active { color:#ffffff;}
.button:after { width:0%; height:100%; background-color:#000000; content:""; position:absolute; top:0; left:0; transition:all 0.3s; z-index:-1;}
.button:hover:after, .button:active:after { width:100%;}

.to_detail {display: inline-block; width: 100%; text-align:right;}

.uk-thumbnav li:first-child {padding-left:0;}
.uk-modal-dialog {background:transparent;}
.uk-modal-close-full {background:transparent;}
.uk-modal-close-full svg {width:40px; height:40px;}
.uk-close {color:#ffffff;}
.uk-close:focus, .uk-close:hover {color:#ffffff;}
.uk-slideshow {width: 80%; margin: 0 auto;}

.uk-modal {background: rgba(0, 0, 0, 0.85);}
.uk-modal-dialog { width: inherit; height: 100%;}

.uk-slidenav, .uk-slidenav:focus, .uk-slidenav:hover {color:#ffffff;}
.uk-slideshow .uk-position-center-left {left: -60px;}
.uk-slideshow .uk-position-center-right {right: -60px;}
.uk-slideshow .arrow svg {width:24px;}
.uk-icon:not(.uk-preserve) [stroke*='#']:not(.uk-preserve) {stroke-width: 1;}
.uk-slideshow-items {height: calc(53vw - 80px)!important;}
.uk-slideshow-items li img {width:100%; height:auto;}

.uk-modal-dialog .product {padding: 40px;}
.uk-modal-dialog .product h4, .uk-modal-dialog .product p, .uk-modal-dialog .product a {color: #ffffff;}
.uk-modal-dialog .product a .uk-icon svg {color: #ffffff;}
.uk-modal-dialog .product p:last-of-type { font-size: 14px;}
.product .to_detail p.comingsoon {line-height: 14px; height: 14px; margin: 0; overflow:auto;}

.sp, .img_sp { display:none!important;}
.pc, .img_pc { display:initial!important;}


@media screen and (max-width: 1239px) {
.sp { display:initial!important;}
.pc { display:none!important;}
.product p:last-of-type {height:auto;}
}

@media screen and (max-width: 639px) {
.img_sp { display:initial!important;}
.img_pc { display:none!important;}
.title h3 img {height:60px}
.product {margin: 12px 0!important;}
.product:last-child {margin-bottom:48px!important; }
.to_detail {margin-top: -8px;}
.right_detail {padding-left:0px;}
.left_detail {padding-right:0px;}

.uk-modal {padding:15px 0px;}
.uk-slideshow {height: 100%;}
.uk-slideshow-items {height: 120vw!important;}
.uk-modal-close-full { position: fixed;}

.opposit_order :nth-child(1) { order: 2; }
.opposit_order :nth-child(2) { order: 1; }
}
@media screen and (max-width: 599px) {
.title h2 img {margin:40px auto 30px;}
.title h4 img {margin:20px auto 40px;}
.title p {text-align:left;}
#wrap {padding: 0 40px;}
.title.left h3 img {height: 20px;max-width: 100%;}
.title h2 img {height: 48px;}
.title.left .category {margin: 20px 0 16px;}
.title.left h2 { padding-top: 60px;}
.product h4 { font-size: 18px;}
.right_stuff { float:inherit; text-align:justify; clear: both;}
.left_stuff { float:inherit; text-align:justify; clear: both;}
.small_entity, .half_entity, .big_entity { width:100%;}
.top_img_margin_70 { margin-top:0px;}

.message {margin: 60px auto;}
.message p {text-align:justify;}
.position {margin-bottom: 2px;}

.top_wrap { display:block; padding: 50px 0 0;}
.top_wrap .top_link { flex-direction: column; width: 100%; height: 50%;}
section.container.bottom_wrap { display:block; height:auto; margin-top: 40px!important;}
.bottom_wrap .bottom_link { flex-direction: column; width: 100%; height: 100%; margin: 0;}
.top_container { width: calc(100vw - 80px); background-image: url(../camping/img/cut1_0231.jpg);}
#rightFix { margin-right:10px;}
#leftFix { margin-left:10px;}
.uk-accordion-content .child_wrap { margin-left: -8px;}
.uk-accordion-content .child_image { width:33.33%!important; padding-left: 8px;}
.uk-animation-slide-bottom-medium { margin-bottom: 16px;}
.uk-accordion-content .uk-button { height: 100px;}
.uk-modal-dialog { width:100%;}
.overlay_title { min-height:200px;}
section.container.half .contents:first-child, section.container.half .contents:last-child { padding-right:0px; padding-left:0px;}
.last-margin { margin-top:180px !important;}

.product {margin:24px 0;}
.campaign_page img {width: calc(100% - 120px); left: 20px; top: 20px;}
.campaign_page { height: 50vh!important;}
.overview .uk-grid>.uk-grid-margin { margin-top: 16px;}

.uk-thumbnav li:first-child {width: calc(25% - 15px); box-sizing: border-box;}
.uk-thumbnav li {width: 25%; box-sizing: border-box;}

#loader img {position: absolute;top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 80%;}

#top { height: calc(30vh + 200px); position: relative; }
.top_container { bottom: 0; height: calc(100% - 240px);}
}