/*
Template:twentyseventeen
Theme Name:spice_note
*/
html[lang="ja"] body{font-family: "Noto Sans JP","Hiragino Kaku Gothic Pro", Meiryo, sans-serif;}
body.colors-light .site-content-contain {
	/*background:url(/wp-content/uploads/2017/08/hokusai3.jpg);
	background-size:contain;
	color:#000;*/
}

body.colors-dark .site-content-contain {
    background: #111118;
    color: #ddd;
}
p{
	margin-top: 0.5em;
	margin-bottom: 0.7em;
}
.colors-dark .navigation-top,.colors-dark .site-header,.colors-dark .main-navigation ul{
    background: #111118!important;
    color: #ddd;
}

h2 {
	font-size: 1.8rem;
}
.colors-dark h2 {
	color:#555;
}
.colors-dark h3 {
	color:#fff;
}
h3,h4{
	margin:0.4em 0;
	padding:0;
}
h3 {
	font-size: 1.375rem;
}
.custom-header-media:before,.panel-image:before {
	background:none;
}
/*p{text-align:justify;}*/
/*.dropdown-toggle{
padding:0.5em 0.5em 0.5em 15em;
}*/
.wrap {
	padding-right:1em;padding-left:1em;
}
/*NAVIGATION*/
.colors-dark button:hover {
	background-color:transparent!important;
}
.menu-toggle:hover, .menu-toggle:focus {
	background:#eee!important;
}
.sns{
	height:50px;
	padding:0;
	margin-right:0.2em;
	position:fixed;
	right:5px;
	top:3px;
	z-index:10000;
}
.sns button{
	width:50px;
	height:50px;
	padding:0;
	margin-left:12px;
	background:transparent;
}
.site-branding{
	padding-top:50px;
}
/*FOOTER*/
.site-info {
	text-align:center;
	width:100%;
}
.iframe-wrapper {
	position:relative;
	width:100%;
	height:0;
	padding-top:100%;
}
.iframe-wrapper iframe {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
/*TOPPAGE SLIDER*/
.metaslider.ms-theme-default-base .flexslider .flex-direction-nav li a{
	top:300px!important;
}
/*PRODUCTS*/
.products {
	padding: 1rem 0;
	margin: 1rem 0 0;
}
.pattern {
	font-size:0.65em;
}
.pattern img {
	border-radius: 20px;
	/*max-width:200px;*/
}
.pattern tr {
	border-bottom: 1px solid rgba(255,255,255,0.2);
}
.pattern td {
	text-align: center;
	padding: 20px 0 10px;
	vertical-align:top;
}
table {
	font-size: 0.9em;
}
.newflag{
	color: #fff;
    background: #f00;
    border-radius: 8px 0;
    padding: 2px 5px;
    font-size: 10px;
    font-weight: bold;
    position: absolute;
    display: inline-block;
    transform: rotate(-10deg);
}
.discontinued{
	position:relative;
}
.discontinued:after{
	content:'';
	background:url(/wp-content/uploads/svg/discon.svg);
	background-repeat:no-repeat;
	position: absolute;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%)rotateZ(5deg);
	width:160px;
	height:20%;
}

.strap .feature {
	max-width: 800px;
	margin: auto;
	padding-bottom: 1rem;
}
/* .loop .feature .large{display:none;} */
/* .loop .feature .small{display:initial;} */
.loop .feature .flextable {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.flextable-child {
	width:100%;
}

/*.price{ color: #333; margin: -25px 0 15px; font-size: 1.25em; font-weight: bold;}*/
.knowledge {
    background: rgba(255,255,255,.1);
    border-radius: 4px;
    font-size: 0.9em;
    margin-bottom: 1.5em;
    padding: 0.5em;
    text-align: justify;
}
.knowledge h3 {
	font-size: 1.1rem;
	margin-bottom: 0.3em;
}

/*CONTACT*/
.required {
	color: #f05;
	font-size: 0.85em;
	margin: 0 0.5em;
}

/*SHOP LIST*/
.shoplist table {
	background: rgba(100,150,255,0.2);
}
.shoplist table caption {
	text-align: left;
	font-size: 2em;
}
.shoplist table th {
	background: #358;
	color: #fff;
}
.shoplist table th:first-child {
	padding-left: 0.5em;
}
.shoplist table th:last-child {
	padding-right: 0.5em;
}
.shoplist table tr:nth-child(odd) td {
	background-color: rgba(255,255,255,0.1);
}
.shoplist table td {
	padding-left: 0.3em;
	padding-right: 0.3em;
	font-size: 0.8em;
}
.ggmap {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
 /*GoogleMaps*/
.ggmap iframe,
.ggmap object,
.ggmap embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*GoogleRecaptcha*/
.grecaptcha-badge {
	visibility: hidden;
}

@media screen and (min-width: 30em){
	.iframe-wrapper {
		padding-top:50%;
	}
	.page-one-column .panel-content .wrap {
		max-width: 900px;
		padding-bottom:0;
	}
}
@media screen and (min-width: 48em){
/*	body.page-two-column:not(.archive) 			#primary .entry-header{
		width:30%;}
	body.page-two-column:not(.archive) 	 #primary .entry-content{
		width:70%;
	}
	*/
	.wrap {
		max-width:1500px;
	}
	.single-post:not(.has-sidebar) #primary,
	.page.page-one-column:not(.twentyseventeen-front-page) #primary,
	.archive.page-one-column:not(.has-sidebar) .page-header,
	.archive.page-one-column:not(.has-sidebar) #primary{
		max-width:1300px;
	}
	.page.page-one-column .entry-header {
		margin-bottom:0;
	}
/* 	.loop .feature .large{display:table;margin:auto;max-width:1000px;} */
/* 	.loop .feature .small{display:none;} */
	.loop .feature .flextable{
		flex-direction: row;
	}
	.flextable-child{
		max-width:500px;
	}
	.loop .feature .row-reverse{
		flex-direction: row-reverse;
	}

	.knowledge {
		margin:3rem auto;
		width: 50vw;
	}
	.shoplist table td {
		padding-left:0.5em;
		padding-right:0.5em;
		font-size:1em;
	}
}

.has-header-image .custom-header-media img,
.has-header-video .custom-header-media video,
.has-header-video .custom-header-media iframe,
.has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media img {
	height: 100%;
	left: 0;
	object-fit: cover;
	top: 0;
	-ms-transform: none;
	-moz-transform: none;
	-webkit-transform: none;
	transform: none;
	width: 100%;
	font-family: sans-serif;
}

#wp-custom-header,
#wp-custom-header > .metaslider.metaslider-nivo.ml-slider,
#wp-custom-header > .metaslider.metaslider-nivo.ml-slider > div,
#wp-custom-header > .metaslider.metaslider-nivo.ml-slider > div > .slider-wrapper,
#wp-custom-header > .metaslider.metaslider-nivo.ml-slider > div > .slider-wrapper > .nivoSlider {
	height: 100% !important;
}

#wp-custom-header > .metaslider.metaslider-nivo.ml-slider > div > .slider-wrapper > .nivoSlider {
	position: fixed;
}


/*US*/
.us a, .us a:hover {
	box-shadow:none!important;
}
.us_content {
margin-bottom:1.5em;
}
.us_introduction{
	padding-bottom:3em;
}
.us_introduction p {
	line-height:1.4;
	text-align: left;
}

.us .site-content{
	padding:0;
}
.us h2 {
	padding-top:0;
}
.us h2 small {
	font-size:60%;
}
.us .othercontents h2 {
	margin-top:2em;
}