@charset "utf-8";

/*
Theme Name: Shellman02
Description: Shellman02
Author: BUENO design
Version: 1.0.0
*/

/*--------------------
		RESET
---------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, main, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video, button {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	box-sizing: border-box;}
html, body, footer, header, main,
div, iframe, table, form, img,
menu, nav, article, section, dl, ol, ul {
	vertical-align: top;}
tr, th, td,
label, input, select, button {
	margin: 0;
	vertical-align: middle;}
input,textarea,select,::placeholder {
	font-size: 100%;
	font: inherit;
	color: inherit;
	box-sizing: border-box;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, main, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}


/*--------------------
		common
---------------------*/

html {font-size: 62.5%;}

body {
	width: 100%;
	min-width: 320px;
	overflow-x: hidden;
	background-color: #FFF;
	color: #444;
	font-size: 1.4rem;
	font-family:'YuGothic','Yu Gothic','ヒラギノ角ゴシック','Hiragino Sans',sans-serif;
	-webkit-font-feature-settings: "palt";
			font-feature-settings: "palt";
	font-weight: normal;
	line-height: 1;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;}

	body.drawer-open {
		overflow: hidden;}

img {width: auto; max-width: 100%; height: auto;}
hr {margin: 0 auto; border: none; width: 100%; height: 1px; background: #444;}
a {color: inherit; text-decoration: none;}

.serif {font-family: 'Iowan Old Style','Times New Roman','Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN',serif;}
.sans-serif {font-family: 'Helvetica','Helvetica Neue','YuGothic','Yu Gothic','ヒラギノ角ゴシック','Hiragino Sans',sans-serif; font-weight: lighter;}
.note {font-size: 0.8em; line-height: 1.5;}
.small {font-size: .8em;}
.TAleft {text-align: left !important;}
.TAright {text-align: right !important;}
.TAcenter {text-align: center !important;}

.hidden {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	-webkit-clip-path: inset(0px 0px 99.9% 99.9%);
	clip-path: inset(0px 0px 99.9% 99.9%);
	border: 0;}

.ex_link:after {
	content: '';
	display: inline-block;
	margin-left: .3em;
	width: .7em;
	height: .7em;
	background: url(./img/ex_link.svg) center/contain no-repeat;
	vertical-align: baseline;}

@media screen and (min-width:750px) {

	body {
		font-size: 1.6rem;}

	a[href^="tel:"] {
		pointer-events: none;
		font-weight: bold;}

}

@media screen and (min-width:1000px) {

	body.drawer-open {
		overflow: auto;}

}


/*------ header ------*/

header {
	display: block;
	width: 100%;
	min-width: 320px;
	height: 60px;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	overflow: hidden;
	background-color: #FFF;
	text-align: center;
	/*filter: drop-shadow(0 0 10px rgba(0,0,0,5%));*/}

	header a {
		display: block;
		-webkit-transition: opacity .3s;
		-o-transition: opacity .3s;
		transition: opacity .3s;}

	header a:hover {
		opacity: .5;}

	header img {
		display: block;}

	header .logo {
		display: inline-block;
		padding: 12px 20px;
		vertical-align: top;}
	
	header .logo img {
		width: auto;
		height: 36px;}

#toggle {
	display: block;
	width: 60px;
	height: 60px;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 102;
	border: 0;
	outline: 0;
	background-color: transparent;
	color: transparent;
	font-size: 0;
	cursor: pointer;}

	.hamburger {
		display: block;
		margin: auto;
		position: relative;}

		.hamburger,
		.hamburger:before,
		.hamburger:after {
			width: 30px;
			height: 1px;
			background-color: #444;
			-webkit-transition: background-color .3s, -webkit-transform .3s;
			transition: background-color .3s, -webkit-transform .3s;
			-o-transition: background-color .3s, transform .3s;
			transition: background-color .3s, transform .3s;
			transition: background-color .3s, transform .3s, -webkit-transform .3s;}

		.hamburger:before,
		.hamburger:after {
			content: '';
			position: absolute;
			top: -10px;
			left: 0;}

		.hamburger:after {
			top: 10px;}

			.drawer-open .hamburger {
				background-color: transparent;}

			.drawer-open .hamburger:before {
				top: 0;
				-webkit-transform: rotate(45deg);
					-ms-transform: rotate(45deg);
						transform: rotate(45deg);}
	
			.drawer-open .hamburger:after {
				top: 0;
				-webkit-transform: rotate(-45deg);
					-ms-transform: rotate(-45deg);
						transform: rotate(-45deg);}

#drawer {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	right: -100%;
	z-index: 101;
	overflow: hidden auto;
	background-color: rgba(233,233,233,95%);
	-webkit-transition: right .4s;
		 -o-transition: right .4s;
			transition: right .4s;}

	.drawer-open #drawer {
		right: 0;}

	#drawer nav {
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		   -webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		   -ms-flex-direction: column;
			   flex-direction: column;
		-webkit-box-pack: center;
		   -ms-flex-pack: center;
		 justify-content: center;
		-webkit-box-align: center;
		   -ms-flex-align: center;
			  align-items: center;
		padding: 20px 20px 60px;
		min-height: calc( 100% - 60px );}

	#drawer .upper,
	#drawer .lower {
		margin-bottom: 30px;
		line-height: 1.2;}

		#drawer .upper {
			font-size: 1.8rem;}
		
		#drawer li + li {
			margin-top: 1em;}

			#drawer .lang a {
				display: inline-block;}

	#drawer .lang {
		font-size: .85em;}

		#drawer .lang a {
			display: inline-block;}

@media screen and (min-width:750px) {

	#drawer .upper {
		font-size: 2.2rem;}

}

@media screen and (min-width:1000px) {

	header {
		padding: 25px 0 20px;
		height: auto;
		position: relative;}

		header .logo {
			margin-bottom: 25px;
			padding: 0;}
		
		header .logo img {
			height: 58px;}

	#toggle {
		display: none !important;
		height: 0;}
		
	#drawer {
		width: auto;
		height: auto;
		position: relative;
		top: auto;
		right: auto;
		overflow: hidden;
		background-color: transparent;}

		.drawer-open #drawer {
			right: auto;}
			
		#drawer .logo,
		#drawer .lower,
		#drawer .lang {
			display: none;}
		
		#drawer nav {
			display: block;
			padding: 0;
			height: auto;
			min-height: auto;}

		#drawer .upper {
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-ms-flex-wrap: wrap;
			    flex-wrap: wrap;
			-webkit-box-pack: center;
			   -ms-flex-pack: center;
			 justify-content: center;
			-webkit-box-align: center;
			   -ms-flex-align: center;
			      align-items: center;
			margin-bottom: 0;
			font-size: 1.3rem;}

		#drawer .upper li {
			margin: .5em 0;
			position: relative;}

		#drawer .upper li a {
			padding: 0 1.5rem;}

		#drawer .upper li:before,
		#drawer .upper li:last-child:after {
			content: '';
			display: inline-block;
			width: 1px;
			height: 1em;
			position: absolute;
			top: .1em;
			left: 0;
			background-color: #E8E8E8;}
			
		#drawer .upper li:last-child:after {
			left: auto;
			right: 0;}

}

@media screen and (min-width:1200px) {

	#drawer .upper {
		font-size: 1.5rem;}

}


/*------ footer ------*/

footer {
	text-align: center;}
	
	footer a {
		display: inline-block;
		vertical-align: top;
		-webkit-transition: opacity .3s;
		-o-transition: opacity .3s;
		transition: opacity .3s;}
	
		footer a:hover {
			opacity: .5;}

	footer .upper {
		background-color: #E8E8E8;
		padding: 40px 20px;}
		
		footer .logo img {
			width: 160px;
			height: auto;}
			
		footer .upper .nav {
			display: none;}

	footer .lower {
		padding: 20px;
		background-color: #FFF;}

		footer .lower .copyright {
			font-size: 10px;}

	#pagetop {
		display: none;
		width: 50px;
		height: 50px;
		position: fixed;
		right: 0;
		bottom: 0;
		z-index: 99;
		background-color: rgba(220,220,220,90%);
		border: none;
		color: transparent;
		font-size: 0;
		outline: 0;
		cursor: pointer;
		-webkit-transition: background-color .5s;
		-o-transition: background-color .5s;
		transition: background-color .5s;}

		#pagetop:before {
			content: '';
			display: block;
			width: 18px;
			height: 18px;
			position: absolute;
			top: 40%;
			left: 31%;
			border-top: 1px solid #FFF;
			border-left: 1px solid #FFF;
				-ms-transform: rotate(45deg);
			-webkit-transform: rotate(45deg);
					transform: rotate(45deg);}

		#pagetop:hover {
			background-color: rgba(200,200,200,90%);}

	 
@media screen and (min-width:1000px) {

	footer .logo {
		margin-bottom: 40px;}

		footer .logo img {
			width: 220px;}

	footer .upper .nav {
		display: block;
		font-size: 1.4rem;
		line-height: 1.1;}

		footer .upper ul {
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-ms-flex-wrap: wrap;
			    flex-wrap: wrap;
			-webkit-box-pack: center;
			   -ms-flex-pack: center;
			 justify-content: center;
			margin-bottom: 20px;}
			
			footer .upper li {
				padding: 0 1em;
				border-right: 1px solid #666;}

			footer .upper li:last-child {
				border-right: none;}

		footer .lang {
			font-size: .85em;}

			footer .lang a {
				display: inline-block;}

	footer .lower {
		padding: 19px 20px;
		background-color: #FFF;}

		footer .lower .copyright {
			font-size: 12px;}

		#pagetop {
			right: 30px;
			bottom: 30px;}

}


/*------ main ------*/

main {
	margin: 0 auto;
	padding-top: 60px;}

.page-title {
	font-size: 2.8rem;
	line-height: 1.2;
	text-align: center;}

.pagination {
	text-align: center;
	line-height: 1;}

	.page-numbers {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;}

	.page-numbers li {
		margin: 0 .2em;}

	.pagination a,
	.pagination span {
		display: inline-block;
		width: 2em;
		height: 2em;
		border: 1px solid #888;
		background-color: #888;
		color: #FFF;
		line-height: 1.9em;
		transition: background-color .4s, border .4s;}

	.pagination a:hover {
		border-color: #666;
		background-color: #666;}

	.pagination span.current {
		background-color: #FFF;
		color: #888;}

@media screen and (min-width:1000px) {

	main {
		padding-top: 0;}

	.page-title {
		font-size: 3.2rem;}

}

/*--- front ---*/

#front-page img {
	display: block;}

#front-page .front-section {
	padding: 40px 20px;}
	
#front-page .front-section > .inner {
	margin: 0 auto;
	max-width: 1000px;}

#front-page .front-hl {
	margin-bottom: 20px;
	font-size: 2.8rem;
	line-height: 1.2;
	text-align: center;}

#front-page #front-MV {
	width: 100%;
	height: 66vw;
	position: relative;}

	#front-page #front-MV .slick-list,
	#front-page #front-MV .slick-track {
		height: 100%;}

	#front-page #front-MV .slick-slide {
		width: 100%;
		height: 100%;
		background: center/cover no-repeat;}

#front-page #info {
	display: block;}

	#front-page #info .inner {
		margin: 0 auto;
		max-width: -webkit-max-content;
		max-width: -moz-max-content;
		max-width: max-content;}
	
	#front-page #info .info-item {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: start;
		    -ms-flex-pack: start;
		        justify-content: flex-start;
		-webkit-box-align: start;
		    -ms-flex-align: start;
		        align-items: flex-start;
		margin: .7em 0;
		line-height: 1.4;}

	#front-page #info a {
		display: block;
		text-decoration: underline;
		-webkit-text-decoration-color: transparent;
		        text-decoration-color: transparent;
		-webkit-transition: color .6s, -webkit-text-decoration .6s;
		transition: color .6s, -webkit-text-decoration .6s;
		-o-transition: color .6s, text-decoration .6s;
		transition: color .6s, text-decoration .6s;
		transition: color .6s, text-decoration .6s, -webkit-text-decoration .6s;}
		
	#front-page #info a:hover {
		color: #336699;
		-webkit-text-decoration-color: #336699;
		        text-decoration-color: #336699;}
	
	#front-page #info .info-item .date {
		margin-right: 1em;}

#front-page #about {
	background-color: #E8E8E8;}

	#front-page #about .img {
		margin: 0 auto 20px;
		width: 80%;
		max-width: 450px;}

	#front-page #about .txt {
		margin: 0 auto;
		line-height: 2.2;
		text-align: center;}

#front-page #stores {
	display: block;}
		
	#front-page #stores .store {
		margin: 35px auto 0;
		max-width: 485px;
		text-align: center;}
		
	#front-page #stores .store:first-child {
		margin-top: 0;}
		
	#front-page #stores .name {
		margin-bottom: 5px;
		font-size: 2.2rem;
		font-weight: 600;
		line-height: 1.4;}
	
	#front-page #stores .img {
		margin-bottom: 10px;}
	
	#front-page #stores .txt {
		margin-bottom: 10px;
		line-height: 1.6;}
	
	#front-page #stores .icon-list {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;}
	
	#front-page #stores .icon {
		margin: 0 3px;}
	
	#front-page #stores .icon a {
		display: block;
		-webkit-transition: opacity .3s;
		-o-transition: opacity .3s;
		transition: opacity .3s;}
	
	#front-page #stores .icon a:hover {
		opacity: .5;}

	#front-page #stores .icon img {
		height: 1.5em;
		height: 1.5em;}

@media screen and (min-width:750px) {	

	#front-page .front-section {
		padding: 60px 30px;}
	
	#front-page .front-hl {
		margin-bottom: 30px;
		font-size: 3.4rem;}

	#front-page #front-MV {
		height: 495px;}

	#front-page #about .img {
		margin-bottom: 30px;}
	
	#front-page #stores .store-list {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		-webkit-box-pack: start;
		    -ms-flex-pack: start;
		        justify-content: flex-start;}

	#front-page #stores .store {
		margin: 50px 30px 0 0;
		width: calc(50% - 15px);}
		
	#front-page #stores .store:nth-child(-n+2) {
		margin-top: 0;}
	
	#front-page #stores .store:nth-child(even) {
		margin-right: 0;}
		
	#front-page #stores .name {
		margin-bottom: 5px;
		font-size: 2.6rem;}
	
	#front-page #stores .icon {
		margin: 0 5px;}

}

/*--- media ---*/

#media > .inner {
	margin: 0 auto;
	padding: 30px 20px 60px;
	max-width: 900px;}

	#media .media-list {
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		align-items: stretch;
		text-align: center;
		margin: 0 auto;
		max-width: 320px;}

		#media .media-list .item {
			margin: 30px 20px 0 0;
			width: calc(50% - 10px);
			border-bottom: 1px dotted #AAA;}

		#media .media-list .item a {
			display: flex;
			flex-direction: column;
			height: 100%;}

		#media .media-list .item:nth-child(even) {
			margin-right: 0;}

		#media .media-list .txt {
			flex: 0 0 auto;
			align-items: stretch;
			font-weight: 600;
			padding-bottom: 5px;
			text-align: center;
			border-bottom: 1px dotted #AAA;}

		#media .media-list .title {
			font-size: 1.05em;
			line-height: 1.2;}

		#media .media-list .num {
			margin-top: .1em;
			font-size: .85em;
			line-height: 1.2;}

		#media .media-list .img {
			flex: 10 0 auto;
			display: flex;
			justify-content: center;
			align-items: center;
			padding: 10px 0;
			position: relative;}

		#media .media-list .img img {
			display: block;
			width: auto;
			height: auto;
			max-width: 100%;
			max-height: 100%;}

	#media .pagination {
		margin-top: 30px;}

@media screen and (min-width:500px) {

	#media .media-list {
		max-width: 510px;}

	#media .media-list .item,
	#media .media-list .item:nth-child(even) {
		margin: 40px 30px 0 0;
		width: calc(33.33333% - 20px);}

	#media .media-list .item:nth-child(3n) {
		margin-right: 0;}

}

@media screen and (min-width:750px) {

	#media .media-list {
		max-width: none;}

	#media .media-list .item,
	#media .media-list .item:nth-child(even),
	#media .media-list .item:nth-child(3n) {
		margin: 40px 30px 0 0;
		width: calc(20% - 24px);}

	#media .media-list .item:nth-child(5n) {
		margin-right: 0;}

	#media .pagination {
		margin-top: 40px;}

}
	

/*--- singular ---*/

#singular .article p {
	line-height: 1.8;}
	
#singular .article img {
	margin-bottom: 10px;}

#singular .article {
	margin: 0;
	padding: 0 0 80px;
	line-height: 1.8;}
	
#singular .article h1,
#singular .article h2 {
	margin: 40px 20px 37px;}
	
#singular .article section {
	padding: 0 20px 40px;}
	
#singular .article h3 {
	margin: 0 0 30px;}
	
#singular .article p {
	text-align: justify;
	text-justify: inter-ideograph;}
	
#singular .article p font {
	text-align: left;}

#singular .page_not_found {
	margin: 0 auto;
	padding: 100px 20px 140px;
	color: #888;}

#singular .secondary a {
	color:#336699;}
	
#singular .secondary a:hover {
	text-decoration: underline;}
	
#singular .secondary h1,
#singular .secondary h2 {
	font-family: 'Helvetica','ヒラギノ角ゴシック','Hiragino Sans',sans-serif;
	font-weight:300;
	font-size: 2.0em;
	margin: 30px 0 40px;}
	
#singular .secondary h5 {
	margin: 35px 0 0;}
	
#singular .secondary table {
	max-width: 550px;
	margin: -1em auto;
	border-collapse: separate;
	border-spacing: 1em;}
	
#singular .secondary li {
	 padding-left: 2px;
	font-size:1.4em;}
	
#singular .secondary ul {
	padding: 0.7em 0 0.7em 1em;}
	
#singular .secondary ul li {
	list-style: '・';}
	
#singular .secondary ol {
	padding: 0.7em 0 0.7em 1.8em;}
	
#singular .secondary ol li {
	list-style: decimal;
	padding-bottom: 5px;}
	
#singular .secondary hr {
	margin: 8px 0;}

/*--- recruit ---*/

#singular .recruit h5 {
	text-align: center;
	margin-bottom:15px;}

#singular .recruit {
	max-width: 550px;
	margin:0 auto;}

/*--- contact ---*/

#singular .contact-form {
	background:#F5F5F5;
	margin:40px auto 0;
	padding:35px 25px;
	width:100%;
	max-width:550px;
	line-height:1.4;
	font-size:1.4em;}
	
	#singular .contact-form dt {
		margin-bottom:5px;}
		
	#singular .contact-form dd {
		margin-bottom:15px;}
		
	#singular .contact-form span {
		margin: 0 !important;}
		
	#singular .contact-form .required {
		color:#BB0000;
		font-size:10px;
		font-weight:600;
		vertical-align:text-bottom;
		display:inline-block;}
		
	#singular .contact-w input {
		width:100%;}
		
	#singular .contact-n input {
		width:50%;
		min-width:150px;}
		
	#singular .contact-form textarea {
		width:100%;
		height:200px;}
	
	#singular .radio input {
		vertical-align:baseline;
		height:auto;}
		
	#singular .radio .wpcf7-list-item-label {
		margin-right:15px !important;
		vertical-align:middle;}
	
	#singular p.submit {
		text-align:center;
		line-height:1;
		margin-top:30px;}
		
	#singular .submit input {
		border:none;
		background:#444;
		color:#FFF;
		font-size:12px;
		font-weight:600;
		line-height:19px;
		width:70px;
		border-radius: 0;}
		
	#singular .privacy-policy-check .wpcf7-list-item-label {
		display: none;}
		
	#singular .wpcf7 .wpcf7-not-valid-tip {
		margin: .3em 0;
		color: #BB0000;
		font-size: .9em;
		font-weight: 500;}
		
	#singular .wpcf7 .wpcf7-response-output {
		margin: 2em 0 0;
		padding: 0;
		border: none;
		font-size: 1.4em;
		font-weight: bold;
		line-height: 1.4;
		text-align: center;}

#singular .mm-button {
	display: block;
	margin:0 auto;
	height: 50px;
	width:200px;
	text-align: center;
	font-size: 1.4em;
	line-height: 50px;
	border: 1px solid #333;
	cursor :pointer;}
	
#singular .mm-input {
	display: none;}
	
#singular .mm-form {
	display: none;
	opacity: 0;
	margin:0 auto;
	padding:0;
	width:100%;
	max-width:550px;}
	
#singular .mm-input:checked + .mm-form {
	display: block;
	opacity: 1;
	margin:30px auto 50px;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;}
	
#singular .mail-magazine h5 {
	margin:0 0 5px;}
	
#singular #mm-sub {
	height: 849px;}
	
#singular #mm-unsub {
	height: 306px;}

@media screen and (min-width:500px) {

	#mm-sub {
		height: 701px;}
		
	#singular #mm-unsub {
		height: 284px;}
		
}

/*--- ANTIQUE WATCH ---*/

#singular .AW-items {
	text-align: center;
	margin: 0 0 -25px;}
	
#singular .AW-items img {
	width: 100%;
	border-bottom: 1px solid #888;
	border-top: 1px solid #888;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;}
	
#singular .AW-secondary p {
	text-align: center;
	font-size:1.4em;
	margin: 50px 0 ;}
	
#singular .AW-secondary a {
	display: inline-block;}

#singular .AW-tertiary {
	text-align: center;}
	
#singular .AW-tertiary p {
	text-align: center;
	line-height: 1.4;}
	
#singular .AW-tertiary a {
	margin: 0 auto 20px;
	display: block;
	width:75%;
	max-width:300px;
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);}
	
#singular .AW-tertiary a:hover,
#singular .AW-tertiary img:hover {
	opacity:1 !important;
	-webkit-filter: grayscale(0);
	-moz-filter: grayscale(0);
	-ms-filter: grayscale(0);
	-o-filter: grayscale(0);
	filter: grayscale(0);}

#singular .AQ-page h3 {
	margin-bottom: 0;
	font-size: 2.7em;
	font-weight:600;}

#singular .lediesaq-about img {
	margin: 15px auto;}
	
#singular .lediesaq-about div {
	display: inline-block;}
	
#singular .ledies-about-info {
	text-align: center;
	border-top:1px solid #575757;
	padding:20px 0;}
	
#singular .ledies-about-info .txt {
	display: inline-block;}
	
#singular .ledies-about-info h4 {
	font-size:18px;
	font-weight:bold;
	margin-bottom: 10px;}
	
#singular .ledies-about-info ol {
	padding: 0.7em 0 0.7em 1.8em;}
	
#singular .ledies-about-info ol li {
	 padding-left: 2px;
	font-size:1.4em;
	list-style: decimal;
	padding-bottom: 5px;
	line-height: 1.4;}
		

/*--- ORIGINAL WATCH ---*/

#singular .OW-items {
	text-align: center;
	margin: 0 0 -30px;}
	
#singular .OW-items img {
	width: 100%;
	border-bottom: 1px solid #888;
	border-top: 1px solid #888;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	margin-bottom: 30px;}

#singular .OW-secondary p {
	text-align: center;
	font-size:1.6em;
	margin: 35px 0 ;}
	
#singular .OW-secondary a {
	display: inline-block;}

#singular .OW-tertiary {
	text-align: center;}
	
#singular .OW-tertiary p {
	text-align: center;}
	
#singular .OW-tertiary a {
	margin: 0 auto 40px;
	display: block;
	width:60%;
	max-width:300px;
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);}
	
#singular .OW-tertiary a:hover,
#singular .OW-tertiary img:hover {
	opacity:1 !important;
	-webkit-filter: grayscale(0);
	-moz-filter: grayscale(0);
	-ms-filter: grayscale(0);
	-o-filter: grayscale(0);
	filter: grayscale(0);}

#singular .OW-page h3 {
	margin-bottom: 0;}

#singular .OW-function div,
#singular .OW-detail div {
	display: inline-block;
	vertical-align: top;}
	
#singular .OW-function {
	margin: 0 -15px -25px;}
	
#singular .OW-function div {
	padding: 0 15px 25px;}
	
#singular .OW-function h4 {
	line-height: 1.2;
	font-size: 2.5em;
	margin-right: 5px;}
	
#singular p.function-s {
	font-size: 1.2em;
	font-weight: lighter;
	margin-bottom: 8px;}

#singular .OW-detail {
	margin: 0 -15px -30px;}
	
#singular .OW-detail div {
	padding: 0 15px 30px;}
	
#singular .OW-detail img {
	width: 100%;}
	
#singular .OW-detail h5 {
	margin:8px 0;}

#singular .OW-detail-1column {
	width:100% !important;}
	
#singular .OW-detail-1column img {
	width:calc( 50% - 15px );
	vertical-align: top;}
	
#singular .OW-detail-1column div {
	display: inline-block;
	width:calc( 50% + 15px );
	vertical-align: top;
	padding-right: 0;}

#singular .OW-spec {
	text-align: center;}
	
#singular .OW-spec img {
	margin: 15px auto;
	width: 200px;}
	
#singular .OW-spec div {
	display: inline-block;}
	
#singular .OW-spec h4 {
	text-align: center;
	margin-bottom: 10px;
	font-size: 2.6em;
	line-height: 1.3;}
	
#singular .OW-spec p {
	margin-bottom: 10px;}
	
#singular .OW-spec table {
	font-size: 1.2em;
	margin-bottom: 15px;}

#singular .faq h1
#singular .faq h2 {
	line-height: 1.7;}
	
#singular a.faq-link {
	color:#444;}
	
#singular .faq h5 {
	background-color:#E8E8E8;
	padding:10px 15px 10px 40px;
	text-align:center;
	margin-top:10px;
	position: relative;}
	
#singular .faq h5:before {
	position: absolute;
	content: '';
	top:calc( 50% - 0.5em );
	left:1em;
	width: 10px;
	height: 10px;
	border-bottom: 1px solid #444;
	border-right: 1px solid #444;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	    transform: rotate(45deg);
}

#singular .faq h3 {
	text-align:left;
	border-bottom:1px solid #444;
	padding-bottom:10px;
	margin-bottom:20px;}
	
#singular .faq dl {
	margin-bottom:40px;}
	
#singular .faq dt {
	margin-top:0;
	font-size:1.6em;
	vertical-align:middle;
	font-weight:bold;}
	
#singular .faq dt span {
	font-size:1.5em;font-family:'Iowan Old Style','Times New Roman',serif;
	margin-right:3px;
	vertical-align:middle;
	color:#CCC;}
	
#singular .faq dd {
	font-size:1.4em;}

/*--- MODAN WATCH ---*/

#singular .MW-page .cap {
	font-size: 11px;}

#singular .MW-items {
	text-align: center;
	margin: 0 0 -30px;}
	
#singular .MW-items img {
	width: 100%;
	border-bottom: 1px solid #888;
	border-top: 1px solid #888;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	margin-bottom: 30px;}
	
#singular .MW-items-3 {
	text-align: center;
	font-size:0;}
	
#singular .MW-items-3 a img {
	width: calc( 96% / 3 );
	border-right: 1px solid #888;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	margin-bottom: 0;
	margin-right: 2%;
	padding-right: 2%;}
	
#singular .MW-items-3 a img.lastchild {
	margin-right: 0;
	padding-right: 0;
	border-right: none;}
	
#singular .MW-items-2 {
	text-align: center;
	font-size:0;}
	
#singular .MW-items-2 a img {
	width: calc( 50% - 10px );
	border-bottom: 1px solid #888;
	border-top: 1px solid #888;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	margin-bottom: 0;
	margin-right: 20px;}
	
#singular .MW-items-2 a img.lastchild {
	margin-right: 0;}
	
#singular .MW-page h3 {
	margin-bottom: 0;
	 font-size: 2.7em;
	font-weight:600;}
	
#singular .MW-button-area {
	text-align: center;}
	
#singular .MW-button-area .button-darkgray {
	font-size: 1.6em;
	margin:4px;}

/*--- wempe ---*/
#singular .mp-about img {
	margin: 15px auto;}
	
#singular .mp-about div {
	display: inline-block;}

/*--- aero ---*/
#singular .aw-about .column-1 .column-1-img {
	margin: 15px auto 24px;
	width: 50%;
	display: block;}
	
#singular .aw-about-subimg {
	margin-top: 24px;}
	
#singular .aw-about .column-3 {
	width: 30.5%;
	margin-right: 4%;
	display: inline-block;
	vertical-align: text-top;}
	
#singular .aw-about .column-3:last-child {
	margin-right: 0;}
	
#singular .aw-Interview .profile {
	margin-bottom: 24px;}
	
#singular .aw-Interview .profile .profile-img {
	width: 32%;
	display: inline-block;
	margin-right: 3%;}
	
#singular .aw-Interview .profile .profile-txt {
	width: 63%;
	display: inline-block;
	vertical-align: top;}
	
#singular .aw-Interview .profile .profile-txt .note {
	font-size: 11px;}
	
#singular .aw-Interview .profile .profile-txt .name {
	font-size: 16px;
	font-weight: bold;}
	
#singular .aw-Interview .profile .profile-txt .copy {
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	margin-top: 16px;}
	
#singular .aw-Interview .profile .profile-txt .copy span {
	display: inline-block;}
	
#singular .aw-Interview .comment p {
	margin-bottom: 24px;}

#singular .column-TB div {
	width:calc(50% - 15px);
	display: inline-block;
	vertical-align: top;}
	
#singular .column-TB-L {
	margin-right:30px;}


@media screen and (min-width:750px) {		
	
	#singular .secondary h1,#singular .secondary h2 {
		margin: 40px 0 50px;}
		
	#singular .contact-form {
		padding:35px 40px;}
	
	section#singular .AW-tertiary {
		padding-bottom:80px;}
		
	#singular .AW-tertiary .bg-inner div {
		margin: 0 -15px;}
		
	#singular .AW-tertiary a {
		display: inline-block;
		vertical-align: top;
		margin: 0 15px;
		width:calc( 33.333% - 30px);
		max-width:initial;}
		
	#singular .OW-items {
		margin: 0 0 -50px;}
		
	#singular .OW-items img {
		margin-bottom: 50px !important;}
		
	#singular .OW-secondary p {
		font-size:1.8em;
		margin: 70px 0 ;}
		
	#singular .OW-tertiary .bg-inner div {
		margin: 0 -15px;}
		
	#singular .OW-tertiary a {
		display: inline-block;
		vertical-align: top;
		margin: 0 15px;
		width:calc( 33.333% - 30px);
		max-width:initial;}
		
	#singular .OW-function div,
	#singular .OW-detail div {
		width: 50%;}
		
	#singular .OW-spec {
		text-align: left;}
		
	#singular .OW-spec img {
		display: inline-block;
		vertical-align: top;
		width: 280px;}
		
	#singular .OW-spec div {
		margin-left: 30px;
		margin-top: 10px;
		width: calc( 100% - 310px );
		vertical-align: top;}
		
	#singular .OW-spec h4 {
		text-align: left;}

	#singular .col-break {
		-webkit-column-break-before: column;
		   -moz-column-break-before: column;
		        break-before: column;}

	#singular .MW-items {
		margin: 0 0 -50px;}

	#singular .mp-about img {
		display: inline-block;
		vertical-align: top;
		width: 350px;}
		
	#singular .mp-about div {
		margin-left: 30px;
		margin-top: 10px;
		width: calc(100% - 380px);
		vertical-align: top;}

	#singular .aw-about .column-1 .column-1-img {
		width: 34%;
		display: inline-block;
		margin-right: 3%;}
		
	#singular .aw-about .column-1 p.column-1-txt {
		width: 62%;
		display: inline-block;
		vertical-align: top;
		margin-top: 15px;}
		
	#singular .aw-Interview .profile {
		width: 70%;
		margin: 0 auto 48px;
		padding-top: 24px;}
		
	#singular .aw-Interview .profile .profile-img {
		width: 25%;}
		
	#singular .aw-Interview .profile .profile-txt {
		width: 71%;}
		 
	#singular .aw-Interview .profile .profile-txt .note {
		font-size: 13px;}
		
	#singular .aw-Interview .profile .profile-txt .name {
		font-size: 20px;}
			
	#singular .aw-Interview .profile .profile-txt .copy {
		font-size: 30px;
		text-align: left;}
		
	#singular .aw-Interview .comment p {
		width: 60%;
		margin-right: 3%;
		display: inline-block;}
		
	#singular .aw-Interview .comment img {
		width: 32%;
		vertical-align: top;}

	#singular .column-LR img {
		margin-right:20px;}
		
	#singular .column-LR img,
	#singular .column-LR div {
		width:calc( 50% - 10px );
		display: inline-block;
		vertical-align: top;}

	#singular .lediesaq-about img {
		display: inline-block;
		vertical-align: top;
		width: 350px;}
		
	#singular .lediesaq-about div {
		margin-left: 30px;
		margin-top: 10px;
		width: calc( 100% - 380px );
		vertical-align: top;}

}

@media screen and (min-width:1000px) {

	#singular .article img {
		margin-bottom: 15px;}

	#singular .OW-function h4,
	#singular p.function-s {
		display: inline-block;}
		
	#singular .OW-function h4 {
		font-size: 2.3em;}
		
	#singular p.function-s {
		font-size: 1em;}
	
}