@charset "utf-8";

/*
 * File       : sub-support.css
 * Author     : STUDIO-JT (HEE)
 * Guideline  : JTstyle.1.1
 *
 * Dependency : css/reset.css
 *              css/jt-strap.css
 *
 * SUMMARY:
 * 1) 
 */

/* **************************************** *
 * PAGE DEFAULT
 * **************************************** */
.page-template-sub .main_container {padding-bottom: 0;}
.page-template-default .main_container {padding-bottom:176px;}
.page-template-default .article_body { padding-top: 0; padding-bottom:0; min-height: auto;}
.page-template-default #header { -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);box-shadow: 0 1px 1px rgba(0, 0, 0, .05); }
.page-template-default .article_header .wrap { max-width: 1782px; position: relative; }
body.search #header { -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);box-shadow: 0 1px 1px rgba(0, 0, 0, .05); }
body.single:not(.single-product) #header {-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05); box-shadow: 0 1px 1px rgba(0, 0, 0, .05)}


/* ver2 */
.sub_bg_pic { position: absolute; bottom: -52px; right: 66px; font-size: 0; z-index: 20; transform: scale(.65);-webkit-transform: scale(.65); transform-origin: center right;}
.sub_bg_pic figure {opacity: 1;}


/* visual bg scale motion */
.article_visual_bg_container{ overflow:hidden;}
.article_visual_bg{-webkit-transform: translateZ(0) scale(1.1) rotate(0.1deg);transform: translateZ(0) scale(1.1) rotate(0.1deg); -webkit-transition: 1800ms; transition: 1800ms; -webkit-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000); transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);  /* easeOutQuart */}
.bg_loaded .article_visual_bg{-webkit-transform: translateZ(0) scale(1) rotate(0deg);transform: translateZ(0) scale(1) rotate(0deg);}


/* jt_common_section */
.jt_common_section { display: table; width: 100%; padding-bottom: 120px;}
.jt_common_section:last-child { padding-bottom: 0; }
.jt_common_section > div { display: table-cell; vertical-align: top; border-top: 1px solid #ddd; padding-top: 41px; }
.jt_common_section > div.title { width: 309px; border-color: #B5121B; }
.jt_common_section > div.title h3 { font-weight: 700; font-size: 24px; letter-spacing: -0.025em; line-height: 1.5; color: #B5121B; }
.jt_common_section > div.content { width: -webkit-calc(100% - 309px); width: -ms-calc(100% - 309px);  width: calc(100% - 309px); }
.jt_common_section > div.content img { width:100%;}
.jt_common_section p {line-height: 1.75; margin-bottom: 30px; letter-spacing: -0.025em; }
.jt_common_section p:last-child {margin-bottom: 0;}



@media(min-width: 1024px){
	/* CARD MOTION */
	figure.card_motion {position: relative;overflow: hidden;}
	figure.card_motion img {opacity:0; -webkit-clip-path: polygon(0 0,0 0,0 100%,0 100%); clip-path: polygon(0 0,0 0,0 100%,0 100%);-webkit-transition: clip-path 1.1s cubic-bezier(.19,1,.22,1),opacity 1.1s ease 167ms,-webkit-clip-path 1.1s cubic-bezier(.19,1,.22,1); transition: clip-path 1.1s cubic-bezier(.19,1,.22,1),opacity 1.1s ease 167ms,-webkit-clip-path 1.1s cubic-bezier(.19,1,.22,1);}
	figure.card_motion.animate  img {opacity:1;-webkit-clip-path: polygon(0 0,100% 0,100% 100%,0 100%); clip-path: polygon(0 0,100% 0,100% 100%,0 100%);}
}