@charset "UTF-8";
/* CSS Document */

/*
Theme Name: NishimuraTheme
Author: makino
Author URI: 
Description: nishimura
*/

/* Default CSS */

body {
	background-color:#fafafa;
	font-size:12px;
	font-family:"游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	color:#555;
}

.container {
	background-color:#fff;
}

.serif {
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}

.bold {
	font-weight:600;
}

.title {
	line-height:1.6;
}

.overflow {
	overflow:hidden;
}

.small {
	font-size:10px;
}

.hr {
	border-top: 1px solid #555;
	margin-top:0;
	margin-bottom:0;
}

h3 {
	font-size:18px;
}

/* NAVIGATION SETTINGS */

header {
	background:#fff;
	position:fixed;
	top:0;
	z-index:10;
	right:0;
	left:0;
	margin-bottom:0;
}

header .container {
	padding:0;
}

nav {
	width:100%;
}

nav .pull-right {
	margin-bottom:0;
}
	
nav ul li {
	background:url(images/nav_bar.jpg) no-repeat 0 16px;
	padding-left:1px;
	cursor:pointer;
}

nav ul li:last-child {
	background:none;
}

nav ul li:first-child {
	background:none;
}

nav h1 {
	margin:0;
}

/* MAINVISUAL SETTINGS */

#mainvisual {
	position:relative;
	margin-top: 63px;
}

#contact {
	position:absolute;
	top:84%;
	right:5%;
    z-index: 9;
}

#mainvisualTitle img {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
	z-index: 4;
}

/* FOOTER SETTINGS */

footer {
	background:#555;
	color:#fff;
	padding:32px 0 16px 0;
}

footer .container {
	background:#555;
}

.fLogo {
	position:relative;
	height:51px;
	margin-bottom: 36PX;
}

footer p img {
	float:left;
	position:absolute;
	right:0;
	left:0;
	margin:0 auto
}

footer ul {
	margin-left:10%;
}

footer ul li {
	padding-bottom:1.5em;
	border-left:1px solid #fff;
	padding-left:24px;
}

footer ul li:last-child {
	padding-bottom:0;
	margin-bottom:5%;
}

footer a:link,
footer a:active,
footer a:visited {
	color:#fff;
}

footer a:hover {
	color:#ddd;
}

footer ul {
	float:left;
}

.footer2 {
	margin-left:2%;
	padding-left: 18px;
}

.footer2 li {
	border-left:none;
	padding-left:4px;
}

footer p.text-center {
	clear:both;
	padding-top: 42px;
}

/* TOP PAGE STYLES */

/* SECTION RECOMEND STYLES */

#recomend {
	padding-top:42px;
}

#recomend h2 {
	padding-bottom:32px;
}

/* SECTION ABOUT STYLES */

/* ABOUT HEAD STYLES */

.aboutHead {
	text-align:-webkit-center;
}

#teianico {
	font-size:18px;
	padding-bottom: 56px;
	padding-top: 14%;
}

#sokuouico {
	font-size:18px;
	padding-bottom: 56px;
	padding-top: 208px;
}

#kikakuico {
	font-size:18px;
	padding-bottom: 56px;
	padding-top: 208px;
}

/*#sokuou {
	font-size:16px;
	background:
	url(images/about_bottomAllow.png) no-repeat center 131px,	
	url(images/about_sokuouIcon.png) no-repeat center 76px,
	url(images/about_circle.png) no-repeat center;
	padding:80px;
	color:#fff;
}

#kikaku {
	font-size:16px;
	background:
	url(images/about_bottomAllow.png) no-repeat center 131px,	
	url(images/about_kikakuIcon.png) no-repeat center 74px,
	url(images/about_circle.png) no-repeat center;
	padding:80px;
	color:#fff;
}*/

h3 span {
	border-bottom: 1px #fff solid;
    padding-bottom: 16px;
    display: block;
	text-align:center;
    margin: -48px 112px 0px 112px;
}



#sokuou span {
    margin: -48px -32px 0 -32px;
}

/* ABOUT CONTENTS STYLES */

.cap {
	padding-top:6px;
}

#capRight {
    margin: 534px 0px 0 680px
}

.o-column1 .col-lg-6 {
	/*padding:0 0 0 160px;*/
}

#teianCol p {
    padding: 2em 0 8px;
}


#teianHead {
	position:relative;
	/*margin-top: 126px;*/
	font-size: 16px;
	padding: 1px 0 8px;
    background-color: #eee;
}

.aboutBox {
	overflow: auto;
    padding-bottom: 10%;
    padding-top: 18px;
}

#teianHead h3 img {
    position: absolute;
    top: -18px;
    left: 0;
}
	
#sokuouHead {
	position:relative;
	font-size: 16px;
	padding: 1px 0 8px;
    background-color: #eee;
}

#sokuouHead h3 img {
    position: absolute;
    top: -18px;
    left: 0;
}

#sokuouCol p {
    padding: 60px 0 0 0;
}

#kikakuHead {
	position:relative;
	font-size: 16px;
	padding: 1px 0 8px;
    background-color: #eee;
}

#kikakuHead h3 img {
    position: absolute;
    top: -18px;
    left: 0;
}

#kikakuCol p {
    padding: 48px 0 0 8px;
}

#about {
	position:relative;
}

#info {
	background:url(images/Shered/rightAllow.png) no-repeat bottom right;
	padding: 48px 84px 4px 0px;
}

/* SECTION PRODUCT STYLES */

#product h2 {
    margin-top: 145px;
	overflow:hidden;
}

.productBox {
	background:url(images/product_back.png) repeat-x center;
}

.productBox1 {
	clear:both;
	overflow:hidden;
	margin-top:80px;
}

.productBox2 {
	overflow:hidden;
}

.productBox2 .col-md-3 {
}

.productBox1 .col-xs-12,
.productBox2 .col-xs-12 {
	margin-top:0px;
	margin-bottom:24px;
}


#rayon {
	background:url(images/Shered/product_imgRayon.jpg) no-repeat center;
	position:relative;
	height:160px;
}

.productBox p a {
	background:rgba(255,255,255,0);
	display: block;
    height: 104px;
    width: 104PX;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
}


#cotton {
	background:url(images/Shered/product_imgCotton.jpg) no-repeat center;
	position:relative;
	height:160px;
}

#nyron {
	background:url(images/Shered/product_imgNyron.jpg) no-repeat center;
	position:relative;
	height:160px;
}

#leather {
	background:url(images/Shered/product_imgLeather.jpg) no-repeat center;
	position:relative;
	height:160px;
}

#poly {
	background:url(images/Shered/product_imgPoly.jpg) no-repeat center;
	position:relative;
	height:160px;
}

#linen {
	background:url(images/Shered/product_imgLinen.jpg) no-repeat center;
	position:relative;
	height:160px;
}

#inner {
	background:url(images/Shered/product_imgInner.jpg) no-repeat center;
	position:relative;
	height:160px;
}

#textile {
	background:url(images/Shered/product_imgTextile.jpg) no-repeat center;
	position:relative;
	height:160px;
}

#product p img {
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	margin:auto;
}

/* SECTION COMPANY STYLES */

#company {
	overflow:hidden;
	}

#company h2 {
	margin-top:12px;
}

/* COMPANY VISUAL STYLES */

/*#companyVisual {
	background:url(images/company_img.jpg) no-repeat;
	background-size:cover;
	min-height:400px;
	position:relative;
}*/

#companyVisual {
	position:relative;
}

#companyImage {
    width: 100%;
    height: auto;
}

#companyvisualSub {
	position:absolute;
	top:328px;
	right:9%;
	color:#fff;
	height:50px;
	background:
	url(images/allowWhite.png) no-repeat left 28px,
	rgba(0,0,0,0.50);
	padding-right:62px;
}

#companyvisualSub .small {
	position:absolute;
	right:0;
	top:37px;
}

#companyvisualSub a {
	color:#fff;
}

#company #idBack {
	background:#fff;
	padding-top:88px;
	padding-bottom:112px;
	margin-top:0;
}

/* COMPANY PROFILE STYLES */

#company .container {
	background:#eee;
	padding-top:72px;
	margin-top:4px;
}

#companySub {
	background: url(images/Shered/rightAllow.png) no-repeat 0 12px,
	#fff;
	width:208px;
	height: 24px;
	padding-left: 0;
}

#companyAcccess {
	margin-top:72px;
}

#googlemap {
	border: 1px solid #555 !important;
    margin-bottom: 92px;
    padding-right: 0;
    padding-left: 0;
}

/* NAV BAR SETTING */

.nav>li>a {
	padding:0;
}

.navbar-default {
	background:#fff;
}

.navbar>.container-fluid .navbar-brand {
	/*margin-left:2%;*/
}

.navbar-brand {
	float: left;
    margin: -48px auto;
	width: 100%;
    text-align: center;
}

.navbar-brand>img {
    display: inline-block;
}

.logoL {
    width: 86px;
    margin-top: 3px;
    margin-left: 23px;
}

.logoS {
	width: 17px;
    margin-left: 14px;
    margin-top: 5px;
}

h1 {
	font-size:10px;
}

.navbar-right {
	margin-right:3%;
}

.container-fluid>.navbar-collapse {
	margin-right:0;
	margin-left:0;
}

.navbar-default .navbar-toggle {
	border:none;
}

.navbar {
	margin-bottom:0;
}

@media (max-width: 768px) {
   .nav li {
	text-align: center;
    border-top: 1px solid #eee;
    background: none;
}

	.nav li:last-child {
		border-top:none;
		text-align:right;
	}
	
	.navbar-nav {
		margin:0;
	}
	
	.container-fluid>.navbar-header {
	margin-right:0;
	margin-left:0;
}



}


/* 画面外にいる状態 */
.fadein {
    opacity : 0.1;
    transform : translate(0, 80px);
    transition : all 1000ms;
    }
 
/* 画面内に入った状態 */
.fadein.scrollin {
    opacity : 1;
    transform : translate(0, 0);
    }

/* 2つ目の要素に200msのdelayをかける */
.effect2 > .fadein:nth-of-type(2) {
    -moz-transition-delay:400ms;
    -webkit-transition-delay:400ms;
    -o-transition-delay:400ms;
    -ms-transition-delay:400ms;
    }
	
.effect2 > .fadein:nth-of-type(3) {
    -moz-transition-delay:800ms;
    -webkit-transition-delay:800ms;
    -o-transition-delay:800ms;
    -ms-transition-delay:800ms;
    }
	
.effect2 > .fadein:nth-of-type(4) {
    -moz-transition-delay:1200ms;
    -webkit-transition-delay:1200ms;
    -o-transition-delay:1200ms;
    -ms-transition-delay:1200ms;
    }
	
.effect2 > .fadein:nth-of-type(5) {
    -moz-transition-delay:1600ms;
    -webkit-transition-delay:1600ms;
    -o-transition-delay:1600ms;
    -ms-transition-delay:1600ms;
    }

/* ABOUT ANIMATION */

#about {
    padding-top: 104px;
}

#about h2 {
	padding-bottom:96px;
}

#svgTeian {
	width:80px;	
	padding-bottom: 16px;
}

#svgSokuou {
	width:92px;	
	padding-bottom: 16px;
    margin-right: 8px;
}

#svgKikaku {
	width:112px;	
	padding-bottom: 16px;
}

.animation {
	stroke:#555;
	fill:none;
	stroke-width:2;
	stroke-dasharray: 3000;
	stroke-dashoffset:3000;
	animation: DASH 10s ease-in-out alternate forwards;
	-webkit-animation:DASH 10s ease-in-out 0s forwards;
	animation:DASH 10s ease-in-out 0s forwards;
}

.cartBtn img {
	position: absolute;
    top: 0;
    left: 0px;
    right: 0;
    bottom: 0;
    margin: auto;
}

.cartBtn {
    background: #555;
    width: 46px;
    height: 46px;
    border-radius: 23px;
    float: right;
    box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.3);
    position: fixed;
    top: 62px;
    right: 40px;
}


@keyframes DASH{
	0%{stroke-dashoffset:3000;}
	100%{stroke-dashoffset:0;}
}
@-moz-keyframes DASH{
	0%{stroke-dashoffset:3000;}
	100%{stroke-dashoffset:0;}
}
@-webkit-keyframes DASH{
	0%{stroke-dashoffset:3000;}
	100%{stroke-dashoffset:0;}
}
 
/* ABOUT ANIMATION 2 */

#svg1 {
	width:68px;
}

#svg2 {
	width:84px;
}

#svg3 {
	width:112px;
}

/* CART SETTINGS */

ul.cart_open {
    display: none;
    position: relative;
    padding: 16px;
    background: #f0f0f0;
    width: 22em;
    top: 20px;
    left: 0px;
    right: 0;
    margin: auto;
    border: 1px dashed #555;
}

ul.cart_open2 {
	border-top: 1px solid #555;
	padding-top:6px;
	display:none;
}

ul.cart_open {
	background:#fafafa;
}

ul.cart_open li:first-child {
	border-bottom:1px solid #555;
	font-size:1.2em;
	margin-bottom:5px;
}


/* VIDEO STYLE SETTING */

video {
	width:100%;
}

#videoVisual {
	position:relative;
	margin-top: 63px;

}

/*#cartwrap ul:first-child:before {
    content: '';
    position: absolute;
    width: 24px;
    border-bottom: 13px solid #f0f0f0;
    border-right: 12px solid transparent;
    border-left: 12px solid transparent;
    bottom: 104px;
    right: 0;
    left: 113px;
}*/

#cartwrap {
	position: absolute;
    left: -40px;
    height: 40em;
    overflow: auto;
}

.cart_open li:first-child {
}

.cart {
    width: 183px;
    height: 61px;
    margin: 0 auto;
}

#submit a:link,
#submit a:visited,
#submit a:active {
	color:#fff;
}

#submit a:hover{
	color:#ddd;
}

#submit {
    position: relative;
    top: 7px;
	width: 264px;
}

.remove {
	float: right;
    margin: -50px 14px 0 0;
}

img.attachment-medium {
	width:100%;
	height:auto;
}

#swatch {
	margin-top:5%;
	margin-bottom: 5%;
}

#swatch h1 {
	font-size: 2em;
}

#swatch a {
}

.simple-theme.wp-posts-carousel .wp-posts-carousel-categories a {
	pointer-events : none;
}

.simple-theme.wp-posts-carousel .wp-posts-carousel-image a {
	pointer-events : none;
}

/* LINK STYLE SETTINGS */

a:link {color:#555;} 
a:visited {color:#555;} 
a:hover {color:#555; text-decoration:none;} 
a:active {color:#555;} 

/* RESPONSIVE SETTINGS */

@media (max-width: 769px) {
	#contact {
		top:74%;
	}
	#mainvisual {
		margin-top: 52px;
	}
	#teianico,#sokuouico,#kikakuico {
		padding-top:0;
		padding-bottom: 30px;
	}
	#teianCol p,#sokuouCol p,#kikakuCol p {
    	padding: 10% 2em 18%;
	}
	#about h2 {
		padding-bottom: 20%;
	}
	.productBox {
		background:none;
	}
	#product h2 {
    margin-top: 20%;
	}
	#company #idBack {
    padding-top: 10%;
    padding-bottom: 6%;
	}
	#company .container {
    padding-top: 10%;
	}
	#companyAcccess {
	margin-top:14%;
	}
	#mainvisualTitle img {
		max-width: 300px;
	}
	#videoVisual {
		margin-top: 50px;
	}
	.footer2 {
		margin-left:5%;
	}
	.footer2 li {
		border-left:1px solid;
		padding-left: 24px;
	}
	
}