@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Abel|Nothing+You+Could+Do);
/*
PC height-600max = @media screen and (max-height:600px) { ... }
PC width-1024max = @media screen and (max-width:1024px) { ... }
TABLET(tate)     = @media screen and (max-width:768px) { ... }
SMART-PHONE(tate)= @media (max-width:739px) { ... }
SMART-PHONE(yoko)= @media (max-width:750px) and (orientation:landscape) { ... }
TABLET(yoko)     = @media (min-width:740px) and (max-width:1024px) and (orientation:landscape) { ... }
*/
/* color = RED* #b1001e; rgb(177,0,30) / BLACK* #353535 rgb(53,53,53) / GRAY* #a7a7a7 rgb(167,167,167) */
html { -ms-text-size-adjust:100%; -webkit-text-size-adjust:100%; overflow-y:scroll; }
*, *:before, *:after { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
input, textarea { -webkit-appearance:none; -webkit-border-radius:0; }
button, html input[type="button"],/* 1 */ input[type="reset"], input[type="submit"] {
	-webkit-appearance:button; cursor:pointer; *overflow:visible; }
body, img {
	transition:all .2s linear;
	-o-transition:all .2s linear;
	-moz-transition:all .2s linear;
	-webkit-transition:all .2s linear;
}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video, input, main {
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
	margin:0; padding:0; vertical-align:baseline; border:0; outline:0; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, img, main { display:block; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
.clear { clear:both; line-height:0; height:0; }
a { text-decoration:none; outline:none; outline:0; color:#353535; transition-delay:0s; transition-duration:0.3s; transition-property:all; transition-timing-function:ease;
	-webkit-touch-callout:none; -webkit-tap-highlight-color:rgba(255,255,255, 0.5);
	-webkit-text-size-adjust:none; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; }
a:hover, a:active, a:focus { outline:none; outline:0; text-decoration:none; /*color:#a7a7a7;*/
	opacity:0.7; -moz-opacity:0.7; -khtml-opacity:0.7; filter:alpha(opacity=70); filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); }
.hover { background-color:rgba(255,255,255, 0.5); }/* Android hi-light */
a:focus, img:focus, button:focus, .btn:focus { outline:none; outline:0; border:none; }
::-moz-selection { background-color:#a7a7a7; color:#ffffff; text-shadow:none; }
::selection { background-color:#a7a7a7; color:#ffffff; text-shadow:none; }
@font-face { font-family:'Roboto', sans-serif; font-family:'Abel', sans-serif; }

/*----------------------------------------------------------------
=====> Main 
----------------------------------------------------------------*/
main[role="main-wrapper-iamge"],main[role="main-wrapper-iamge"] > .over-bg-color {
	background-image:url(../images/bg-image-1.jpg); background-size:cover; background-position:50% 0; background-repeat:no-repeat;
	width:100%; height:100%; position:fixed; width:100%; height:100%; }
main[role="main-wrapper-iamge"] > .over-bg-color {
	background-color:rgba(255,255,255, 0.5); background-image:none; padding:0; }
.logo_wh path { color:#ffffff; fill:currentColor; }
.logo_bk path { color:#353535; fill:currentColor; }
.js-on #inner-wrap { display:none; }

@media (max-width:739px) {
	body{
		background-image:url(../images/bg-co.png),url(../images/bg-image-1.jpg);
		background-position:47% 0; position:static; background-size:cover; background-repeat:repeat,no-repeat; }
	main[role="main-wrapper-iamge"],
	main[role="main-wrapper-iamge"] > .over-bg-color{ position:static; background-image:none; }
	main[role="main-wrapper-iamge"]{ background-image:none; }
	main[role="main-wrapper-iamge"] > .over-bg-color{ background-color:inherit; }
}

/*----------------------------------------------------------------
=====> Header 
----------------------------------------------------------------*/
/*===== Header ===*/
header[role="header"] { position:fixed; bottom:0; left:0; right:0; width:100%; padding:0 5%; z-index:6; }
header[role="header"].scrollcontent { background:#ffffff; border-top:3px double rgba(53,53,53, 0.8); padding:1% 0% 0; display:inline-block; width:90%; margin:0 auto; }
header[role="header"] > hgroup { background-color:rgba(255,255,255, 0.6); overflow:hidden; position:relative; }
header[role="header"] > hgroup > h1 { padding:0; margin:0; display:inline-block; position:relative; z-index:5; }
header[role="header"] > hgroup > h1 > a { background-color:#353535; font-family:'Abel', sans-serif; text-align:center; font-size:24px; line-height:52px; height:52px; color:#ffffff ;display:inline-block; width:157px; font-weight:500; letter-spacing:5px; }
header[role="header"] > hgroup h1 .logo_wh, header[role="header"] > hgroup h1 .logo_bk { width:100px; height:44px; text-align:center; vertical-align:middle; margin-top:-5px; }/*width:120px;*/
header[role="header"] > hgroup h1 .logo_wh path, header[role="header"] > hgroup h1 .logo_bk path { color:#ffffff; /*color:rgba(53,53,53, 0.8);*/ fill:currentColor; }
header[role="header"] > hgroup > h1 > a:hover { text-decoration:none; }

/*===== Nav ===*/
#menu-button{ display:none; z-index:5; }
header[role="header"] > hgroup nav { float:none; clear:both; text-align:center; display:inline-block; position:absolute; left:0; right:0; }
header[role="header"] > hgroup nav ul { padding:0; margin:0; list-style:none; text-align:center; border:none; }
header[role="header"] > hgroup nav ul > li { float:none; display:inline-block; font-size:12px; text-transform:uppercase; letter-spacing:2px; font-weight:400; margin:0 18.5px; position:relative; }
header[role="header"] > hgroup nav ul > li > a { border-radius:0; border:none; padding:0; line-height:52px; display:block;color:#353535; }
header[role="header"] > hgroup nav ul > li.active a,header[role="header"] > hgroup nav ul > li a:hover { background-color:inherit; border:none; color:#a7a7a7; }
header[role="header"] > hgroup nav .nav-tabs>li.active>a, header[role="header"] > hgroup nav .nav-tabs>li.active>a:focus, header[role="header"] > hgroup nav .nav-tabs>li.active>a:hover { background-color:inherit; border:none; color:#a7a7a7; }

/*===== Socil-Icons ===*/
header[role="header"] > hgroup .mobile-social { display:none; }
header[role="header"] > hgroup ul[role="socil-icons"] { list-style:none; padding:0; margin:0; text-align:right; float:right; position:relative; z-index:5; }
header[role="header"] > hgroup ul[role="socil-icons"]:before,
header[role="header"] > hgroup ul[role="socil-icons"]::before/*,
header[role="header"] > hgroup .mobile-social:before,
header[role="header"] > hgroup .mobile-social::before*/ { content:"Follow us!"; font-size:xx-small; margin-right:3px; }
header[role="header"] > hgroup ul[role="socil-icons"].mobile-social { display:none; }
header[role="header"] > hgroup ul[role="socil-icons"] li { display:inline-block; margin-right:21px; }
header[role="header"] > hgroup ul[role="socil-icons"] li > a { display:block; line-height:52px; font-size:13px; color:#353535; }
header[role="header"] > hgroup ul[role="socil-icons"] li a:hover { color:#a7a7a7; }


@media (min-width:740px) and (max-width:1024px) {
	header[role="header"]{ padding:0 1%; }
	header[role="header"].scrollcontent { width:98%; }
	header[role="header"] > hgroup nav ul > li{ margin:0 4.5px; }
}
@media (max-width:739px) {
	header[role="header"].scrollcontent { background:none; border-top:none; padding:0 2%; width:100%; }
	header[role="header"] > hgroup{ background-color:transparent !important; position:relative; }
	header[role="header"] > hgroup > h1 > a{ width:120%; line-height:39px; font-size:20px; background-color:transparent !important; }
	header[role="header"] > hgroup h1 .logo_wh, header[role="header"] > hgroup h1 .logo_bk { width:86px; height:38px; margin-top:-20px; }/*width:100px; margin-top:-14px;*/
	header[role="header"] > hgroup h1 .logo_wh path, header[role="header"] > hgroup h1 .logo_bk path { color:#353535; color:rgba(53,53,53, 0.8); fill:currentColor; }
	header[role="header"] > hgroup .home-none { opacity:0; -moz-opacity:0; -khtml-opacity:0; filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); display:none !important; }
	header[role="header"]{ top:6px; bottom:inherit; padding:0 2%; }
	header[role="header"] > hgroup{ overflow:inherit; padding:2%; }
	header[role="header"] > hgroup nav{ position:absolute; width:100%; text-align:center; }
	header[role="header"] > hgroup nav ul { position:absolute; top:41px;
	-webkit-box-shadow:0 3px 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow:0 3px 5px rgba(0, 0, 0, 0.2);
    box-shadow:0 3px 5px rgba(0, 0, 0, 0.2); }
	footer.desk,header[role="header"] > hgroup ul[role="socil-icons"].desk-social{ display:none; }
	header[role="header"] > hgroup nav ul,
	header[role="header"] > hgroup ul[role="socil-icons"]{ text-align:center; width:100%; }
	header[role="header"] > hgroup nav ul > li{ background-color:rgba(255,255,255, 0.8); display:block; margin:0; border-bottom:1px solid #cccccc; }
	header[role="header"] > hgroup nav ul > li:last-child{ border-bottom:none; }
	header[role="header"] > hgroup nav ul > li a{ line-height:40px; }
	header[role="header"] > hgroup div[role="socil-icons"]{ clear:both; display:block; margin:8px 0; }
	header[role="header"] > hgroup div[role="socil-icons"] li{ display:inline-block; margin:0 6px; }
	header[role="header"] > hgroup div[role="socil-icons"] li a{ color:#353535; }
	header[role="header"] > hgroup div[role="socil-icons"] li a:hover{ color:#a7a7a7; }
	
	header[role="header"] > hgroup .mobile-social,
	header[role="header"] > hgroup div[role="socil-icons"] { position:absolute; right:14%; top:0px; }
	
	/*#menu-button{ display:block; position:absolute; right:1%; top:0px; font-size:0; background-color:#353535; padding:3px 7px; cursor:pointer; }
	#menu-button:hover{ background-color:#a7a7a7; }
	#menu-button i{ font-family:'FontAwesome'; font-size:21px; line-height:23px; color:#ffffff; font-weight:normal; }*/
	/* css art Vr. */
	#menu-button { display:block; position:absolute; right:4%; top:12px; font-size:0; padding:3px 7px; cursor:pointer; }
	#menu-button i {
    line-height:2; display:block; position:absolute; top:50%; left:50%; width:20px; height:2px; margin:-1px 0 0 -10px; background:#353535; font-family:'FontAwesome'; font-size:21px; line-height:23px; font-weight:normal;
    -webkit-transition:-webkit-transform 0.3s; -moz-transition:-moz-transform 0.3s; -ms-transition:-ms-transform 0.3s; -o-transition:-o-transform 0.3s; transition:transform 0.3s; }
	#menu-button i:before, #menu-button i:after { display:block; content:""; position:absolute; top:50%; left:0; width:20px; height:2px; background:#353535;
	-webkit-transition:-webkit-transform 0.3s; -moz-transition:-moz-transform 0.3s; -ms-transition:-ms-transform 0.3s; -o-transition:-o-transform 0.3s; transition:transform 0.3s; }
	#menu-button i:before { margin-top:-9px; }
	#menu-button i:after { margin-top:7px; }
	#menu-button i.active {	background:transparent; }
	#menu-button i.active:before, #menu-button i.active:after { margin-top:0; }
	#menu-button i.active:before { -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg); height:2px; }
	#menu-button i.active:after { -webkit-transform:rotate(-135deg); -moz-transform:rotate(-135deg); -ms-transform:rotate(-135deg); -o-transform:rotate(-135deg); transform:rotate(-135deg); height:2px; }
}

/*----------------------------------------------------------------
=====> Footer 
----------------------------------------------------------------*/
footer { text-align:right; }
footer > p { font-size:12px; line-height:50px; color:#353535; font-weight:400; }
footer.mobile { display:none; }

/*===== FIX FOOTER ===*//*
html,body{ height:100%; }
div#inner-wrap{ position:relative; min-height:100%; height:auto !important; height:100%; }
.container{ padding-bottom:48px; }
footer{ position:fixed; bottom:0; width:100%; height:48px; }
footer.desk { right:5%; }*/

@media (max-width:739px) {
	footer.mobile{ display:block; position:absolute; bottom:2%; right:2%; }
	footer.mobile p{ text-align:center; line-height:18px; }
	footer > p,footer.mobile p{ font-size:10px; color:#010101; }
	
	/*===== FIX FOOTER ===*/
	html,body{ height:100%; }
	div#inner-wrap{ position:relative; min-height:100%; height:auto !important; height:100%; }
	.container{ padding-bottom:30px; }
	footer{ position:absolute !important; bottom:0; width:100%; height:30px; }
}


/* ************************************************************ */

/*----------------------------------------------------------------
=====> OPENING ANIMATION 
----------------------------------------------------------------*/
/*
#fade-image div { position:fixed; width:500px; height:120px; top:50%; left:50%; margin-top:-60px; margin-left:-250px; background:center center no-repeat; background-size:cover; display:none; z-index:9999; }

@media (max-width:739px) {
	#fade-image div { width:260px; height:62px; margin-top:-31px; margin-left:-130px; }	
}*/


/*----------------------------------------------------------------
=====> CONTENTS - MAIN 
----------------------------------------------------------------*/
article { padding-top:7.0%; padding-bottom:10%; }

/*===== Page-title ===*/
article header.page-title h2 { text-align:center; font-family:'Abel', sans-serif; text-transform:uppercase; font-size:24px; line-height:26px; color:#353535; font-weight:500; letter-spacing:3px; position:relative; margin-bottom:36px; padding:0; margin-top:0; }
article header.page-title h2:after { content:""; display:block; width:98px; height:3px; position:absolute; left:0; right:0; bottom:-12px; margin:0 auto; background-color:#a7a7a7; }

/*.newmark:after, .newmark::after { margin:0 5px 0 0; padding:2px 4px 0px; top:-5px; left:0; z-index:5; text-align:center; background:#b1001e; background:rgba(177,0,30, 1.0); color:#ffffff; font-size:xx-small; font-weight:400; line-height:1.0; opacity:0.60; -moz-opacity:0.60; -khtml-opacity:0.60; filter:alpha(opacity=60); filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60); content:"NEW"; }*/
.newmark:after, .newmark::after {
	/*position:absolute;*/ display:inline-block; margin:0 5px 0 0; padding:2px 4px 0px; top:-5px; left:0; z-index:5; text-align:center; color:#b1001e; font-weight:500; line-height:1.0;
	transform:rotate(-10deg); -o-transform:rotate(-10deg); -ms-transform:rotate(-10deg); -moz-transform:rotate(-10deg); -webkit-transform:rotate(-10deg); content:"New"; font-family:'Nothing You Could Do', cursive; }

@media (max-width:739px) {
	article{ padding-top:20%; padding-bottom:20%; }
	article header.page-title h2{ font-size:22px; }
}
@media (max-width:750px) and (orientation:landscape) {
	article{ padding-top:10%; padding-bottom:8%; }
}
@media (min-width:740px) and (max-width:1024px) and (orientation:landscape) {
	article{ padding-top:10%; }
}


/*----------------------------------------------------------------
=====> CONTENTS - Brandlogo ＆ Home
----------------------------------------------------------------*/
/*===== Brandlogo ===*/
article[role="brandlogo"].brandlogo { padding-top:16.5%; }
article[role="brandlogo"].brandlogo h2 .logo_wh path,
article[role="brandlogo"].brandlogo h2 .logo_bk path { color:#353535; color:rgba(53,53,53, 0.6); fill:currentColor; }
.logo_wh, .logo_bk { display:inline-block !important; width:320px; height:142px; padding:0; }

article[role="brandlogo"].brandlogo > p { text-transform:uppercase; font-weight:700; letter-spacing:3px; margin:0; padding:0; padding-top:18px; }

@media screen and (max-height:600px) {
	article.brandlogo[role="brandlogo"]{ padding-top:12%; }
	.logo_wh, .logo_bk { width:230px; height:102px; }/* logo */
}
@media (min-width:740px) and (max-width:1024px) {
	article.brandlogo[role="brandlogo"]{ padding-top:40%; }
	.logo_wh, .logo_bk { width:230px; height:102px; }/* logo */
}
@media (max-width:739px) {
	article.brandlogo[role="brandlogo"]{ padding-top:38%; padding-bottom:10%; }
	.logo_wh, .logo_bk { width:180px; height:80px; }/* logo */
	article[role="brandlogo"].brandlogo > p{ font-size:10px; }
}
@media (max-width:750px) and (orientation:landscape) {
	article.brandlogo[role="brandlogo"]{ padding-top:14%; padding-bottom:5%; }
	.logo_wh, .logo_bk { width:154px; height:68px; }/* logo */
}
@media (min-width:740px) and (max-width:1024px) and (orientation:landscape) {
	article.brandlogo[role="brandlogo"]{ padding-top:12%; }
}

/*===== Home ===*/
.home-news { width:50%; text-align:left; margin:50px auto 0; }
.home-news h3 { font-family:'Abel', sans-serif; font-weight:500; font-size:18px; letter-spacing:2px; overflow:hidden; text-align:center; }
.home-news h3 span { position:relative; display:inline-block; margin:0 2.5em; padding:0 0.5em; text-align:left; }
.home-news h3 span:before,
.home-news h3 span:after { position:absolute; top:60%; content:''; width:5px; height:1px; background-color:rgba(53,53,53, 0.6); }
.home-news h3 span:before { right:100%; }
.home-news h3 span:after { left:100%; }
.home-news ul { list-style:none; padding:15px; }
.home-news ul li { list-style:none; display:block; padding:8px 0; border-bottom:1px dotted rgba(53,53,53, 0.2); position:relative;/*NEWmark*/ }
.home-news ul li:nth-last-child { border-bottom:none; }
.home-news ul li a { display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.home-news ul li a:hover { color:#353535; }

@media (min-width:740px) and (max-width:1024px) {
	.home-news { width:80%; }
}
@media (max-width:739px) {
	.home-news { width:100%; margin:40px auto 0; }
	.home-news h3 { font-size:16px; }
	.home-news ul li { font-size:10px; }
}

/* instagram */
#scroller ul { list-style:none !important; }
.simply-scroll-container { position:relative; margin:10px auto 0; width:60%; }
.simply-scroll-clip { position:relative; overflow:hidden; }
.simply-scroll-list { overflow:hidden; }
.simply-scroll-list li { float:left; width:150px; font-size:12px; line-height:14px; }
.simply-scroll-list li img { display:block; }

/*----------------------------------------------------------------
=====> CONTENTS - Concept
----------------------------------------------------------------*/
article[role="concept"].concept-pan { padding-top:24.0%; }
article[role="concept"].concept-pan p { letter-spacing:1px; line-height:2.0; font-weight:300; }
@media screen and (max-height:600px) {
	article.concept-pan[role="concept"]{ padding-top:14%; }
}
@media (min-width:740px) and (max-width:1024px) {	
	article.concept-pan[role="concept"]{ padding-top:46%; }
}
@media (max-width:739px) {
	article.concept-pan[role="concept"]{ padding-top:36%; padding-bottom:0; }
	article[role="concept"].concept-pan p { font-size:10px; line-height:18px; }
	article.contact-pan[role="contact"] h3{ font-size:24px; line-height:26px; }
}
@media (max-width:750px) and (orientation:landscape) {	
	article.concept-pan[role="concept"]{ padding-top:14%; padding-bottom:0; }
}
@media (min-width:740px) and (max-width:1024px) and (orientation:landscape) {	
	article.concept-pan[role="concept"]{ padding-top:12%; }
}


/*----------------------------------------------------------------
=====> CONTENTS - Contact
----------------------------------------------------------------*/
/*===== FORM ＆ BUTTON 設定 ===*/
form { margin:0 auto; display:block; overflow:hidden; padding-top:5px; padding-bottom:10px; width:640px; }
.button { display:inline-block; outline:none; padding:0 10px; border:1px solid #353535; background-color:inherit; color:#353535; }
form input:not([type="checkbox"]), form textarea { display:block; outline:none; padding:0 10px; border:1px solid #353535; background-color:inherit; color:#353535; }
form input[type="text"], form input[type="email"], form input[type="tel"] { width:100%; height:30px; }
.button, form input[type="reset"], form input[type="submit"], form input[type="button"], a.button {
	-webkit-transition:background-color 0.1s linear, color 0.1s linear;
	   -moz-transition:background-color 0.1s linear, color 0.1s linear;
	    -ms-transition:background-color 0.1s linear, color 0.1s linear;
		 -o-transition:background-color 0.1s linear, color 0.1s linear;
		    transition:background-color 0.1s linear, color 0.1s linear;
}
<!--form input[type="reset"] { padding:4px 10px; }-->
.button, form input[type="submit"], form input[type="button"], a.button { padding:10px 30px; }
form input[type="checkbox"] { display:inline-block; margin-right:6px; }
form input[type=checkbox] + label { position:relative; display:inline-block; margin-right:12px; font-size:14px; line-height:30px; cursor:pointer; }
@media (min-width:1px) {
	form input[type=checkbox] { display:none; margin:0; }
    form input[type=checkbox] + label { padding:0 0 0 24px; }
    form input[type=checkbox] + label:before, form input[type=checkbox] + label::before {
		content:""; position:absolute; top:50%; left:0; display:block; width:18px; height:18px;
        -moz-box-sizing:border-box; box-sizing:border-box; margin-top:-9px; background:transparent; background:rgba(255,255,255, 0.0); border:1px solid #353535; }
	form input[type=checkbox]:checked + label:after, form input[type=checkbox]:checked + label::after {
        content:""; position:absolute; top:50%;
        -moz-box-sizing:border-box; box-sizing:border-box; display:block;
        left:2px; width:14px; height:7px; margin-top:-7px; border-left:2px solid #b1001e; border-bottom:2px solid #b1001e;
		-webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg); }
}
.button:hover, article[role="contact"].contact-pan form input[type="reset"]:hover,
article[role="contact"].contact-pan form input[type="submit"]:hover { border:1px solid #353535; background-color:#353535; color:#ffffff; }
article[role="contact"].contact-pan form textarea { width:100%; resize:vertical; overflow:auto; height:100px; max-height:160px; padding:5px 10px; }
textarea:not([type="button"]):focus,
textarea:not([type="button"]):active,
input:not([type="button"]):focus,
input:not([type="button"]):active { border-color:rgba(177,0,30, 0.8); }
article[role="contact"].contact-pan form ::-webkit-input-placeholder { color:rgba(53,53,53, 0.4); }
article[role="contact"].contact-pan form ::-moz-placeholder { color:rgba(53,53,53, 0.4); } /* firefox 19+ */
article[role="contact"].contact-pan form :-ms-input-placeholder { color:#a7a7a7; } /* ie */
article[role="contact"].contact-pan form input:-moz-placeholder { color:rgba(53,53,53, 0.4); }
#formWrap { position:relative; }
#formWrap p { font-size:11px; }
#formWrap em { font-style:normal !important; }
#formWrap em:before, #formWrap em::before { content:'※'; color:#b1001e; margin-right:3px; padding:0; text-indent:0px; font-size:10px; font-weight:600; }
.formTable { width:100%; border:0; margin:0; padding:0; }
.formTable th { padding:2%; text-align:left; font-weight:500; vertical-align:top; white-space:nowrap; }
.formTable td { padding:2% 2% 2% 4%; }
.formTable td em { margin-left:2px; display:block; font-size:x-small; }
.formTable td em span { color:#b1001e; margin-right:10px; }
.formTable td span { font-size:x-small; }
.privacy_em { padding-left:5px; padding-right:30px; vertical-align:0.2em; }
.privacy_em:before { content:''; display:none; }
.privacy_link { display:inline-block; background:#353535; color:#ffffff; font-size:10px; padding:2px 8px; }
.privacy_link:hover { background:#b1001e; color:#ffffff; }
.contact_atnd { margin:0 0 20px 0; padding:0; font-size:10px; line-height:1.4; text-align:center; }
.contact_link { margin-top:0px; text-align:center; margin:10px 0; }
.contact_error { color:#b1001e; }
<!--.resetbutton { position:absolute; bottom:40px; right:0px; }-->
article[role="contact"].contact-pan h3 { font-size:20px; line-height:24px; font-weight:700; }
article[role="contact"].contact-pan h3 > a{ color:#353535; text-decoration:none; }
article[role="contact"].contact-pan ul{ text-align:center; list-style:none; padding:0; margin:0; padding-top:8px; }
article[role="contact"].contact-pan ul > li{ display:inline-block; font-size:12px; line-height:16px; margin:0 4px 10px; }
article[role="contact"].contact-pan ul > li i{ padding-right:3px; }
article[role="contact"].contact-pan ul > li > a{ color:#353535;text-decoration:none; }
article[role="contact"].contact-pan a:hover{ color:#a7a7a7; }
/*===== FORMチェックバルーン ===*/
div.baloon { font-size:10px; color:#b1001e; position:absolute; padding-left:5px; background:#ffffff; border:1px solid #353535; z-index:1; }
div.baloon:before { content:""; position:absolute; bottom:-4px; left:2px; width:0px; height:0px; border-style:solid; border-width:4px 4px 0 4px; border-color:#ffffff transparent transparent transparent; z-index:0; }
div.baloon:after { content:""; position:absolute; bottom:-6px; left:2px; width:0px; height:0px; border-style:solid; border-width:5px 5px 0 5px; border-color:#353535 transparent transparent transparent; z-index:-1; }
div.baloon a { color:#353535; text-decoration:none; padding:2px; margin-right:2px; }
div.baloon a:hover { background-color:rgba(177,0,30, 0.4); }
div.baloon div { padding:5px 5px 5px 0; white-space:nowrap; }

/*//入力確認画面用/////////////////////////////////////////////*/
#CheckformWrap { min-height:300px; margin:0 auto; color:#353535; line-height:1.2; }
#CheckformWrap h4 { font-size:14px; font-weight:600; margin-bottom:20px; line-height:1.4; }
#CheckformWrap table.formTable { width:100%; margin:0 auto; border-collapse:collapse; }
#CheckformWrap table.formTable td, #CheckformWrap table.formTable th { border:1px solid #353535; padding:10px; font-size:12px; text-align:left; }
#CheckformWrap table.formTable th { width:30%; font-weight:normal; background:rgba(53,53,53, 0.2); text-align:left; }
#CheckformWrap p.error_messe { margin:5px 0; color:#b1001e; }
#CheckformWrap p { text-align:center; margin:10px 0px; }
#CheckformWrap p input { margin:10px; float:right; }
#CheckformWrap p:after { content:""; clear:both; display:block; }
/*//完了画面用/////////////////////////////////////////////////*/
.thanks_title { font-size:14px; font-weight:bold; text-align:center; color:#b1001e; margin-bottom:10px; }
.thanks_text { text-align:center; color:#353535; font-size:12px; line-height:1.8; }
.thanks_text_red { display:block; color:#b1001e; margin:10px 0 0; font-weight:500; }
.centertxt { text-align:center; margin:20px 0; }

@media (max-width:739px) {
	.button { font-size:11px; }
	form { width:100%; }
	form input[type=checkbox] + label { font-size:13px; }
	form input[type="text"], form input[type="email"], form input[type="tel"] { height:20px; }
	.button, form input[type="submit"], form input[type="button"], a.button { padding:8px 20px; }
	.formTable th, .formTable td { font-size:11px; }
	#CheckformWrap h4 { font-size:12px; }
	#CheckformWrap table.formTable td, #CheckformWrap table.formTable th, #CheckformWrap p { font-size:11px; }
	
	.formTable td, .contact_atnd, #CheckformWrap p { text-align:left; }
	.thanks_text { font-size:10px; }
}


/*----------------------------------------------------------------
=====> CONTENTS - Item
----------------------------------------------------------------*/
#scroll-frame { width:100%; position:relative; /*height:600px; height:70vmin;
	border-bottom:3px double rgba(53,53,53, 0.8);
	-webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box;
	/*background-color:rgba(255,255,255, 1.0);
	/*overflow:scroll;
	overflow-x:hidden;*//* 別途カスタムのため */
	
	/*margin-left:-20px; margin-right:-20px; padding-left:20px; padding-right:20px;*/
}
#scroll-frame h4 { font-family:'Abel', sans-serif; letter-spacing:1px; font-weight:500; margin-bottom:30px; white-space:nowrap; overflow:hidden; }
#scroll-frame h4 i { font-size:x-small; font-weight:400; font-style:normal; display:block; text-align:center; }
#scroll-frame h4 span { position:relative; display:inline-block; margin:0 2.5em; padding:0 0.5em; text-align:left; }
#scroll-frame h4 span:before,
#scroll-frame h4 span:after { position:absolute; top:60%; content:''; width:5px; height:1px; background-color:rgba(53,53,53, 0.6); }
#scroll-frame h4 span:before { right:100%; }
#scroll-frame h4 span:after { left:100%; }
.itemlist{ margin:2% 4%; list-style-type:none; overflow:hidden; }
.itemlist:after { content:""; clear:both; display:block; }
.itemlist { text-align:center; }
.itemlist li{ list-style:none; margin:2% 2% 3%; display:inline-block; width:20%; vertical-align:top; }
.itemlist li, .slide-wrap p, .slide-wrap div { -webkit-transition:.8s; -o-transition:.8s; -ms-transition:.8s; -moz-transition:.8s; transition:.8s; }/* リスト以外でも使う */
.itemlist li:nth-child(4n+1) { margin:2% 2% 3% 0%; }
.itemlist li:nth-child(4n) { margin:2% 0% 3% 2%; }
.itemlist li img{ width:100%; margin-bottom:5px; 
	-webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(100%); filter:grayscale(100%);
	-webkit-transition:.3s ease-in-out; -moz-transition:.3s ease-in-out; -ms-transition:.3s ease-in-out; -o-transition:.3s ease-in-out;  transition:.3s ease-in-out; }
.itemlist li a:hover { opacity:1; -moz-opacity:1; -khtml-opacity:1; filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); }
.itemlist li:hover img {
	-webkit-filter:grayscale(0%); -moz-filter:grayscale(0%); -ms-filter:grayscale(0%); -o-filter:grayscale(0%);  filter:grayscale(0%); }	
.column-wrap {
	/*opacity:0; -moz-opacity:0; -khtml-opacity:0; filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);*/
	-webkit-transform:translate(0,30px); -moz-transform:translate(0,30px); -ms-transform:translate(0,30px); -o-transform:translate(0,30px); transform:translate(0,30px); vertical-align:top; position:relative; }
/*.item-wrap h6 { display:inline-block; border-bottom:1px solid; margin-bottom:5px; }
.item-wrap h6:before, .column-wrap h6::before { content:"no."; }*/
.item-wrap p { margin-bottom:10px; }
.item-wrap figcaption:before, .column-wrap figcaption::before { content:"item code."; font-size:xx-small; margin-right:6px; }
.pswp__caption__center:before, .pswp__caption__center::before { content:"item code no."; font-size:x-small; margin-right:6px; }
.item-wrap .itemcode { display:none; }
.item-wrap h6 { display:inline-block; font-size:x-small; font-weight:normal; text-transform:uppercase; }
.item-wrap h6:before, .column-wrap h6::before { content:"color variation:"; font-size:xx-small; text-transform:lowercase; margin-right:6px; }
.mv {
	opacity:1; -moz-opacity:1; -khtml-opacity:1; filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-webkit-transform:translate(0,0); -moz-transform:translate(0,0); -ms-transform:translate(0,0); -o-transform:translate(0,0); transform:translate(0,0); }
.itemnew { position:absolute; top:-20px; left:50%; margin-left:-14px; }
.item .itemnew { position:absolute; top:5px; left:0; margin-left:-16px; }

/*//セレクター//*/
.season-select {
	position: absolute; top: -80px; right: 0; margin: 0; padding: 0;
	display: block; width: 180px; text-align: center; }
.season-select .select-toggle {
	display: block; width: 100%; margin: 0; padding: 6px 0 8px; text-indent: 10px;
	background: #888888; color: #fefefe; font-size: 14px; z-index: 2; cursor: pointer; }
.season-select:after {
	content: ''; width: 6px; height: 6px;
	border: 0px; border-top: solid 2px #fefefe; border-right: solid 2px #fefefe;
	-webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);
	position: absolute; top: 50%; left: 15px; margin-top: -4px; }
.season-select-inner {
	position: absolute; width: 100%; top: 100%; left: 0; margin: 0; padding: 0;
	top: 50%; visibility: hidden; background: rgba(136, 136, 136, 0.86); z-index: 1;
	-webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; transition: .5s;
	opacity: 0; -moz-opacity: 0.0; -khtml-opacity: 0.0; filter: alpha(opacity=0); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); }
.season-select-inner a {
	width: 70%; display: inline-block; margin: 0px auto 5px; padding: 10px 15px 2px;
	text-align: left; color: #fefefe; white-space: nowrap; background: transparent;
	border-bottom: 2px solid rgba(254, 254, 254, 0.0);
}
.season-select-inner a:first-of-type { margin-top: 10px; }
.season-select-inner a:last-of-type { margin-bottom: 15px; }
.season-select-inner a:hover { color: #fefefe;
	/*background: rgba(255, 255, 255, 0.10);*/ border-bottom: 2px solid rgba(254, 254, 254, 0.8); }
.season-select.hover .season-select-inner {
	top: 100%; visibility: visible;
	opacity: 1; -moz-opacity: 1.0; -khtml-opacity: 1.0; filter: alpha(opacity=100);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); z-index: 99999; }

@media screen and (max-height:600px) {/* PC height-600max */
	#scroll-frame{ /*height:480px; height:55vmin;*/ }
}
@media screen and (max-width:1024px) {/* PC width-1024max */
	#scroll-frame{ /*height:1000px; height:80vh;*/ }
}
@media screen and (max-width:768px) {/* TABLET */
	#scroll-frame{ /*height:770px; height:86vmin;*/ }
	.itemlist li img{ -webkit-filter:grayscale(0%); -moz-filter:grayscale(0%); -ms-filter:grayscale(0%); -o-filter:grayscale(0%);  filter:grayscale(0%); }
	.itemnew { top:-14px; }
}
@media (max-width:739px) {/* SMART-PHONE */
	#scroll-frame{ height:auto; }
	#scroll-frame{ border-bottom:none; }
	.itemlist{ margin:4% 4% 2%; }
	.itemlist li{ margin:4% 3% 6%; width:43%; }
	.itemlist li:nth-child(4n+1) { margin:4% 3% 6%; }/* clear */
	.itemlist li:nth-child(4n) { margin:4% 3% 6%; }/* clear */
	.itemlist li:nth-child(2n+1) { margin:4% 3% 6% 0%; }
	.itemlist li:nth-child(2n) { margin:4% 0% 6% 3%; }
	.itemnew { /*top:-5px; left:auto; right:0px; margin-left:0px;*/ }
	.season-select { position: relative; top: -10px; margin: 0px auto 30px; width: 160px; }
	.season-select .select-toggle { padding: 3px 0 5px; }
	.item .itemnew { left:40%; }
} 
@media (max-width:750px) and (orientation:landscape) {/* SMART-PHONE */
	#scroll-frame{ height:auto; }
}
@media (min-width:740px) and (max-width:1024px) and (orientation:landscape) {/* TABLET */
	#scroll-frame{ /*height:460px; height:50vmin;*/ }
}


/*----------------------------------------------------------------
=====> CONTENTS - News
----------------------------------------------------------------*/
.newslist{ margin:2% 4%; list-style-type:none; overflow:hidden; }
.newslist:after { content:""; clear:both; display:block; }
.newslist { text-align:center; }
.newslist li{
	list-style:none; margin:2% 2%; display:inline-block; width:44%; vertical-align:top;
	-webkit-transition:.8s; -moz-transition:.8s; -ms-transition:.8s; -o-transition:.8s; transition:.8s; }
.newslist li:nth-child(2n+1) { margin:2% 2% 2% 0%; }
.newslist li:nth-child(2n) { margin:2% 0% 2% 2%; }
.newslist li img{ width:100%; margin-bottom:5px; }

.news-wrap { border:1px solid rgba(53,53,53, 0.4); padding:10px 15px; }
.news-wrap:hover { border:1px solid rgba(53,53,53, 0.6); }
.news-wrap h2 { margin:5px 0; font-size:14px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; line-height:1.2; }
.news-wrap h5 { margin:0 0 10px; font-size:10px; color:#535353; }
.news-wrap p { margin-bottom:14px; min-height:70px; text-align:left; word-wrap:break-word; }
.news-wrap p:after, .news-wrap p::after { content:"Read more"; position:absolute; right:15px; bottom:14px; text-decoration:none; border-bottom:1px solid; padding-bottom:1px; }

/*//ディテール/////////////////////////////////////////////////*/
.news-ttl { word-wrap:break-word; font-size:17px !important; font-weight:600 !important; }
.pan-data { margin:10px 0; padding:0; font-weight:300; letter-spacing:1px; }
.UpData { display:block; max-width:700px; margin:20px auto 50px; text-align:center; }
.UpData img { max-width:100%; }
.UpDataText { margin:20px 0 30px 0; text-align:left; word-wrap:break-word; line-height:1.6; }
.meta-social { display:inline-block; margin:10px 0 20px; padding:10px 30px; border-top:1px dotted rgba(53,53,53, 0.2); border-bottom:1px dotted rgba(53,53,53, 0.2); }
.meta-social ul { list-style-type:none; }
.meta-social ul li { list-style-type:none; float:left; margin:0 10px; }
.meta-social ul li i { color:#535353; }
.meta-social:after { content:""; clear:both; display:block; }
.backORcloseBtn { margin-bottom:50px; }

.shopping a {
	display: block;
	width: 80%;
	background: #333;
	color: #fff !important;
	margin: 8px auto;
	padding: 8px;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 0.1em;
	transition: 0.2s;
	text-align: center;
	z-index: 10;
}
@media screen and (max-width:768px) {
	.news-wrap p { font-size:11px; }
	
	.news-ttl { font-weight:500 !important; letter-spacing:1px !important; }
}
@media (max-width:739px) {
	.newslist{ margin:3% 4%; }
	.newslist li{ margin:3% 3%; width:92%; }
	.newslist li:nth-child(2n+1) { margin:3% 3%; }/* clear */
	.newslist li:nth-child(2n) { margin:3% 3%; }/* clear */	
	.news-wrap h2 { font-size:13px; }
	.news-wrap p { font-size:10px; }
	
	.news-ttl { font-size:15px !important; font-weight:600 !important; }
	.pan-data { font-size:11px; }
	.UpData { margin:20px auto 40px; }
	.UpDataText { margin:10px 0 20px 0; font-size:11px; }
	.backORcloseBtn { margin-bottom:20px; }
}

/*//イントロ/////////////////////////////////////////////////*/
/* css vr. */
.intro_bg { position:fixed; top:0px; left:0px; right:0px; width:100%; height:100%; z-index:9998; background:#ffffff; display:none;
	-webkit-animation:fadeOutBack .6s linear 2s forwards;
	-moz-animation:fadeOutBack .6s linear 2s forwards;
	-ms-animation:fadeOutBack .6s linear 2s forwards;
	-o-animation:fadeOutBack .6s linear 2s forwards;
	animation:fadeOutBack .6s linear 2s forwards; }
.intro_bg h2 { position:absolute; top:40%; width:100%; text-align:center; color:transparent;
	-webkit-animation:blurFadeInOut 2s ease-in-out forwards;
	-moz-animation:blurFadeInOut 2s ease-in-out forwards;
	-ms-animation:blurFadeInOut 2s ease-in-out forwards;
	-o-animation:blurFadeInOut 2s ease-in-out forwards;
	animation:blurFadeInOut 2s ease-in-out forwards; z-index:9999; }
.intro_bg h2 .logo_wh, .intro_bg h2 .logo_bk { width:320px; height:142px; }
.intro_bg h2 .logo_wh path,
.intro_bg h2 .logo_bk path { color:#353535; color:rgba(53,53,53, 0.6); fill:currentColor; }
.intro_bg h2.frame-1 { -webkit-animation-delay:0s; -moz-animation-delay:0s; -ms-animation-delay:0s; -o-animation-delay:0s; animation-delay:0s; }
@-webkit-keyframes blurFadeInOut{
	0% { opacity:0; text-shadow:0px 0px 40px #111; margin-top:10px; }
	20%,75% { opacity:1; text-shadow:0px 0px 1px #111; margin-top:0px; }
	100%{ opacity:0; text-shadow:0px 0px 50px #111; margin-top:-10px; display:none; }
}
@-webkit-keyframes fadeOutBack{
	0% { opacity:1; }
	100% { opacity:0; display:none; }
}
@-moz-keyframes blurFadeInOut{
	0% { opacity:0; text-shadow:0px 0px 40px #111; margin-top:10px; }
	20%,75% { opacity:1; text-shadow:0px 0px 1px #111; margin-top:0px; }
	100%{ opacity:0; text-shadow:0px 0px 50px #111; margin-top:-10px; display:none; }
}
@-moz-keyframes fadeOutBack{
	0% { opacity:1; }
	100% { opacity:0; display:none; }
}
@-ms-keyframes blurFadeInOut{
	0% { opacity:0; text-shadow:0px 0px 40px #111; margin-top:10px; }
	20%,75% { opacity:1; text-shadow:0px 0px 1px #111; margin-top:0px; }
	100%{ opacity:0; text-shadow:0px 0px 50px #111; margin-top:-10px; display:none; }
}
@-ms-keyframes fadeOutBack{
	0% { opacity:1; }
	100% { opacity:0; display:none; }
}
@-o-keyframes blurFadeInOut{
	0% { opacity:0; text-shadow:0px 0px 40px #111; margin-top:10px; }
	20%,75% { opacity:1; text-shadow:0px 0px 1px #111; margin-top:0px; }
	100%{ opacity:0; text-shadow:0px 0px 50px #111; margin-top:-10px; display:none; }
}
@-o-keyframes fadeOutBack{
	0% { opacity:1; }
	100% { opacity:0; display:none; }
}
@keyframes blurFadeInOut{
	0% { opacity:0; text-shadow:0px 0px 40px #111; margin-top:10px; }
	20%,75% { opacity:1; text-shadow:0px 0px 1px #111; margin-top:0px; }
	100%{ opacity:0; text-shadow:0px 0px 50px #111; margin-top:-10px; display:none; }
}
@keyframes fadeOutBack{
	0% { opacity:1; }
	100% { opacity:0; display:none; }
}

@media screen and (max-height:600px) {
	.intro_bg h2 .logo_wh, .intro_bg h2 .logo_bk { width:230px; height:102px; }
}
@media (min-width:740px) and (max-width:1024px) {
	.intro_bg h2 .logo_wh, .intro_bg h2 .logo_bk { width:230px; height:102px; }
}
@media (max-width:739px) {
	.intro_bg h2 .logo_wh, .intro_bg h2 .logo_bk { width:180px; height:80px; }
}
@media (max-width:750px) and (orientation:landscape) {
	.intro_bg h2 .logo_wh, .intro_bg h2 .logo_bk { width:154px; height:68px; }
}*/
/* js Vr. *//*
.intro_bg { position:fixed; top:0px; left:0px; right:0px; width:100%; height:100%; z-index:9998; background:#ffffff; display:none;
	background: no-repeat center #ffffff; background-position:center top; background-repeat:no-repeat; -moz-background-size:auto 100%; background-size:auto 100%; }
.intro_bg h2 { position:absolute; top:40%; width:100%; text-align:center; color:transparent; z-index:9999; }
.intro_bg .logo_wh, .intro_bg .logo_bk { width:320px; height:142px; }
.intro_bg .logo_wh path,
.intro_bg .logo_bk path { color:#353535; color:rgba(53,53,53, 0.6); fill:currentColor; }
@media screen and (max-height:600px) {
	.intro_bg .logo_wh, .intro_bg .logo_bk { width:230px; height:102px; }
}
@media (min-width:740px) and (max-width:1024px) {
	.intro_bg .logo_wh, .intro_bg .logo_bk { width:230px; height:102px; }
}
@media (max-width:739px) {
	.intro_bg .logo_wh, .intro_bg .logo_bk { width:180px; height:80px; }
}
@media (max-width:750px) and (orientation:landscape) {
	.intro_bg .logo_wh, .intro_bg .logo_bk { width:154px; height:68px; }
}

/* ********************************************************************************* */