/**html {min-height: -webkit-fill-available;}**/
body { font-family:itc-avant-garde-gothic-pro,Helvetica,Verdana,Arial,ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro,游ゴシック,Yu Gothic,YuGothic,メイリオ,Meiryo,ＭＳ Ｐゴシック,sans-serif; font-style:normal; font-feature-settings: "palt"; -webkit-font-feature-settings: "palt"; -moz-font-feature-settings: "palt"; font-display:block; font-size:14px; font-weight:500; color: #000000; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; letter-spacing:0.1em; /**min-height: 100vh;min-height: -webkit-fill-available;**/}
h1,h2,h3,h4,h5,h6,p {font-family:itc-avant-garde-gothic-pro,Helvetica,Verdana,Arial,ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro,游ゴシック,Yu Gothic,YuGothic,メイリオ,Meiryo,ＭＳ Ｐゴシック,sans-serif; margin:0; color:#000000; font-size:16px; font-weight:400;}
.top_page .message {position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index:100; pointer-events:none; margin:0;    width: 100%;}
.top_page .message h1 {font-size:45px; line-height:1.5; text-align:center; color:#ffffff; text-shadow:0px 0px 6px rgba(0,0,0,0.4); letter-spacing:0.1em; font-weight:700;}
.top_page .message h1 span {font-size:17px;}
.top_page .message p {font-size: 19px;
    line-height: 1.75; text-align:center;
    color: #ffffff;
    font-weight: 700;
    margin-top: 24px;
     text-shadow:0px 0px 6px rgb(0 0 0 / 40%);}
p.product-info {margin-top:32px;}
h2 {font-family:itc-avant-garde-gothic-pro, HelveticaNeue-CondensedBold; font-weight: 700; font-size: 32px; line-height: 1.5; letter-spacing:0.1em;    margin-bottom: 0px;}
h3 {font-size:25px; line-height: 1.5; font-weight:700; margin-bottom: 16px;}
h4 {line-height:1.75; font-weight:700; margin-top:8px;}
h5 {font-weight:700; line-height:1; margin:12px 0 6px; font-size:18px;}
ol, ul { list-style: none; padding: 0;}
hr {margin-top:60px;}
a:hover {text-decoration: none;}
img.cover, video.cover {object-fit: cover; width: 100%; height: 100%;}
.bg_white {background:#ffffff;}
#loader img {position: absolute;top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 700px;}
header { top: 24px; z-index: 10; position: absolute; width: 100%; text-align: center;}
header ol, ul {display: inline-flex;}
header h1 a { height: 40px; width: 87px; position: fixed; right: 20px;}
header h1 a img { height:100%; display: block;}
header li a {font-size: 21px; margin-right: 45px; letter-spacing: 0.1em;}
header li:last-child a {margin-right:0;}
#wrap header a, #wrap a.anchor {border:none;}
.r_plus_logo {width: 60px; position: absolute; right: 24px; top: 24px; z-index: 10; pointer-events:none;}

.top_page {display:flex; flex-wrap:wrap;}
.top_page a {width: 25%;position: relative; display: inline-block; height: 100vh; margin: 0;background-image: url(/assets/special/rugby_plus_21aw/img/KV_PC_1.jpg); transition: 0.5s; background-position-x:center; background-position-y:center;    background-size: cover;}
.top_page a:nth-of-type(2) {background-image: url(/assets/special/rugby_plus_21aw/img/KV_PC_2.jpg); }
.top_page a:nth-of-type(3) {background-image: url(/assets/special/rugby_plus_21aw/img/KV_PC_3.jpg); }
.top_page a:nth-of-type(4) {background-image: url(/assets/special/rugby_plus_21aw/img/KV_PC_4.jpg); }

.top_page a:hover {opacity:1;}
.top_page a::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
/**  z-index: -1;**/
  content: '';
  background-color:rgba(0,0,0,0.4);
  transform-origin: left bottom;
  transform: scale(1, 0);
  transition: transform .4s;
  width:100%;
}
.top_page a:hover::after {
  transform-origin: left bottom;
  transform: scale(1, 1);
}

.top_page a p {position: absolute; bottom: 112px; left: 50%; font-size:32px; font-weight:700; color:#ffffff; transform: translateY(0%) translateX(-50%); -webkit- transform: translateY(0%) translateX(-50%); opacity:0;  transition: 0.5s; z-index: 10; text-align: center;}

.top_page a:hover p {opacity:1; line-height: 1.5; width:100%;}

.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;}
#wrap section {max-width:1180px; margin:0 auto!important;}
#wrap section 
#top {max-width:100%; display:flex;}
#top .half_divider {width:50%; height:100%;}
.uk-link, a {font-size:16px; font-weight:700;  color:#000000; display: inline-block; margin:8px 16px 24px 0; }
a span {font-weight:400; text-decoration:none;}
.numbers {position: absolute; top: 20px; left: 20px; font-size: 32px; line-height: 1; font-weight: 700;}
.right_detail {padding-left:40px;}
.left_detail {padding-right:40px;}

#products .bg_white {padding:80px 40px;}
#products .bg_white img {width:100%; max-width:400px; margin:0 auto; margin-bottom:80px; display:block;}
#products .bg_white h4 {font-weight:700;}
#products .bg_white p {margin-bottom:20px;}

.comment  {font-size: 18px; padding-left: 24px;}

#what p, .big_word {font-size: 17px;
    line-height: 1.75;
    font-weight: 500;
    margin: 0 auto;
    text-align: center;}

.slick-prev:before, .slick-next:before {color:rgba(0,0,0,0.75); font-size: 48px;}
.slick-prev { left: 25px; z-index: 1000;}
.slick-prev::before {content: "＜";}
.slick-next { right: 25px; z-index: 1000;}
.slick-next::before {content: "＞";}
.slick-prev, .slick-next {width:48px; height:48px;}

.para_pad {padding:140px 0x; margin: 0 auto; max-width:600px; }
.para_pad h3 {font-size:24px; line-height: 1.5; text-align:left; font-weight:700; margin:40px 0 16px;border-bottom:1px solid #000000;}
.para_pad h3:first-of-type {margin-top:80px;}
.para_pad img {margin-bottom:24px;}
#what .para_pad, #inner .para_pad {padding-top:80px;}
.para_pad .para_pad {padding:0;}
.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;}
#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; position: relative; display: flex; flex-wrap: wrap;}
.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 .half_divider {background-size:cover!important; background: url(/assets/special/rugby_plus_21aw/img/1-1.jpg) center center / auto auto; background-size: cover; background-repeat: no-repeat; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden; background-position-x: center; background-position-y: top;}
#top .half_divider:last-of-type {background-size:cover!important; background: url(../img/1-2.jpg) center center / auto auto;}


#top .half_divider.semi-top {background: url(/assets/special/rugby_plus_21aw/img/2-1.jpg) center center / auto auto;}
#top .half_divider.semi-top:last-of-type {background: url(/assets/special/rugby_plus_21aw/img/2-2.jpg) center center / auto auto;}

#top .half_divider.tapered-top {background: url(/assets/special/rugby_plus_21aw/img/3-1.jpg) center center / auto auto;}
#top .half_divider.tapered-top:last-of-type {background: url(/assets/special/rugby_plus_21aw/img/3-2.jpg) center center / auto auto;}

#top .half_divider.jogger-top {background: url(/assets/special/rugby_plus_21aw/img/4-1.jpg) center center / auto auto;}
#top .half_divider.jogger-top:last-of-type {background: url(/assets/special/rugby_plus_21aw/img/4-2.jpg) center center / auto auto;}


.slick-dots { bottom: -40px;}
.slick-slider { margin: 0 auto;}
.slick-slider h3 {text-align: center; font-size: 36px; font-weight: 400;}
.slider_04 {width:100%;}
.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;}

.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; }

.details table.product-feature {margin-bottom: 12px;}
.details table.product-feature img {margin:0;}
.details table.product-feature h5 {margin:0 0 0 16px;}

#wrap {padding:0;}
.campaign_page {height: 70vh!important; width:100vw; background-image:url(/assets/special/rugby_plus_21aw/img/1-1.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('/assets/special/rugby_plus_21aw/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; background:#fdd22b;}

@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;}

table {border-spacing: 0; margin:24px 0 32px;}
table p {font-size:12px; line-height: 1; margin-top: 8px;}
.other {margin:16px 0; display:inline-block;}
.other-product {font-size: 120%; font-weight: 700;}
#wrap a {font-size: 18px; transition:0.5s; text-decoration:none; margin-bottom: 0; display: block; line-height: 1; margin: 0 32px 0 0;letter-spacing: 0.15em; border-bottom: 1px solid #000000; padding-bottom: 4px;}
a:hover { color: #000000; opacity:0.5;}
.current {opacity:0.75;}
}

@media screen and (max-width: 1299px) {
.slick-prev { left: 16px; z-index: 100;}
.slick-next { right: 16px; z-index: 100;}
}

@media screen and (max-width: 1239px) {
.product p:last-of-type {height:auto;}
}

header li a {font-size: 21px; color:#ffffff; margin:0 32px; border: none;}
li a.current {color:#1a1a1a; opacity:.4; pointer-events:none;}
.title h2 img {margin:40px auto 30px;}
.title h4 img {margin:20px auto 40px;}
.title p {text-align:left;}
#wrap {padding: 0; }
.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;}


.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: 70%; margin:0 auto;}
#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_container { bottom: 0; height: calc(100% - 240px);}
.comments {padding: 40px;}
.comment {padding:0; margin-top: 24px!important;}
.para_pad {padding:160px 24px; }
}

#wrap section, .para_pad {max-width:900px;}
#what .para_pad, .para_pad img {max-width:900px}
#products .bg_white {text-align:center;}
#products .bg_white p, #products .bg_white h4 {text-align:left;}
.para_pad {text-align:center;}
.slider_01, .slider_02, .big_word {max-width:800px; text-align:left;}
.slick-slide img {max-width:100%;}
.slider_03 p {text-align: left;}

.slider_wrapper {padding:0; width: 100%; text-align:left; box-sizing:border-box;}
.slider_wrapper p {font-size:14px; margin-top:24px;}
.slider_wrapper a {font-size:14px; color: #000000; width: 100%; text-align: center; display: block; border: 1px solid #000000; margin-top:24px; font-weight:normal;margin-bottom: 60px;}


/**.slick-dotted.slick-slider.slider_02 {margin-bottom: 120px;}**/

.details img {height:48px}
.details img:last-of-type {margin-top:40px;}

section:nth-of-type(2) {border-bottom:1px solid #000000; padding-bottom:120px; margin-bottom:80px!important;}

.footer-nav {text-align: center; margin-top:120px;}

.footer-navigation {margin-top:16px;}
#wrap .footer-navigation a {border:none; margin:0; font-weight:400; display: initial;}
#wrap .footer-navigation table {width: 100%;}
#wrap .footer-navigation table td:last-of-type {text-align:right;}
.footer-logo {width: 180px;
    margin: 120px auto 16px;
    display: block;}

#wrap section:nth-of-type(2) #firstProduct {
margin-bottom:120px;
}


.menu, .menu span {
  display: inline-block;
  -webkit-transition: all .4s;
  transition: all .4s;
  box-sizing: border-box;
}

.menu_wrap{background: rgba(0,0,0,0.5);
    position: fixed;
    top: 24px;
    right: 24px;
    z-index: 10;
    padding: 8px 10px 10px;
    box-sizing: border-box;
}

.menu.active p {color:#ffffff;}
.menu.active span {background-color:#ffffff;}
.menu {
  position: relative;
  width: 32px;
  height: 24px;
  border: none;
  background: transparent;
  padding: 0;
  overflow:visible;
}

.menu p {
  font-family: cooper-black-std, serif;
  text-align: center;
  margin-top: -32px;
  font-size: 12px;
      position: absolute;
}

.menu span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: #fff;
  z-index: 10;
}

.menu span:nth-of-type(1) {
  top: 0px;
}

.menu span:nth-of-type(2) {
  top: 10px;
}

.menu span:nth-of-type(3) {
  bottom: 0px;
}

.menu.active span:nth-of-type(1) {
  -webkit-transform: translateY(10px) rotate(45deg);
  transform: translateY(10px) rotate(45deg);
}

.menu.active span:nth-of-type(2) {
  opacity: 0;
}

.menu.active span:nth-of-type(3) {
  -webkit-transform: translateY(-10px) rotate(-45deg);
  transform: translateY(-10px) rotate(-45deg);
}

#nav {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 100vh;
  opacity: 0;
  background-color: rgba(0,0,0,0.9);
  transition: all 0.3s ease-in-out;
  visibility: hidden;
}

#nav.active {
  left: 0;
  width: 100%;
  opacity: 1;
  -moz-transform: translateX(0);
  -webkit-transform: translateX(0);
  transform: translateX(0);
  visibility: visible;
}

#nav ul {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display:block;
}

#nav ul li {
  list-style-type: none;
}

#nav ul li a {
  display: block;
  padding: 20px 0;
  transition: all 0.5s ease-in-out;
  text-align: center;
  text-decoration: none;
  color: #ffffff;
  font-size: 24px;
  line-height: 1;
  margin:24px 0;
  border: none;
}

#nav ul li a:hover {
  opacity:0.8;
}


@media screen and (min-width: 640px) {
._sp { display:none!important;}
._pc { display:flex!important;}
.sp { display:none!important;}
.pc { display:initial!important;}
.flex-box{display:flex;}
.margin-fixer {margin-top:200px;}
.uk-width-1-2\@m {
    width: 50%;
}
}

#wrap section {padding-left:24px; padding-right:24px;}

@media screen and (max-width: 639px) {
._pc { display:none!important;}
._sp { display:block!important;}

.sp { display:initial!important;}
.pc { display:none!important;}
h2 { font-size: 6.25vw;}
p {line-height: 1.75; text-align:left;}

h3 {font-size: 5vw;}
h4 {font-size: 3.25vw;}

.r_plus_logo {display:none;}
.top_page .r_plus_logo {display:block; width: 40px; right: 16px; top: 16px;}
.top_page a {width:50%; height:50vh; /**min-height: -webkit-fill-available;**/}
.top_page .message h1 {font-size: 7.25vw;}
.top_page .message p {font-size: 4vw;margin-top: 8px;}
.top_page a p {bottom: 64px; font-size: 24px; width: 100%;}
#nav ul li a {
  font-size: 5vw;}
section:nth-of-type(2) {padding-bottom:80px!important;}
section:nth-of-type(1) .slider_wrapper, section:nth-of-type(2) .slider_wrapper {margin-bottom:96px;}
.footer-logo {width: 140px; margin: 120px auto 16px;}
.para_pad {padding-top:30vw;}
.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; }

.product_inside {padding: 0;}

#top, #top .half_divider {height:40vh;}
.para_pad {padding: 120px 0 80px;}
#products .bg_white img {width: 80%;}
header, .footer-nav {display:none;}
ul {width:100%;}
.slider_wrapper {width:100%;    padding: 0;}
.margin-fixer {margin-top:80px;}
.para_pad._sp {padding-top:0;}
.margin-fixer p {font-size:3vw;}

#wrap a {font-size: 3.75vw;}
#wrap .footer-navigation a {font-size:3vw;}
}