@charset "utf-8";

/*--------------------------------------------------------------
1.0 - basic
--------------------------------------------------------------*/
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, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: "futura-pt", 'Noto Sans JP','Hiragino Sans', 'Meiryo', sans-serif;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
	list-style: none;
	border-collapse: collapse;
}


body:has(.wpml-ls-current-language>a>.wpml-ls-native[lang="zh-hans"]),
body:has(.wpml-ls-current-language>a>.wpml-ls-native[lang="zh-hans"]) div,
body:has(.wpml-ls-current-language>a>.wpml-ls-native[lang="zh-hans"]) span,
body:has(.wpml-ls-current-language>a>.wpml-ls-native[lang="zh-hans"]) applet,
body:has(.wpml-ls-current-language>a>.wpml-ls-native[lang="zh-hans"]) object,
body:has(.wpml-ls-current-language>a>.wpml-ls-native[lang="zh-hans"]) iframe,
body:has(.wpml-ls-current-language>a>.wpml-ls-native[lang="zh-hans"]) h1,
body:has(.wpml-ls-current-language>a>.wpml-ls-native[lang="zh-hans"]) h2,
body:has(.wpml-ls-current-language>a>.wpml-ls-native[lang="zh-hans"]) h3,
body:has(.wpml-ls-current-language>a>.wpml-ls-native[lang="zh-hans"]) h4,
body:has(.wpml-ls-current-language>a>.wpml-ls-native[lang="zh-hans"]) h5,
body:has(.wpml-ls-current-language>a>.wpml-ls-native[lang="zh-hans"]) h6,
body:has(.wpml-ls-current-language>a>.wpml-ls-native[lang="zh-hans"]) p,
body:has(.wpml-ls-current-language>a>.wpml-ls-native[lang="zh-hans"]) blockquote,
body:has(.wpml-ls-current-language>a>.wpml-ls-native[lang="zh-hans"]) pre,
body:has(.wpml-ls-current-language>a>.wpml-ls-native[lang="zh-hans"]) a,
body:has(.wpml-ls-current-language>a>.wpml-ls-native[lang="zh-hans"]) abbr,
body:has(.wpml-ls-current-language>a>.wpml-ls-native[lang="zh-hans"]) acronym,
body:has(.wpml-ls-current-language>a>.wpml-ls-native[lang="zh-hans"]) address,
body:has(.wpml-ls-current-language>a>.wpml-ls-native[lang="zh-hans"]) big,
body:has(.wpml-ls-current-language>a>.wpml-ls-native[lang="zh-hans"]) cite,
body:has(.wpml-ls-current-language>a>.wpml-ls-native[lang="zh-hans"]) code,
body:has(.wpml-ls-current-language>a>.wpml-ls-native[lang="zh-hans"]) del,
body:has(.wpml-ls-current-language>a>.wpml-ls-native[lang="zh-hans"]) dfn,
body:has(.wpml-ls-current-language>a>.wpml-ls-native[lang="zh-hans"]) em,
body:has(.wpml-ls-current-language>a>.wpml-ls-native[lang="zh-hans"]) font,
body:has(.wpml-ls-current-language>a>.wpml-ls-native[lang="zh-hans"]) ins,
body:has(.wpml-ls-current-language>a>.wpml-ls-native[lang="zh-hans"]) kbd,
body:has(.wpml-ls-current-language>a>.wpml-ls-native[lang="zh-hans"]) q,
body:has(.wpml-ls-current-language>a>.wpml-ls-native[lang="zh-hans"]) s,
body:has(.wpml-ls-current-language>a>.wpml-ls-native[lang="zh-hans"]) samp,
body:has(.wpml-ls-current-language>a>.wpml-ls-native[lang="zh-hans"]) small,
body:has(.wpml-ls-current-language>a>.wpml-ls-native[lang="zh-hans"]) strike,
body:has(.wpml-ls-current-language>a>.wpml-ls-native[lang="zh-hans"]) strong,
body:has(.wpml-ls-current-language>a>.wpml-ls-native[lang="zh-hans"]) sub,
body:has(.wpml-ls-current-language>a>.wpml-ls-native[lang="zh-hans"]) sup,
body:has(.wpml-ls-current-language>a>.wpml-ls-native[lang="zh-hans"]) tt,
body:has(.wpml-ls-current-language>a>.wpml-ls-native[lang="zh-hans"]) var,
body:has(.wpml-ls-current-language>a>.wpml-ls-native[lang="zh-hans"]) dl,
body:has(.wpml-ls-current-language>a>.wpml-ls-native[lang="zh-hans"]) dt,
body:has(.wpml-ls-current-language>a>.wpml-ls-native[lang="zh-hans"]) dd,
body:has(.wpml-ls-current-language>a>.wpml-ls-native[lang="zh-hans"]) ol,
body:has(.wpml-ls-current-language>a>.wpml-ls-native[lang="zh-hans"]) ul,
body:has(.wpml-ls-current-language>a>.wpml-ls-native[lang="zh-hans"]) li,
body:has(.wpml-ls-current-language>a>.wpml-ls-native[lang="zh-hans"]) fieldset,
body:has(.wpml-ls-current-language>a>.wpml-ls-native[lang="zh-hans"]) form,
body:has(.wpml-ls-current-language>a>.wpml-ls-native[lang="zh-hans"]) label,
body:has(.wpml-ls-current-language>a>.wpml-ls-native[lang="zh-hans"]) legend,
body:has(.wpml-ls-current-language>a>.wpml-ls-native[lang="zh-hans"]) table,
body:has(.wpml-ls-current-language>a>.wpml-ls-native[lang="zh-hans"]) caption,
body:has(.wpml-ls-current-language>a>.wpml-ls-native[lang="zh-hans"]) tbody,
body:has(.wpml-ls-current-language>a>.wpml-ls-native[lang="zh-hans"]) tfoot,
body:has(.wpml-ls-current-language>a>.wpml-ls-native[lang="zh-hans"]) thead,
body:has(.wpml-ls-current-language>a>.wpml-ls-native[lang="zh-hans"]) tr,
body:has(.wpml-ls-current-language>a>.wpml-ls-native[lang="zh-hans"]) th,
body:has(.wpml-ls-current-language>a>.wpml-ls-native[lang="zh-hans"]) td {
    font-family: "futura-pt", "Noto Sans SC", 'Hiragino Sans', 'Meiryo', sans-serif;
}
body:has(.wpml-ls-current-language>a>.wpml-ls-native[lang="zh-hant"]),
body:has(.wpml-ls-current-language>a>.wpml-ls-native[lang="zh-hant"]) div,
body:has(.wpml-ls-current-language>a>.wpml-ls-native[lang="zh-hant"]) span,
body:has(.wpml-ls-current-language>a>.wpml-ls-native[lang="zh-hant"]) applet,
body:has(.wpml-ls-current-language>a>.wpml-ls-native[lang="zh-hant"]) object,
body:has(.wpml-ls-current-language>a>.wpml-ls-native[lang="zh-hant"]) iframe,
body:has(.wpml-ls-current-language>a>.wpml-ls-native[lang="zh-hant"]) h1,
body:has(.wpml-ls-current-language>a>.wpml-ls-native[lang="zh-hant"]) h2,
body:has(.wpml-ls-current-language>a>.wpml-ls-native[lang="zh-hant"]) h3,
body:has(.wpml-ls-current-language>a>.wpml-ls-native[lang="zh-hant"]) h4,
body:has(.wpml-ls-current-language>a>.wpml-ls-native[lang="zh-hant"]) h5,
body:has(.wpml-ls-current-language>a>.wpml-ls-native[lang="zh-hant"]) h6,
body:has(.wpml-ls-current-language>a>.wpml-ls-native[lang="zh-hant"]) p,
body:has(.wpml-ls-current-language>a>.wpml-ls-native[lang="zh-hant"]) blockquote,
body:has(.wpml-ls-current-language>a>.wpml-ls-native[lang="zh-hant"]) pre,
body:has(.wpml-ls-current-language>a>.wpml-ls-native[lang="zh-hant"]) a,
body:has(.wpml-ls-current-language>a>.wpml-ls-native[lang="zh-hant"]) abbr,
body:has(.wpml-ls-current-language>a>.wpml-ls-native[lang="zh-hant"]) acronym,
body:has(.wpml-ls-current-language>a>.wpml-ls-native[lang="zh-hant"]) address,
body:has(.wpml-ls-current-language>a>.wpml-ls-native[lang="zh-hant"]) big,
body:has(.wpml-ls-current-language>a>.wpml-ls-native[lang="zh-hant"]) cite,
body:has(.wpml-ls-current-language>a>.wpml-ls-native[lang="zh-hant"]) code,
body:has(.wpml-ls-current-language>a>.wpml-ls-native[lang="zh-hant"]) del,
body:has(.wpml-ls-current-language>a>.wpml-ls-native[lang="zh-hant"]) dfn,
body:has(.wpml-ls-current-language>a>.wpml-ls-native[lang="zh-hant"]) em,
body:has(.wpml-ls-current-language>a>.wpml-ls-native[lang="zh-hant"]) font,
body:has(.wpml-ls-current-language>a>.wpml-ls-native[lang="zh-hant"]) ins,
body:has(.wpml-ls-current-language>a>.wpml-ls-native[lang="zh-hant"]) kbd,
body:has(.wpml-ls-current-language>a>.wpml-ls-native[lang="zh-hant"]) q,
body:has(.wpml-ls-current-language>a>.wpml-ls-native[lang="zh-hant"]) s,
body:has(.wpml-ls-current-language>a>.wpml-ls-native[lang="zh-hant"]) samp,
body:has(.wpml-ls-current-language>a>.wpml-ls-native[lang="zh-hant"]) small,
body:has(.wpml-ls-current-language>a>.wpml-ls-native[lang="zh-hant"]) strike,
body:has(.wpml-ls-current-language>a>.wpml-ls-native[lang="zh-hant"]) strong,
body:has(.wpml-ls-current-language>a>.wpml-ls-native[lang="zh-hant"]) sub,
body:has(.wpml-ls-current-language>a>.wpml-ls-native[lang="zh-hant"]) sup,
body:has(.wpml-ls-current-language>a>.wpml-ls-native[lang="zh-hant"]) tt,
body:has(.wpml-ls-current-language>a>.wpml-ls-native[lang="zh-hant"]) var,
body:has(.wpml-ls-current-language>a>.wpml-ls-native[lang="zh-hant"]) dl,
body:has(.wpml-ls-current-language>a>.wpml-ls-native[lang="zh-hant"]) dt,
body:has(.wpml-ls-current-language>a>.wpml-ls-native[lang="zh-hant"]) dd,
body:has(.wpml-ls-current-language>a>.wpml-ls-native[lang="zh-hant"]) ol,
body:has(.wpml-ls-current-language>a>.wpml-ls-native[lang="zh-hant"]) ul,
body:has(.wpml-ls-current-language>a>.wpml-ls-native[lang="zh-hant"]) li,
body:has(.wpml-ls-current-language>a>.wpml-ls-native[lang="zh-hant"]) fieldset,
body:has(.wpml-ls-current-language>a>.wpml-ls-native[lang="zh-hant"]) form,
body:has(.wpml-ls-current-language>a>.wpml-ls-native[lang="zh-hant"]) label,
body:has(.wpml-ls-current-language>a>.wpml-ls-native[lang="zh-hant"]) legend,
body:has(.wpml-ls-current-language>a>.wpml-ls-native[lang="zh-hant"]) table,
body:has(.wpml-ls-current-language>a>.wpml-ls-native[lang="zh-hant"]) caption,
body:has(.wpml-ls-current-language>a>.wpml-ls-native[lang="zh-hant"]) tbody,
body:has(.wpml-ls-current-language>a>.wpml-ls-native[lang="zh-hant"]) tfoot,
body:has(.wpml-ls-current-language>a>.wpml-ls-native[lang="zh-hant"]) thead,
body:has(.wpml-ls-current-language>a>.wpml-ls-native[lang="zh-hant"]) tr,
body:has(.wpml-ls-current-language>a>.wpml-ls-native[lang="zh-hant"]) th,
body:has(.wpml-ls-current-language>a>.wpml-ls-native[lang="zh-hant"]) td {
	font-family: "futura-pt", "Noto Sans TC", 'Hiragino Sans', 'Meiryo', sans-serif;
}

html {
	font-size: 62.5%;
	overflow-y: scroll;
	overflow-x: hidden;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
}

body,
input,
select,
textarea {
	color: #333;
	background: #fff;
	font-family: "futura-pt", 'Noto Sans JP', sans-serif;
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 1.8;
	font-feature-settings: "palt";
	letter-spacing: 0.1em;
}

body:has(.wpml-ls-current-language>a>.wpml-ls-native[lang="zh-hans"]),
body:has(.wpml-ls-current-language>a>.wpml-ls-native[lang="zh-hans"]) input,
body:has(.wpml-ls-current-language>a>.wpml-ls-native[lang="zh-hans"]) select,
body:has(.wpml-ls-current-language>a>.wpml-ls-native[lang="zh-hans"]) textarea
{
	font-family: "futura-pt", 'Noto Sans SC', sans-serif;
}
body:has(.wpml-ls-current-language>a>.wpml-ls-native[lang="zh-hant"]),
body:has(.wpml-ls-current-language>a>.wpml-ls-native[lang="zh-hant"]) input,
body:has(.wpml-ls-current-language>a>.wpml-ls-native[lang="zh-hant"]) select,
body:has(.wpml-ls-current-language>a>.wpml-ls-native[lang="zh-hant"]) textarea{
	font-family: "futura-pt", 'Noto Sans TC', sans-serif;
}




body {
	background: #fff;
	position: relative;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: 600;
	font-family: "futura-pt", 'Noto Sans JP',sans-serif;
	color: #333;
}

body:has(.wpml-ls-current-language>a>.wpml-ls-native[lang="zh-hans"]) h1,
body:has(.wpml-ls-current-language>a>.wpml-ls-native[lang="zh-hans"]) h2,
body:has(.wpml-ls-current-language>a>.wpml-ls-native[lang="zh-hans"]) h3,
body:has(.wpml-ls-current-language>a>.wpml-ls-native[lang="zh-hans"]) h4,
body:has(.wpml-ls-current-language>a>.wpml-ls-native[lang="zh-hans"]) h5,
body:has(.wpml-ls-current-language>a>.wpml-ls-native[lang="zh-hans"]) h6
{
	font-family: "futura-pt", 'Noto Sans SC',sans-serif;
}
body:has(.wpml-ls-current-language>a>.wpml-ls-native[lang="zh-hant"]) h1,
body:has(.wpml-ls-current-language>a>.wpml-ls-native[lang="zh-hant"]) h2,
body:has(.wpml-ls-current-language>a>.wpml-ls-native[lang="zh-hant"]) h3,
body:has(.wpml-ls-current-language>a>.wpml-ls-native[lang="zh-hant"]) h4,
body:has(.wpml-ls-current-language>a>.wpml-ls-native[lang="zh-hant"]) h5,
body:has(.wpml-ls-current-language>a>.wpml-ls-native[lang="zh-hant"]) h6{
	font-family: "futura-pt", 'Noto Sans TC',sans-serif;
}


h1 {
	font-size: 2.7em;
}
h2 {
	font-size: 2.1em;
}
h3 {
	font-size: 1.8em
}
h4 {
	font-size: 1.4em;
}

a {
	text-decoration:none;
	color: #376a73;
}
a:hover {
	color: #5f888f;
}
	
.clearfix::after {
	content: "";
	display: block;
	clear: both;
}

img {
  border: 0;
  vertical-align: top;
  max-width: 100%;
  height: auto;
}

b,
strong,
.strong {
font-weight:bold;
} 
	
/*--------------------------------------------------------------
2.0 - PC
--------------------------------------------------------------*/
	#wrapper {
		width: 100%;
		margin: 0 auto;
	}
	
/* Header */
	#site-header {
		position: fixed;
		width: 100%;
		display: flex;
		justify-content: space-between;
		align-items: center;
		z-index: 10;
		background-color: rgba(255, 255, 255, 0.97);
		padding: 0;
		transition: 0.5s;
	}
	.hd_container {
		width: 100%;
		max-width: 1476px;
		margin: 0 auto;
	}
	.logo {
		display: inline-block;
		padding: 32px 0;
		transition: 0.5s;
		height: 36px;
		line-height: 36px;
		font-size: 0.6em;
	}
	.logo a {
		display: inline-block;
		height: 36px;
		line-height: 36px;
	}
	.logo img {
		width: auto;
		height: 36px;
		color: #333;
		transition-property: all;
		-webkit-transition: 0.3s ease;
		transition: 0.3s ease;
	}
	/* Main manu */
	.nav-holder {
		display: block;
		padding: 0;
		transition: 0.5s;
		float: right;
	}
	.hd-mainmenu {
		margin: 0 auto;
		padding: 0;
		transition: 0.5s;
		list-style: none;
		letter-spacing: 0.08em;
	}
	.hd-mainmenu li {
		position: relative;
		height: 100px;
		float: left;
		padding: 0 14px;
		text-align: center;
		transition: 0.5s;
		line-height: 1.6;
	}
	.hd-mainmenu li a {
		display: block;
		color: #333;
		font-size: 1.7rem;
		font-weight: 400;
		text-align: center;
		transition: 0.5s;
		padding-top: 26px;
	}
	.hd-mainmenu li:last-child {
		padding: 0 0 0 14px;
		transition: 0.5s;
	}
	.hm_jp {
		display: block;
		font-size: 60%;
		color: #999;
	}
	.hd-mainmenu li a:hover {
		color: #777;
	}
	.hd-mainmenu li.menu-item-has-children > a::after {
		font-family: 'FontAwesome';
		content: '\f0dd';
		font-size: 0.9rem;
		font-weight: 400;
		color: #999;
		bottom: 18%;
		left: 50%;
		transform: translateX(-50%);
		position: absolute;
	}
	
	.hd-mainmenu li:hover ul.drop_child {
		top: 100px;
		visibility: visible;
		opacity: 1;
		z-index: 9999;
		transition: 0.5s;
	}
	.hd-mainmenu .drop_child {
		list-style: none;
		visibility: hidden;
		opacity: 0;
		z-index: 1;
		position: absolute;
		width: max-content;
		max-width: 706px;
		margin: 0 0 0 -20px;
		padding: 8px 12px 12px;
		font-size: 0.8em;
		background-color: rgba(255, 255, 255, 0.97);
		-webkit-transition: all .2s ease;
		transition: all .2s ease;
		line-height: 1.6rem;
		transition: 0.5s;
		display: block;
		text-align: left;
		box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
	}
	.wpml-ls-current-language .drop_child{
		right: 0;
	}
	.hd-mainmenu .drop_child li {
		float: none;
		display: inline-block;
		padding: 0;
		transition: 0.5s;
		height: auto;
	}
	.hd-mainmenu .drop_child li:nth-child(4n - 3) {
		width: 151px;
	}
	.hd-mainmenu .drop_child li:nth-child(4n - 2) {
		width: 162px;
	}
	.hd-mainmenu .drop_child li:nth-child(4n - 1) {
		width: 170px;
	}
	.hd-mainmenu .drop_child li:nth-child(4n) {
		width: 184px;
	}
	.hd-mainmenu .drop_child li:last-child {
		padding: 0;
		transition: 0.5s;
	}
	.hd-mainmenu .drop_child li a {
		padding: 5px 14px;
		font-size: 1.4rem;
		text-align: left;
	}
	.wpml-ls-current-language .drop_child li a{
		font-size: 1rem;
	}
	.hsubm_jp {
		display: block;
		font-size: 60%;
		color: #999;
	}
	
	.dc_jewelry .drop_child {
		max-width: 480px;
	}
	.dc_jewelry .drop_child li:nth-child(4n - 3) {
		width: 88px;
	}
	.dc_jewelry .drop_child li:nth-child(4n - 2) {
		width: 130px;
	}
	.dc_jewelry .drop_child li:nth-child(4n - 1) {
		width: 120px;
	}
	.dc_jewelry .drop_child li:nth-child(4n) {
		width: 96px;
	}
	
	.hd_watch {
		width: 170px;
		height: 80px;
		margin: 10px 0 0 30px;
		padding-bottom: 0;
		float: right;
		transition: 0.5s;
	}
	.hd_watch iframe {
		width: 170px;
		height: 80px;
		transition: 0.5s;
	}
	
	.dp_none {
		display: none!important;
	}
	
	.section {
	}
	.section-a {
		background: #000;
	}
	.section-b {
		background: #fff;
	}
	/* スクロールして「scroll-navクラス」がついたときのヘッダーデザイン */
	#site-header.scroll-nav {
		box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
	}
	#site-header.scroll-nav .logo {
		padding: 22px 0;
		height: 28px;
		line-height: 28px;
	}
	#site-header.scroll-nav .logo a {
		height: 28px;
		line-height: 28px;
	}
	#site-header.scroll-nav .logo img {
		height: 28px;
	}
	#site-header.scroll-nav .hd-mainmenu li {
		height: 72px;
	}
	#site-header.scroll-nav .hd-mainmenu li a {
		padding-top: 13.5px;
	}
	#site-header.scroll-nav .hd-mainmenu li.menu-item-has-children > a::after {
		bottom: 8%;
	}
	
	#site-header.scroll-nav .hd-mainmenu li:hover ul.drop_child {
		top: 72px;
	}
	
	#site-header.scroll-nav .drop_child li {
		height: auto;
	}
	#site-header.scroll-nav .drop_child li a {
		padding: 5px 14px;
	}
	
	#site-header.scroll-nav .hd_watch {
		width: 128px;
		height: 60px;
		margin: 5px 0 0 30px;
	}
	#site-header.scroll-nav .hd_watch iframe {
		width: 128px;
		height: 60px;
	}
	
	
	/* SP manu */
	.sp_menu {
	display: none;
	}
	
	
	#contents {
		width: 100%;
		padding-top: 100px;
	}
	.container {
		width: 100%;
		max-width: 1280px;
		margin: 0 auto;
	}
	
	
	/* パンくず */
	.fbc-page * {
		margin: 0 0 12px;
		padding: 0;
	}
	.fbc-page .fbc-wrap .fbc-items li{
		padding: 0 4px;
	}
	.fbc-page .fbc-wrap .fbc-items li:first-child {
		padding-left: 0;
	}
	.fbc-page .fbc-wrap .fbc-items li:last-child {
		padding-right: 0;
	}
	
	#contents .topicpath {
	padding: 0;
	margin-bottom: 30px;
	}
	#contents .topicpath:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	}
	#contents .topicpath br {
	display: none;
	}
	#contents .topicpath li {
	float: left;
	position: relative;
	padding-right: 28px;
	font-size: 1.0vw;
	}
	#contents .topicpath li:after {
	position: absolute;
	font-family: 'FontAwesome';
	content: '\f105';
	font-size: 1.2vw;
	top: 0;
	right: 0;
	color: #999;
	line-height: 1.5;
	padding-right: 8px;
	}
	#contents .topicpath li:last-child:after {
	display: none;
	}
	#contents .topicpath a {
	display: inline-block;
	color: #666;
	}
	#contents .topicpath a:hover {
	color: #333;
	}
	/*
	#contents .topicpath .home {
	padding-left: 0;
	}
	#contents .topicpath .home a {
	background-image: url(../img/common/iconHome.png);
	background-size: 19px auto;
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 30px;
	text-decoration: none;
	}
	*/
	
	
/* Post */
	.hd_blog {
		position: relative;
		box-sizing: border-box;
		background: url(/wp-content/themes/UMAKI/img/bg_hdblog.webp) center center no-repeat;
		background-size: cover;
		width: 100%;
		padding-top: 31.25%;
	}
	.hd_blog h1 {
		position: absolute;
		top: 50%;
		left: 8.42%;
		transform: translateY(-50%);
		font-size: 2.5vw;
		font-weight: 500;
		line-height: 1.6;
		text-align: center;
	}
	.hd_blog h1 span {
		display: block;
		font-size: 1.0vw;
		font-weight: 400;
	}
	.primary {
		width: 100%;
		max-width: 1280px;
		margin: 0 auto;
		padding-top: 2%;
	}
	.primary a {
		color: #111;
	}
	.primary a:hover {
		opacity: 0.7;
	}
	.main {
		width: 75%;
		margin: 30px 30px 80px 0;
		display: inline-block;
	}
	.archive_ttl {
		width: 100%;
		margin: 0 0 3% 0;
		font-size: 1.5vw;
		text-align: center;
	}
	.roop {
		width: 100%;
		margin: 0 0 8%;
		padding: 0 0 8%;
		border-bottom: dotted 1px #ccc;
	}
	.roop_thum {
		width: 35%;
		margin: 0;
		padding: 0;
		display: inline-block;
	}
	.roop_thum img {
		width: 100%;
		height: auto;
	}
	.roop_excerpt {
		width: 60.1%;
		margin: 0;
		padding: 0 0 0 3%;
		display: inline-block;
		vertical-align: top;
		font-size: 0.82em;
	}
	.roop_ttl {
		font-size: 1.1vw;
		font-weight: 500;
		padding: 0 0 1%;
	}
	.roop_meta {
		width: 100%;
		margin: 0 0 2.5%;
		padding: 0 0 2.5%;
		font-size: 0.95vw;
		border-bottom: solid 3px #f9f9f9;
	}
	.meta_date {
		margin-right: 3%;
	}
	.meta_date::before {
		font-family: 'FontAwesome';
		content: '\f073';
		font-size: 0.9vw;
		margin-right: 1.2%;
		color: #999;
	}
	.meta_author {
		margin-right: 3%;
	}
	.meta_author::before {
		font-family: 'FontAwesome';
		content: '\f007';
		font-size: 0.9vw;
		margin-right: 1.2%;
		color: #999;
	}
	.meta_cat {
		margin-right: 3%;
	}
	.meta_cat::before {
		font-family: 'FontAwesome';
		content: '\f03a';
		font-size: 0.9vw;
		margin-right: 1.2%;
		color: #999;
	}
	.roop_excerpt p {
		font-size: 0.88vw;
		color: #555;
		line-height: 1.9;
	}
	
	.btn_rm {
		display: block;
		margin: 3.5% 0 0 0;
		padding: 0.5% 6% 0.5% 3%;
		border: 1px solid #333;
		color: #333!important;
		background-color: #fff;
		font-size: 0.8vw;
		transition: 0.5s;
		float: right;
		position: relative;
	}
	.btn_rm:hover {
		color: #fff!important;
		background-color: #333;
	}
	
	.btn_rm::before,
	.btn_rm::after {
		position: absolute;
		top: 63%;
		right: 11%;
		height: 1px;
		background: #aaa;
		content: '';
	}
	.btn_rm::before {
		width: 12%;
		transform: translateY(-50%);
	}
	.btn_rm::after {
		width: 5%;
		transform: translateY(-50%) rotate(45deg);
		transform-origin: right center;
	}
	
	
	/* Pagination */
	.pagination {
		margin: 50px 0 0;
	}
	.nav-links {
		width: 100%;
		display: inline-block;
	}
	.ar_chiepvn .nav-links {
		text-align: center;
	}
	.pagination .page-numbers {
		display: inline-block;
		margin-right: 8px;
		padding: 3px 8px 5px;
		color: #333;
		border: solid 1px #eee;
		border-radius: 3px;
		background: #fff;
		font-size: 0.8em;
		line-height: 1.2em;
	}
	.pagination .page-numbers:hover {
		background: #eee;
	}
	.pagination .current {
		padding: 3px 8px 5px;
		background: #999;
		color: #fff;
	}
	.pagination .current:hover {
		background: #999;
	}
	.pagination .prev,
	.pagination .next {
		background: transparent;
		color: #111;
	}
	.pagination .dots {
		background: transparent;
		border-style: none;
	}
	.pagination .dots:hover {
		background: #fff;
	}
	
	.single_pagination {
		margin-top: 50px;
		font-size: 0.8em;
		line-height: 1.2em;
		letter-spacing: 0.06em;
	}
	.nav-previous {
		margin: 0;
		display: inline-block;
	}
	.nav-next {
		margin: 0;
		float: right;
		display: inline-block;
	}
	
	
	.side {
		width: 19.7%;
		margin: 30px 0 80px 30px;
		display: inline-block;
		vertical-align: top;
	}
	.side .widget {
		margin: 0 0 50px;
	}
	.side .widget h2 {
		font-size: 1.1vw;
		padding-bottom: 2.5%;
	}
	.side .widget ul {
		font-size: 0.75em!important;
		letter-spacing: 0.1em;
	}
	.side .widget ul li {
		border-bottom: dotted 1px #ccc;
		font-size: 1.0vw;
		padding: 2% 0;
	}
	
	.side .wp-calendar-table {
		width: 100%;
		margin: 1% auto 0;
		color: #555;
	}
	.side .wp-calendar-table caption {
		padding: 1% 0;
		font-size: 0.9vw;
		background: #f9f9f9;
	}
	.side .wp-calendar-table th {
		padding: 3% 0 1%;
		font-size: 0.8vw;
		text-align: center;
	}
	.side .wp-calendar-table td {
		padding: 1% 0;
		font-size: 1.0vw;
		text-align: center;
	}
	.side .wp-calendar-table td a {
		color: #111;
		font-size: 1.1vw;
	}
	.wp-calendar-nav {
		padding-top: 1%;
		font-size: 0.9vw;
	}
	.wp-calendar-nav-prev {
		text-align: left;
	}
	.wp-calendar-nav-next {
		float: right;
	}
	
/* Single */
	.single_ttl {
		font-size: 1.28em;
		font-weight: 500;
	}
	.single_meta {
		width: 100%;
		margin: 0 0 12px;
		padding: 0 0 8px;
		font-size: 0.75em;
		border-bottom: dotted 1px #ccc;
	}

	.single_thum img {
		width: 100%;
	}
	.single_cntnt {

	}
	.single_cntnt p {
		font-size: 0.8em;
		line-height: 1.8em;
		padding: 0 0 15px;
	}
	

/* Footer */
	.sectContact {
		padding: 6% 0;
		text-align: center;
	}
	.sectContact h2 {
		display: inline-block;
		position: relative;
		font-size: 1.6vw;
		margin: 0 0 2.5%;
		padding: 0 4%;
		font-weight: 500;
		text-align: center;
		line-height: 1.6;
	}
	.sectContact h2 span {
		font-size: 0.8vw;
		font-weight: 400;
		letter-spacing: 0.22em;
		color: #999;
		display: block;
	}
	.sectContact h2::before,
	.sectContact h2::after {
		content: '';
		display: inline-block;
		position: absolute;
		top: 50%;
		width: 15%;
		height: 1px;
		background-color: #ccc;
	}
	.sectContact h2::before {
		left: 0;
	}
	.sectContact h2::after {
		right: 0;
	}
	.sectContact p {
		font-size: 1.3vw;
	}
	.contact_tel {
		width: 100%;
		max-width: 56%;
		margin: 0.2% auto 1%;
		padding: 0;
		text-align: center;
		display: flex;
		color: #555;
	}
	.contact_tel li {
		width: 50%;
		padding: 0;
		font-size: 1.1vw;
		vertical-align: middle;
	}
	.a_number {
		font-size: 2.6vw;
		color: #111;
		padding-left: 2%;
		transition: 0.5s;
	}
	.a_number::before {
		margin-right: 1.5%;
		font-family: 'FontAwesome';
		content: '\f095';
		font-size: 2.4vw;
		vertical-align: -2px;
	}
	.sectContact .hours {
		font-size: 0.99vw;
		text-align: center;
		color: #555;
	}
	.sectContact .hours span {
		font-size: 1.1vw;
	}
	.sectContact .hours .r_holiday {
		font-size: 0.85vw;
	}
	.btn_contact {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 12%;
		margin: 4% auto 0;
		padding: 1% 5%;
		border: 1px solid #333;
		background-color: #333;
		color: #fff;
		font-size: 1.5vw;
		transition: 0.5s;
	}
	.btn_contact:hover {
		background-color: #fff;
		color: #333;
	}
	.btn_contact::before {
		font-family: 'FontAwesome';
		content: '\f0e0';
		font-size: 1.5vw;
		padding-right: 7%;
	}
	
	
	#footer {
		width: 100%;
		padding: 5.5% 0 1.8%;
		color: #555;
		background: #f9f9f9;
		position: relative;
	}
	#footer a {
		color: #111;
	}
	#footer a:hover {
		opacity: 0.7;
	}
	.ft_logo {
		margin: 0 0 3.5%;
		text-align: center;
	}
	.ft_logo img {
		width: 18%;
	}
	.ft_menu ul {
		width: 100%;
		max-width: 1280px;
		margin: 0 auto 3.5%;
		padding: 0;
		list-style: none;
		text-align: center;
	}
	.ft_menu ul li { 
		display: inline-block;
		width: auto;
		margin: 0;
		padding: 0 2.96%;
		font-size: 1.1vw;
		line-height: 1.2;
		border-right: solid 1px #aaa;
	}
	.ft_menu ul li:first-child {
		border-left: solid 1px #aaa;
	}
	
	#footer-widget {
		width: 100%;
		max-width: 1280px;
		margin: 0 auto;
		padding: 0 0 1.5%;
		display: flex;
		color: #555;
	}
	#footer-widget li {
		width: 33.33%;
		margin-right: 4%;
		list-style: none;
	}
	#footer-widget li:last-child  {
		margin-right: 0;
	}
	#footer-widget .widget {
		width: 100%;
		text-align: center;
	}
	#footer-widget .widget h2 {
		margin: 0;
		padding: 0 0 3%;
		font-size: 1.1vw;
		color: #777;
		border-bottom: dotted 1px #aaa;
	}
	.fttxt_jp {
		font-size: 85%;
	}
	#footer-widget .ft_sns {
		width: 100%;
		text-align: center;
	}
	#footer-widget .ft_shopinfo {
		width: 100%;
		text-align: center;
	}
	#footer-widget .ft_shopinfo h3 {
		padding: 6% 0 1.2%;
		font-size: 1.1vw;
		font-weight: 400;
	}
	#footer-widget .ft_shopinfo p {
		font-size: 0.85vw;
		line-height: 1.8;
	}
	.ft_phone {
		font-size: 1.3vw;
	}
	.ft_phone::before {
		margin-right: 1.5%;
		font-family: 'FontAwesome';
		content: '\f095';
		font-size: 1.4vw;
		vertical-align: -2px;
	}
	#footer-widget .ft_sns h3 {
		padding: 6% 0 3.5%;
		font-size: 1.1vw;
		font-weight: 400;
	}
	#footer-widget .ft_sns ul {
		width: 100%;
		padding: 0;
		list-style: none;
		text-align: center;
		line-height: 1.0;
	}
	#footer-widget .ft_sns ul li { 
		display: inline-block;
		width: 30%;
		margin: 0;
		padding: 0;
		font-size: 0.92vw;
		text-align: center;
	}
	#footer-widget .ft_sns ul li img { 
		width: 33%;
		padding-bottom: 10px;
	}
	#footer-widget .ft_pay h2 {
		margin: 0 0 6%;
	}
	#footer-widget .ft_pay h3 {
		margin: 4.5% auto 0;
		font-size: 0.85vw;
		font-weight: 400;
		text-align: center;
	 }
	#footer-widget .ft_pay h3 span {
		position: relative;
		display: inline-block;
		padding: 0 3%;
	}
	#footer-widget .ft_pay h3 span::before,
	#footer-widget .ft_pay h3 span::after {
		position: absolute;
		content: '';
		top: 50%;
		width: 12%;
		height: 1px;
		background-color: #aaa;
	} 
	#footer-widget .ft_pay h3 span::before {
		left: 100%;
	}
	#footer-widget .ft_pay h3 span::after { 
		right: 100%;
	}
	#footer-widget .ft_pay p {
		font-size: 0.85vw;
	}
	.creditcard {
		width: 70%;
		padding: 1.5% 0 0.5%;
	}
	.e-money {
		padding-top: 1.5%;
	}
	.e-money img {
		width: 14%;
		padding: 0 2%;
	}
	.GeoTrustSeal {
		margin: 15% 0 0;
		text-align: center;
	}
	.GeoTrustSeal img {
		width: 30%!important;
	}
	.ft_link ul {
		margin: 0 0 1%;
		padding: 0;
		list-style: none;
		text-align: center;
	}
	.ft_link ul li { 
		display: inline-block;
		width: auto;
		margin: 0 1.2% 0 0;
		padding: 0 1.2% 0 0;
		font-size: 0.9vw;
		line-height: 1.2;
		border-right: solid 1px #aaa;
	}
	.ft_link ul li:last-child {
		padding: 0;
		border-style: none;
	}
	.copyright {
		width: 100%;
		margin: 0;
		padding: 0;
		color: #555;
		font-size: 0.9vw;
		text-align: center;
	}
	
	/* Page Top */
	#page-top {
		right: 1.2%;
		width: 4.2%;
		cursor: pointer;
	}
	#page-top a {
		background-color: rgba(153, 153, 153, 0.9);
		border-radius: 50%;
		width: 100%;
		height: 0;
		padding-top: 100%;
		text-align: center;
		transition: opacity .5s;
		display: block;
		color: #fff;
		position: relative;
	}
	#page-top p {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		font-size: 0.9vw;
		line-height: 1.2;
	}
	
	/* WEBカタログ */
	#web_catalog {
		right: 1.2%;
		width: 8%;
		cursor: pointer;
	}
	#web_catalog a {
		background-color: rgba(255, 255, 255, 0.9);
		border: solid 1px #999;
		border-radius: 50%;
		width: 100%;
		height: 0;
		padding-top: 100%;
		text-align: center;
		transition: opacity .5s;
		display: block;
		color: #999;
		position: relative;
	}
	#web_catalog a:hover {
		color: #555;
		opacity: .7;
	}
	#web_catalog p {
		position: absolute;
		width: 100%;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		font-size: 1.1vw;
		line-height: 1.3;
	}
	#web_catalog p .web {
		font-size: 78%;
	}
	#web_catalog p span {
		font-size: 72%;
		letter-spacing: 0.06em;
	}

/*----- 404 NOT FOUND -----*/
	#notfound {
		width: 100%;
		margin: 0 auto;
		padding: 280px 0;
		text-align: center;
	}
	#notfound h1 {
		font-size: 2.5em;
		color: #ccc;
		padding: 0 0 20px;
	}
	#notfound p {
		font-size: 0.8em;
		padding: 0 0 20px;
	}
	
	
/* AFTER MAINTENANCE */
	.hd_after {
		position: relative;
		box-sizing: border-box;
		background: url(/wp-content/themes/UMAKI/img/bg_after.webp) center center no-repeat;
		background-size: cover;
		width: 100%;
		padding-top: 23.43%;
	}
	.hd_after h1 {
		position: absolute;
		top: 50%;
		left: 8.42%;
		transform: translateY(-50%);
		font-size: 2.5vw;
		font-weight: 400;
		line-height: 1.6;
		letter-spacing: 0.15em;
	}
	.hd_after h1 span {
		display: block;
		font-size: 0.9vw;
		color: #777;
	}
	
	.after_menu {
		width: 100%;
		max-width: 900px;
		margin: 5% auto 0;
		padding: 0 ;
	}
	.after_menu ul {
		width: 100%;
		display: table;
		margin: 0;
		padding: 0 ;
		text-align: center;
	}
	.after_menu li {
		display: table-cell;
		width: 33.33%;
		border-bottom: 3px solid #eee;
	}
	.after_menu a {
		display: block;
		width: 100%;
		text-decoration: none;
		color: #555;
		padding-bottom: 4%;
	}
	.after_menu li:hover {
		color: #E7DA66;
		border-bottom: 3px solid #ccc;
	}
	
	.ft_maintenace {
		width: 100%;
		margin: 0 auto;
		padding: 6% 0;
		background: #fff;
		border-bottom: dotted 1px #ccc;
	}
	.ft_maintenace h2 {
		text-align: center;
		font-size: 1.7vw;
		font-weight: 400;
		color: #333;
		letter-spacing: 0.25em;
		line-height: 1.6;
	}
	.ft_maintenace h2 span {
		display: block;
		font-size: 0.8vw;
		color: #777;
		letter-spacing: 0.18em;
	}
	.ft_maintenace h3 {
		padding: 0 0 1.5% 0;
		font-size: 1.05vw;
		font-weight: 400;
		color: #111;
	}
	.ft_maintenace table {
		width: 100%;
		max-width: 1280px;
		margin: 2.5% auto 0;
		padding: 0;
	}
	.ft_maintenace table td {
		width: 33%;
		padding: 0.5% 0 2.5%;
		font-size: 0.88vw;
		color: #555;
	}
	.after_img {
		width: 16%!important;
		padding: 1.5% 2% 1.5% 0!important;
	}
	.after_space {
		width: 2%!important;
		padding: 1.5% 0!important;
	}
	
/* SHOP INFORMATION */
	.hd_shop {
		position: relative;
		box-sizing: border-box;
		background: url(/wp-content/themes/UMAKI/img/bg_shop.jpg) center center no-repeat;
		background-size: cover;
		width: 100%;
		padding-top: 23.43%;
	}
	.hd_shop h1 {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		font-size: 2.5vw;
		font-weight: 400;
		line-height: 1.6;
		letter-spacing: 0.15em;
		text-align: center;
		text-shadow: 2px 2px 4px rgba(255, 255, 255, 0.7), -2px 2px 4px rgba(255, 255, 255, 0.7), -2px -2px 4px rgba(255, 255, 255, 0.7), 2px -2px 4px rgba(255, 255, 255, 0.7);
	}
	.hd_shop h1 span {
		display: block;
		font-size: 0.9vw;
		color: #777;
	}
	#shopinfo {
		width: 100%;
		max-width: 1200px;
		margin: 5% auto 0;
	}
	.si_message {
		margin: 0;
		text-align: center;
	}
	.si_message p {
		margin: 0;
		padding: 0;
		font-size: 1.6vw;
		font-weight: 400;
		letter-spacing: 0.15em;
	}
	.si_message p span {
		display: block;
		padding: 2.5% 0 0;
		font-size: 1.0vw;
		font-weight: 400;
		color: #777;
		line-height: 2.2;
		letter-spacing: 0.1em;
	}
	
	#shopinfo .shop {
		margin: 5% 0 0;
		padding: 0;
		display: inline-block;
	}
	#shopinfo .shop .box {
		float: left;
		width: 45%;
		margin: 0 2.5%;
	}
	#shopinfo .shop .image {
		margin-bottom: 2%;
	}
	#shopinfo .shop .image img {
		width: 100%;
	}
	#shopinfo .shop .body {
		display: table;
		width: 100%;
		table-layout: fixed;
	}
	#shopinfo .shop .detail, #footer .shop .link {
		display: table-cell;
		vertical-align: top;
	}
	#shopinfo .shop .detail {
		width: 70%;
		padding-right: 3%;
	}
	#shopinfo .shop .link {
		width: 100%;
	}
	#shopinfo .shop .link a {
		display: block;
		border-radius: 6px;
		text-align: center;
		transition: 0.5s;
	}
	#shopinfo .shop .link .contact {
		margin: 3% 0 8% 0;
	}
	#shopinfo .shop .link .contact a {
		border: solid 1px #ccc;
		padding: 5% 0;
		font-size: 0.8vw;
	}
	#shopinfo .shop .link .contact a:hover {
		color: #fff;
		background-color: #376a73;
		border: solid 1px #376a73;
	}
	#shopinfo .shop .link .map a {
		background-color: #fff;
		border: solid 1px #ccc;
		padding: 3% 0;
		font-size: 0.9vw;
		line-height: 1.6;
	}
	#shopinfo .shop .link .map a:hover {
		color: #fff;
		background-color: #376a73;
		border: solid 1px #376a73;
	}
	#shopinfo .shop .link .map .sub {
		display: block;
		font-size: 0.7vw;
	}
	#shopinfo .shop .name {
		font-size: 1.3vw;
	}
	#shopinfo .shop .name span {
		font-size: 1.0vw;
	}
	#shopinfo .shop .address {
		font-size: 1.0vw;
	}
	#shopinfo .shop .tel {
		font-size: 1.1vw;
	}
	#shopinfo .shop .time {
		font-size: 0.9vw;
	}
	#shopinfo .shop .time span {
		font-size: 0.82vw;
		padding-left: 2%;
	}
	
	
	
/*----- お問い合わせ -----*/
	#contact {
		margin: 0 0 7%;
		text-align: center;
	}
	#contact h1 {
		display: inline-block;
		position: relative;
		font-size: 1.6vw;
		margin: 3% 0;
		padding: 0 4%;
		font-weight: 500;
		text-align: center;
		line-height: 1.6;
	}
	#contact h1 span {
		font-size: 0.8vw;
		font-weight: 400;
		letter-spacing: 0.22em;
		color: #999;
		display: block;
	}
	#contact h1::before,
	#contact h1::after {
		content: '';
		display: inline-block;
		position: absolute;
		top: 50%;
		width: 15%;
		height: 1px;
		background-color: #ccc;
	}
	#contact h1::before {
		left: 0;
	}
	#contact h1::after {
		right: 0;
	}
	#contact h2 {
		position: relative;
		padding-bottom: 1.5%;
		font-size: 1.5vw;
		font-weight: 400;
		text-align: center;
		letter-spacing: 0.15em;
	}
	#contact h2::after {
		position: absolute;
		content: '';
		background-color: #eee;
		width: 4%;
		height: 4px;
		bottom: 0;
		left: 50%;
		transform: translateX(-50%);
		border-radius: 2px;
	}
	#contact .sectContact {
		width: 100%;
		max-width: 1080px;
		margin: 0 auto 4.5%;
		padding: 1.5% 0 4.5%;
		border-bottom: dotted 1px #ccc;
	}
	#contact .contact_tel {
		max-width: 80%;
	}
	.contactform {
		width: 100%;
		max-width: 780px;
		margin: 2% auto 0;
	}
	.contactform p {
		font-size: 0.9vw;
		text-align: center;
	}
	.contactform table {
		margin: 3.5% 0 5%;
		font-size: 0.9vw;
		border-collapse: separate;
		border-spacing: 10px 0;
	}
	.contactform table th {
		width: 25%;
		padding: 3.5% 0;
		font-weight: normal;
		vertical-align: middle;
		border-bottom: solid 1px #eee;
	}
	.contactform table td {
		width: 75%;
		padding: 3.5% 2.5%;
		text-align: left;
		vertical-align: middle;
		border-bottom: dotted 1px #ccc;
	}
	.required {
		color: #cc0000;
		font-size: 0.8vw;
	}
	.smltxt {
		font-size: 0.88vw;
	}
	.p_submit {
		padding-top: 40px;
	}
	.p_udrtxt {
		padding-top: 40px;
	}
	.contactform input {
		font-size: 0.9vw;
		padding: 4px 12px;
		background: #f7f7f7;
		border-style: none;
		outline: none;
	}
	input[name="name"] {
		width: 40%;
	}
	input[name="kana"] {
		width: 40%;
	}
	input[name="mailadd"] {
		width: 97.5%;
	}	
	input[name="phone[data][0]"] {
		width: 9%!important;
	}
	input[name="phone[data][1]"] {
		width: 9%!important;
	}
	input[name="phone[data][2]"] {
		width: 9%!important;
	}
	input[name="zipcode[data][0]"] {
		width: 9%!important;
		margin-bottom: 10px;
	}
	input[name="zipcode[data][1]"] {
		width: 12%!important;
	}
	input[name="address-a"] {
		width: 29%;
		margin-bottom: 10px;
	}
	input[name="address-b"] {
		width: 75.8%;
		margin-bottom: 10px;
	}
	input[name="address-c"] {
		width: 75.8%;
	}
	input[name="brandname"] {
		width: 50%;
	}
	.contactform select {
		font-size: 0.9vw;
		padding: 4px 12px;
		background: #f7f7f7;
		border-style: none;
		outline: none;
	}
	select[name="adress-a"] {
		margin-bottom: 10px;
	}
	select[name="select"] {
		margin: 5px 0 7px;
		width: 42%;
	}
	.contactform textarea {
		font-size: 0.9vw;
		padding: 4px 12px;
		background: #f7f7f7;
		border-style: none;
		outline: none;
	}	
	textarea[name="field"] {
		width: 97.5%;
	}
	button[name="send_button"] {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 30%;
		margin: 0 auto;
		padding: 2% 5%;
		border: 1px solid #333;
		background-color: #fff;
		color: #333;
		font-size: 1.0vw;
		transition: 0.5s;
	}
	button[name="send_button"]:hover {
		background-color: #333;
		color: #fff;
	}
	button[name="send_button"]::after {
		font-family: 'FontAwesome';
		content: '\f138';
		font-size: 1.1vw;
		padding-left: 7%;
	}
	
	/*----- THANKS -----*/
	#complete {
		width: 100%;
		margin: 3.5% auto 0;
		padding: 0;
		text-align: center;
	}
	#complete h1 {
		margin: 0;
		padding: 0 0 2%;
		font-size: 1.4vw;
		font-weight: 500;
	}
	#complete p {
		margin: 0;
		padding: 0 0 0.5%;
		font-size: 1.0vw;
		line-height: 2.0;
	}
	
	/*----- 会社概要 -----*/
	.company {
		width: 100%;
		max-width: 708px;
		margin: 5% auto 0;
		padding: 0;
		line-height: 2.0;
	}
	.company h1 {
		margin: 0 0 3.5%;
		padding: 0;
		font-size: 1.5vw;
		font-weight: 500;
		letter-spacing: 0.18em;
		text-align: center;
		line-height: 1.6;
	}
	.company h1 span {
		padding-top: 1.5%;
		font-size: 1.0vw;
		font-weight: 400;
		letter-spacing: 0.1em;
		color: #666;
		display: block;
	}
	.company table {
		width: 100%;
		margin: 3.5% 0 5%;
		font-size: 1.1vw;
		border-collapse: separate;
		border-spacing: 10px 0;
	}
	.company table th {
		width: 25%;
		padding: 3.5% 0;
		font-weight: normal;
		vertical-align: middle;
		border-bottom: solid 1px #eee;
	}
	.company table td {
		width: 75%;
		padding: 3.5% 2.5%;
		text-align: left;
		vertical-align: middle;
		border-bottom: dotted 1px #ccc;
	}
	
	
	
/*----- PRIVACY POLICY -----*/
	.privacy {
		width: 100%;
		max-width: 708px;
		margin: 60px auto 0;
		padding: 0;
		line-height: 2.0;
	}
	.privacy h1 {
		margin: 0 0 40px;
		padding: 0;
		font-size: 2.4rem;
		font-weight: 500;
		letter-spacing: 0.18em;
		text-align: center;
		line-height: 1.6;
	}
	.privacy h1 span {
		padding-top: 12px;
		font-size: 1.5rem;
		font-weight: 400;
		letter-spacing: 0.1em;
		color: #666;
		display: block;
	}
	.privacy p {
		font-size: 1.5rem;
	}
	.privacy ol {
		width: 100%;
		margin: 30px 0 0 0;
		padding: 0;
	}
	.privacy ol li {
		margin: 0;
		padding: 0 0 25px;
	}
	.privacy ol li dt {
		padding: 0 0 4px;
		font-size: 1.5rem;
		font-weight: 500;
	}
	.privacy ol li dd {
		margin: 0;
		font-size: 1.4rem;
	}
	.privacy ol li dd li {
		margin: 0 0 0 15px;
		padding: 0;
		list-style: disc;
		font-size: 1.4rem;
	}
	
	
/*--------------------------------------------------------------
3.0 - Responsive
--------------------------------------------------------------*/
	@media screen and (max-width: 1535px) {
	/* Header */
	.hd_container {
		max-width: 1306px;
	}
	.logo {
		padding: 34px 0;
		height: 32px;
		line-height: 32px;
	}
	.logo a {
		height: 32px;
		line-height: 32px;
	}
	.logo img {
		height: 32px;
	}
	/* Main manu */
	.hd-mainmenu li {
		padding: 0 12px;
	}
	.hd-mainmenu li a {
		font-size: 1.5rem;
	}
	.hd-mainmenu li:last-child {
		padding: 0 0 0 12px;
	}
	.hd_watch {
		width: 159px;
		height: 75px;
		margin: 12px 0 0 25px;
	}
	.hd_watch iframe {
		width: 159px;
		height: 75px;
	}
	
	
	/* Post */
	
	
	/* Footer */

	
	
	}
	
	@media screen and (max-width: 1366px) {
	/* Header */
	.hd_container {
		max-width: 1220px;
	}
	.logo {
		padding: 36px 0;
		height: 28px;
		line-height: 28px;
	}
	.logo a {
		height: 28px;
		line-height: 28px;
	}
	.logo img {
		height: 28px;
	}
	/* Main manu */
	.hd-mainmenu li {
		padding: 0 10px;
	}
	.hd-mainmenu li:last-child {
		padding: 0 0 0 10px;
	}
	.hd_watch {
		width: 149px;
		height: 70px;
		margin: 15px 0 0 20px;
	}
	.hd_watch iframe {
		width: 149px;
		height: 70px;
	}
	
	.container {
		max-width: 1220px;
	}
	
	/* Post */
	.primary {
		max-width: 1200px;
		padding-top: 2%;
	}
	.main {
		margin: 30px 20px 80px 0;
	}
	.roop_ttl {
		font-size: 1.3vw;
	}
	.roop_meta {
		font-size: 1.1vw;
	}
	.roop_excerpt p {
		font-size: 1.05vw;
	}
	.side {
		width: 21%;
		margin: 30px 0 80px 20px;
	}
	.side .widget h2 {
		font-size: 1.3vw;
	}
	.side .widget ul li {
		font-size: 1.2vw;
	}
	
	/* Footer */
	.ft_menu ul {
		max-width: 1220px;
	}
	#footer-widget {
		max-width: 1220px;
	}
	
	/* AFTER MAINTENANCE */
	.ft_maintenace {
		max-width: 1200px;
	}
	.ft_maintenace h2 {
		font-size: 2.1vw;
	}
	.ft_maintenace h2 span {
		font-size: 1.2vw;
	}
	.ft_maintenace h3 {
		padding: 0 0 1% 0;
		font-size: 1.3vw;
		line-height: 1.6;
	}
	.ft_maintenace table td {
		padding: 0 0 2.5%;
		font-size: 1.0vw;
		vertical-align: top;
	}
	.after_img {
		padding: 0.3% 2% 2.5% 0!important;
	}
	
	
	/*----- THANKS -----*/
	#complete h1 {
		font-size: 1.5vw;
	}
	#complete p {
		font-size: 1.1vw;
	}
	
	
	
	}
	
	
	@media screen and (max-width: 1280px) {
	/* Header */
	.hd_container {
		max-width: 984px;
	}
	.logo {
		padding: 28px 0;
		height: 24px;
		line-height: 24px;
	}
	.logo a {
		height: 24px;
		line-height: 24px;
	}
	.logo img {
		height: 24px;
	}
	/* Main manu */
	.hd-mainmenu li {
		height: 80px;
		padding: 0 6px;
	}
	.hd-mainmenu li a {
		font-size: 1.2rem;
		padding-top: 24px;
	}
	.hd-mainmenu li:last-child {
		padding: 0 0 0 6px;
	}
	.hd-mainmenu li:hover ul.drop_child {
		top: 80px;
	}
	.hd-mainmenu .drop_child {
		max-width: 608px;
		margin: 0 0 0 -12px;
	}
	.hd-mainmenu .drop_child li:nth-child(4n - 3) {
		width: 128px;
	}
	.hd-mainmenu .drop_child li:nth-child(4n - 2) {
		width: 139px;
	}
	.hd-mainmenu .drop_child li:nth-child(4n - 1) {
		width: 142px;
	}
	.hd-mainmenu .drop_child li:nth-child(4n) {
		width: 158px;
	}
	.hd-mainmenu .drop_child li:last-child {
		padding: 0;
		transition: 0.5s;
	}
	.hd-mainmenu .drop_child li a {
		padding: 5px 8px;
		font-size: 1.2rem;
	}
	.dc_jewelry .drop_child {
		max-width: 440px;
	}
	.dc_jewelry .drop_child li:nth-child(4n - 3) {
		width: 78px;
	}
	.dc_jewelry .drop_child li:nth-child(4n - 2) {
		width: 120px;
	}
	.dc_jewelry .drop_child li:nth-child(4n - 1) {
		width: 110px;
	}
	.dc_jewelry .drop_child li:nth-child(4n) {
		width: 86px;
	}
	
	.hd_watch {
		width: 128px;
		height: 60px;
		margin: 9px 0 0 12px;
	}
	.hd_watch iframe {
		width: 128px;
		height: 60px;
	}
	/* スクロールして「scroll-navクラス」がついたときのヘッダーデザイン */
	#site-header.scroll-nav .logo {
		padding: 23px 0;
		height: 24px;
		line-height: 24px;
	}
	#site-header.scroll-nav .logo a {
		height: 24px;
		line-height: 24px;
	}
	#site-header.scroll-nav .logo img {
		height: 24px;
	}
	/* Main manu */
	#site-header.scroll-nav .hd-mainmenu li {
		height: 70px;
	}
	#site-header.scroll-nav .hd-mainmenu li a {
		padding-top: 19px;
	}
	#site-header.scroll-nav .hd-mainmenu li.menu-item-has-children > a::after {
		bottom: 15%;
	}
	#site-header.scroll-nav .hd-mainmenu li:hover ul.drop_child {
		top: 70px;
	}
	#site-header.scroll-nav .drop_child li {
		height: auto;
	}
	#site-header.scroll-nav .drop_child li a {
		padding: 5px 8px;
	}
	#site-header.scroll-nav .hd_watch {
		width: 128px;
		height: 60px;
		margin: 4px 0 0 12px;
	}
	#site-header.scroll-nav .hd_watch iframe {
		width: 128px;
		height: 60px;
	}
	
	
	#contents {
		padding-top: 80px;
	}
	
	.container {
		max-width: 984px;
	}
	
	/* Post */
	.primary {
		max-width: 964px;
	}
	.main {
		margin: 20px 15px 60px 0;
	}
	.roop_thum {
		width: 35%;
	}
	.roop_excerpt {
		width: 60%;
	}
	.roop_ttl {
		font-size: 1.5vw;
	}
	.roop_meta {
		font-size: 1.2vw;
		letter-spacing: 0.08em;
	}
	.meta_date {
		margin-right: 2%;
	}
	.meta_author {
		margin-right: 2%;
	}
	.roop_excerpt p {
		font-size: 1.2vw;
	}
	.btn_rm {
		font-size: 1.0vw;
	}
	.side {
		width: 21.0%;
		margin: 20px 0 60px 15px;
	}
	.side .widget h2 {
		font-size: 1.5vw;
	}
	.side .widget ul li {
		font-size: 1.4vw;
	}
	
	
	/* Footer */
	.sectContact h2 {
		font-size: 1.8vw;
	}
	.sectContact h2 span {
		font-size: 1.0vw;
	}
	.contact_tel {
		max-width: 62%;
	}
	.contact_tel li {
		font-size: 1.3vw;
	}
	.a_number {
		font-size: 2.8vw;
	}
	.a_number::before {
		font-size: 2.6vw;
	}
	.sectContact .hours {
		font-size: 1.09vw;
	}
	.sectContact .hours span {
		font-size: 1.2vw;
	}
	.sectContact .hours .r_holiday {
		font-size: 0.95vw;
	}
	.btn_contact {
		width: 14%;
		font-size: 1.7vw;
	}
	.btn_contact::before {
		font-size: 1.7vw;
	}
	
	#footer {
		padding: 4.5% 0 1.8%;
	}
	.ft_logo {
		margin: 0 0 2.5%;
	}
	.ft_logo img {
		width: 100%;
		max-width: 245px;
	}
	.ft_menu ul {
		max-width: 964px;
		margin: 0 auto 2.8%;
	}
	.ft_menu ul li { 
		padding: 0 2.4%;
		font-size: 1.44rem;
	}
	#footer-widget {
		max-width: 964px;
		padding: 0 0 2.5%;
	}
	#footer-widget .widget h2 {
		font-size: 1.6rem;
	}
	.fttxt_jp {
		font-size: 90%;
	}
	#footer-widget .ft_shopinfo h3 {
		font-size: 1.6rem;
	}
	#footer-widget .ft_shopinfo p {
		font-size: 1.3rem;
		letter-spacing: 0.08em;
	}
	.ft_phone {
		font-size: 1.8rem;
	}
	.ft_phone::before {
		font-size: 1.6rem;
		vertical-align: -1px;
	}
	#footer-widget .ft_sns h3 {
		font-size: 1.6rem;
	}
	#footer-widget .ft_sns ul li { 
		width: 31%;
		font-size: 1.15rem;
	}
	#footer-widget .ft_pay p {
		font-size: 1.2rem;
	}
	#footer-widget .ft_pay h3 {
		font-size: 1.3rem;
	 }
	.creditcard {
		width: 80%;
		padding: 2.0% 0 1%;
	}
	.ft_link ul li { 
		font-size: 1.3rem;
	}
	.copyright {
		font-size: 1.3rem;
	}
	
	/* Page Top */
	#page-top {
		right: 1.6%;
		width: 5%;
	}
	#page-top p {
		transform: translate(-48%, -50%);
		font-size: 1.1vw;
	}
	/* WEBカタログ */
	#web_catalog {
		right: 1.6%;
		width: 10%;
	}
	#web_catalog p {
		font-size: 1.3vw;
	}
	
	/* AFTER MAINTENANCE */
	.ft_maintenace {
		max-width: 944px;
	}
	.ft_maintenace h2 {
		font-size: 2.3vw;
	}
	.ft_maintenace h2 span {
		font-size: 1.4vw;
	}
	.ft_maintenace h3 {
		padding: 0 0 1.5% 0;
		font-size: 1.5vw;
	}
	.ft_maintenace table {
		margin: 3% auto 0;
	}
	.ft_maintenace table td {
		width: 31%;
		padding: 0 0 2.5%;
		font-size: 1.2vw;
		line-height: 1.6;
	}
	.after_img {
		width: 18%!important;
		padding: 0.3% 2% 2.5% 0!important;
	}
	
	/* SHOP INFORMATION */
	.hd_shop h1 {
		font-size: 2.7vw;
	}
	.hd_shop h1 span {
		font-size: 1.2vw;
	}
	#shopinfo {
		width: auto;
		padding: 0 20px;
	}
	.si_message p {
		font-size: 1.8vw;
	}
	.si_message p span {
		font-size: 1.4vw;
	}
	#shopinfo .shop .box {
		width: 46%;
		margin: 0 2%;
	}
	#shopinfo .shop .detail {
		width: 72%;
		padding-right: 2%;
	}
	#shopinfo .shop .link .contact a {
		font-size: 1.0vw;
	}
	#shopinfo .shop .link .map a {
		font-size: 1.1vw;
	}
	#shopinfo .shop .link .map .sub {
		font-size: 0.9vw;
	}
	#shopinfo .shop .name {
		font-size: 1.5vw;
	}
	#shopinfo .shop .name span {
		font-size: 1.2vw;
	}
	#shopinfo .shop .address {
		font-size: 1.2vw;
	}
	#shopinfo .shop .tel {
		font-size: 1.3vw;
	}
	#shopinfo .shop .time {
		font-size: 1.1vw;
	}
	#shopinfo .shop .time span {
		font-size: 1.02vw;
	}
	
	
	/* お問い合わせ */
	#contact h1 {
		font-size: 2.0vw;
	}
	#contact h1 span {
		font-size: 1.2vw;
	}
	#contact .contact_tel {
		max-width: 75%;
	}
	.contactform p {
		font-size: 1.1vw;
	}
	.contactform table {
		font-size: 1.1vw;
	}
	.required {
		font-size: 0.9vw;
	}
	.smltxt {
		font-size: 1.0vw;
	}
	.contactform input {
		font-size: 1.1vw;
	}
	.contactform select {
		font-size: 1.1vw;
	}
	.contactform textarea {
		font-size: 1.1vw;
	}
	button[name="send_button"] {
		font-size: 1.2vw;
	}
	button[name="send_button"]::after {
		font-size: 1.3vw;
	}
	/*----- THANKS -----*/
	#complete h1 {
		font-size: 1.7vw;
	}
	#complete p {
		font-size: 1.3vw;
	}
	
	
	/* 会社概要 */
	.company h1 {
		font-size: 2.0vw;
	}
	.company h1 span {
		font-size: 1.5vw;
	}
	.company table {
		font-size: 1.4vw;
	}
	
	}
	
	/* tablet */
	@media screen and (max-width: 1024px) {
	/* Header */
	.hd_container {
		max-width: 814px;
	}
	.logo {
		padding: 25px 0;
		height: 20px;
		line-height: 20px;
	}
	.logo a {
		height: 20px;
		line-height: 20px;
	}
	.logo img {
		height: 20px;
	}
	/* Main manu */
	.hd-mainmenu li {
		height: 70px;
		padding: 0 5px;
		letter-spacing: 0.07em;
	}
	.hd-mainmenu li a {
		font-size: 1.0rem;
		padding: 22px 0 0 0;
	}
	.hd-mainmenu li:last-child {
		padding: 0 0 0 5px;
	}
	.hd-mainmenu li:hover ul.drop_child {
		top: 70px;
	}
	.hd-mainmenu .drop_child {
		max-width: 560px;
		margin: 0 0 0 -9px;
	}
	.hd-mainmenu .drop_child li:nth-child(4n - 3) {
		width: 116px;
	}
	.hd-mainmenu .drop_child li:nth-child(4n - 2) {
		width: 127px;
	}
	.hd-mainmenu .drop_child li:nth-child(4n - 1) {
		width: 129px;
	}
	.hd-mainmenu .drop_child li:nth-child(4n) {
		width: 138px;
	}
	.hd-mainmenu .drop_child li:last-child {
		padding: 0;
		transition: 0.5s;
	}
	.hd-mainmenu .drop_child li a {
		padding: 5px 10px;
		font-size: 1.0rem;
	}
	.dc_jewelry .drop_child {
		max-width: 400px;
	}
	.dc_jewelry .drop_child li:nth-child(4n - 3) {
		width: 68px;
	}
	.dc_jewelry .drop_child li:nth-child(4n - 2) {
		width: 110px;
	}
	.dc_jewelry .drop_child li:nth-child(4n - 1) {
		width: 100px;
	}
	.dc_jewelry .drop_child li:nth-child(4n) {
		width: 76px;
	}
	
	.hd_watch {
		width: 106px;
		height: 50px;
		margin: 9px 0 0 10px;
	}
	.hd_watch iframe {
		width: 106px;
		height: 50px;
	}
	/* スクロールして「scroll-navクラス」がついたときのヘッダーデザイン */
	#site-header.scroll-nav .logo {
		padding: 25px 0;
		height: 20px;
		line-height: 20px;
	}
	#site-header.scroll-nav .logo a {
		height: 20px;
		line-height: 20px;
	}
	#site-header.scroll-nav .logo img {
		height: 20px;
	}
	/* Main manu */
	#site-header.scroll-nav .hd-mainmenu li {
		height: 70px;
	}
	#site-header.scroll-nav .hd-mainmenu li a {
		padding: 22px 0 0 0;
	}
	
	#site-header.scroll-nav .hd-mainmenu li.menu-item-has-children > a::after {
		bottom: 18%;
	}
	#site-header.scroll-nav .hd-mainmenu li:hover ul.drop_child {
		top: 70px;
	}
	#site-header.scroll-nav .drop_child li {
		height: auto;
	}
	#site-header.scroll-nav .drop_child li a {
		padding: 5px 10px;
	}
	#site-header.scroll-nav .hd_watch {
		width: 106px;
		height: 50px;
		margin: 9px 0 0 10px;
	}
	#site-header.scroll-nav .hd_watch iframe {
		width: 106px;
		height: 50px;
	}
	
	
	#contents {
		padding-top: 70px;
	}
	
	.container {
		max-width: 814px;
	}
	
	/* Post */
	.primary {
		max-width: 804px;
	}
	.archive_ttl {
		font-size: 2.0vw;
	}
	.roop_ttl {
		font-size: 1.7vw;
	}
	.roop_meta {
		font-size: 1.3vw;
		letter-spacing: 0.06em;
	}
	.roop_excerpt p {
		font-size: 1.3vw;
	}
	.btn_rm {
		padding: 0.5% 7% 0.5% 3%;
		font-size: 1.1vw;
	}
	.btn_rm::before,
	.btn_rm::after {
		right: 9%;
	}
	.side {
		width: 20.5%;
	}
	.side .widget h2 {
		font-size: 1.6vw;
	}
	.side .widget ul li {
		font-size: 1.5vw;
	}
	
	
	/* Footer */
	.sectContact h2 {
		font-size: 2.1vw;
	}
	.sectContact h2 span {
		font-size: 1.2vw;
	}
	.contact_tel {
		max-width: 75%;
	}
	.contact_tel li {
		font-size: 1.5vw;
	}
	.a_number {
		font-size: 3.0vw;
	}
	.a_number::before {
		font-size: 2.8vw;
	}
	.sectContact .hours {
		font-size: 1.3vw;
	}
	.sectContact .hours span {
		font-size: 1.4vw;
	}
	.sectContact .hours .r_holiday {
		font-size: 1.25vw;
	}
	.btn_contact {
		width: 16%;
		font-size: 1.9vw;
	}
	.btn_contact::before {
		font-size: 1.9vw;
	}
	
	.ft_logo img {
		max-width: 200px;
	}
	.ft_menu ul {
		max-width: 804px;
	}
	.ft_menu ul li { 
		padding: 0 1.6%;
	}
	#footer-widget {
		max-width: 804px;
	}
	#footer-widget li {
		margin-right: 3%;
	}
	#footer-widget .widget h2 {
		font-size: 1.4rem;
	}
	#footer-widget .ft_shopinfo h3 {
		font-size: 1.4rem;
	}
	#footer-widget .ft_shopinfo p {
		font-size: 1.1rem;
		letter-spacing: 0.06em;
	}
	.ft_phone {
		font-size: 1.6rem;
	}
	.ft_phone::before {
		font-size: 1.4rem;
		vertical-align: -1px;
	}
	#footer-widget .ft_sns h3 {
		font-size: 1.4rem;
	}
	#footer-widget .ft_sns ul li { 
		width: 31.5%;
		font-size: 1.0rem;
		letter-spacing: 0.06em;
	}
	#footer-widget .ft_pay p {
		font-size: 1.05rem;
	}
	#footer-widget .ft_pay h3 {
		font-size: 1.1rem;
	}
	.GeoTrustSeal {
		margin: 20% 0 0;
	}
	.ft_link ul li { 
		font-size: 1.2rem;
	}
	.copyright {
		font-size: 1.2rem;
	}
	
	/* Page Top */
	#page-top {
		right: 1.8%;
		width: 6%;
	}
	#page-top p {
		transform: translate(-48%, -50%);
		font-size: 1.3vw;
	}
	/* WEBカタログ */
	#web_catalog {
		right: 1.8%;
		width: 11.5%;
	}
	#web_catalog p {
		font-size: 1.5vw;
	}
	
	
	/* AFTER MAINTENANCE */
	.ft_maintenace {
		max-width: 784px;
	}
	.after_menu {
		max-width: 784px;
	}
	.ft_maintenace h2 {
		font-size: 2.5vw;
	}
	.ft_maintenace h2 span {
		font-size: 1.6vw;
	}
	.ft_maintenace h3 {
		padding: 0 0 1.5% 0;
		font-size: 1.7vw;
	}
	.ft_maintenace table {
		margin: 3.5% auto 0;
	}
	.ft_maintenace table td {
		padding: 0 0 3%;
		font-size: 1.4vw;
	}
	.after_img {
		padding: 0.3% 2% 3% 0!important;
	}
	
	/* お問い合わせ */
	#contact h1 {
		font-size: 2.6vw;
		padding: 0 6%;
	}
	#contact h1 span {
		font-size: 1.6vw;
	}
	#contact h2 {
		padding-bottom: 1.8%;
		font-size: 1.8vw;
	}
	#contact .contact_tel {
		max-width: 68%;
	}
	.contactform p {
		font-size: 1.3vw;
	}
	.contactform table {
		font-size: 1.3vw;
	}
	.required {
		font-size: 1.1vw;
	}
	.smltxt {
		font-size: 1.2vw;
	}
	.contactform input {
		font-size: 1.3vw;
	}
	.contactform select {
		font-size: 1.3vw;
	}
	.contactform textarea {
		font-size: 1.3vw;
	}
	button[name="send_button"] {
		font-size: 1.4vw;
	}
	button[name="send_button"]::after {
		font-size: 1.5vw;
	}
	
	/* SHOP INFORMATION */
	.hd_shop h1 {
		font-size: 2.9vw;
	}
	.hd_shop h1 span {
		font-size: 1.4vw;
	}
	#shopinfo {
		padding: 0 10px;
	}
	.si_message p {
		font-size: 1.9vw;
	}
	.si_message p span {
		font-size: 1.5vw;
	}
	#shopinfo .shop .box {
		width: 47%;
		margin: 0 1.5%;
	}
	#shopinfo .shop .detail {
		width: 75%;
		padding-right: 1%;
		letter-spacing: 0.08em;
	}
	#shopinfo .shop .link .contact a {
		font-size: 1.1vw;
	}
	#shopinfo .shop .link .map a {
		font-size: 1.2vw;
	}
	#shopinfo .shop .link .map .sub {
		font-size: 1.0vw;
	}
	#shopinfo .shop .name {
		font-size: 1.7vw;
	}
	#shopinfo .shop .name span {
		font-size: 1.2vw;
	}
	#shopinfo .shop .address {
		font-size: 1.2vw;
	}
	#shopinfo .shop .tel {
		font-size: 1.5vw;
	}
	#shopinfo .shop .time {
		font-size: 1.3vw;
	}
	#shopinfo .shop .time span {
		font-size: 1.2vw;
	}
	
	
	/*----- THANKS -----*/
	#complete h1 {
		font-size: 2.0vw;
	}
	#complete p {
		font-size: 1.6vw;
	}
	
	/* 会社概要 */
	.company h1 {
		font-size: 2.5vw;
	}
	.company h1 span {
		font-size: 1.9vw;
	}
	.company table {
		font-size: 1.9vw;
	}
	
	
	}
	
	
	
	.modSp844Only {
	display: none;
	}
	
	
	/* smart phone */
	@media screen and (max-width: 844px) {
	.modPc844Only {
    display: none;
	}
	.modSp644Only {
    display: block;
	}
	
	/* Header */
	.hd_container {
		max-width: 738px;
	}
	.logo {
		padding: 21px 0;
		height: 18px;
		line-height: 18px;
	}
	.logo a {
		height: 18px;
		line-height: 18px;
	}
	.logo img {
		height: 18px;
	}
	/* Main manu */
	.hd-mainmenu li {
		height: 60px;
		padding: 0 4px;
	}
	.hd-mainmenu li a {
		font-size: 0.9rem;
		padding: 18px 0 0 0;
	}
	.hd-mainmenu li:last-child {
		padding: 0 0 0 4px;
	}
	.hd-mainmenu li:hover ul.drop_child {
		top: 60px;
	}
	.hd-mainmenu .drop_child {
		max-width: 460px;
		margin: 0 0 0 -9px;
	}
	.hd-mainmenu .drop_child li:nth-child(4n - 3) {
		width: 93px;
	}
	.hd-mainmenu .drop_child li:nth-child(4n - 2) {
		width: 101px;
	}
	.hd-mainmenu .drop_child li:nth-child(4n - 1) {
		width: 107px;
	}
	.hd-mainmenu .drop_child li:nth-child(4n) {
		width: 115px;
	}
	.hd-mainmenu .drop_child li:last-child {
		padding: 0;
		transition: 0.5s;
	}
	.hd-mainmenu .drop_child li a {
		padding: 4px 5px;
		font-size: 0.9rem;
	}
	.dc_jewelry .drop_child {
		max-width: 355px;
	}
	.dc_jewelry .drop_child li:nth-child(4n - 3) {
		width: 60px;
	}
	.dc_jewelry .drop_child li:nth-child(4n - 2) {
		width: 92px;
	}
	.dc_jewelry .drop_child li:nth-child(4n - 1) {
		width: 90px;
	}
	.dc_jewelry .drop_child li:nth-child(4n) {
		width: 66px;
	}
	
	.hd_watch {
		width: 89px;
		height: 42px;
		margin: 8px 0 0 10px;
	}
	.hd_watch iframe {
		width: 89px;
		height: 42px;
	}
	
	/* スクロールして「scroll-navクラス」がついたときのヘッダーデザイン */
	#site-header.scroll-nav .logo {
		padding: 21px 0;
		height: 18px;
		line-height: 18px;
	}
	#site-header.scroll-nav .logo a {
		height: 18px;
		line-height: 18px;
	}
	#site-header.scroll-nav .logo img {
		height: 18px;
	}
	/* Main manu */
	#site-header.scroll-nav .hd-mainmenu li {
		height: 60px;
	}
	#site-header.scroll-nav .hd-mainmenu li a {
		padding: 18px 0 0 0;
	}
	#site-header.scroll-nav .hd-mainmenu li:hover ul.drop_child {
		top: 60px;
	}
	#site-header.scroll-nav .drop_child li {
		height: auto;
	}
	#site-header.scroll-nav .drop_child li a {
		padding: 4px 5px;
	}
	
	#site-header.scroll-nav .hd_watch {
		width: 89px;
		height: 42px;
		margin: 8px 0 0 10px;
	}
	#site-header.scroll-nav .hd_watch iframe {
		width: 89px;
		height: 42px;
	}
	
	#contents {
		padding-top: 60px;
	}
	
	.container {
		max-width: 738px;
	}
	
	/* Post */
	.primary {
		width: auto;
		padding: 2% 20px 0 20px;
	}
	.main {
		margin: 20px 10px 40px 0;
	}
	.side {
		margin: 20px 0 40px 10px;
	}
	
	/* Footer */
	#footer {
		padding: 6% 0 2.5%;
	}
	.ft_logo img {
		max-width: 250px;
	}
	.ft_menu ul {
		width: 100%;
		max-width: 688px;
		margin: 3.5% auto;
	}
	.ft_menu ul li { 
		display: inline-block;
		width: 24.3%;
		margin: 0;
		padding: 0;
		font-size: 1.4rem;
		border-style: none;
		vertical-align: middle;
	}
	.ft_menu ul li:first-child {
		border-style: none;
	}
	.ft_menu ul li a {
		display: block;
		width: 100%;
		margin: 0;
		padding: 7px 0;
	}
	#footer-widget {
		max-width: 350px;
		padding: 0 0 1.5%;
		display: block;
	}
	#footer-widget li {
		width: 100%;
		margin-right: 0;
	}
	#footer-widget .widget h2 {
		margin: 10% 0 0 0;
		padding: 0 0 2%;
		font-size: 1.7rem;
	}
	#footer-widget .ft_shopinfo h3 {
		padding: 5% 0 1.2%;
		font-size: 1.6rem;
	}
	#footer-widget .ft_shopinfo p {
		font-size: 1.3rem;
		letter-spacing: 0.08em;
	}
	.ft_phone {
		font-size: 1.8rem;
	}
	.ft_phone::before {
		font-size: 1.6rem;
	}
	#footer-widget .ft_sns h3 {
		font-size: 1.6rem;
	}
	#footer-widget .ft_sns ul li { 
		width: 30;
		font-size: 1.2rem;
		letter-spacing: 0.08em;
	}
	#footer-widget .ft_pay h2 {
		margin: 8% 0 6%;
	}
	#footer-widget .ft_pay p {
		font-size: 1.3rem;
	}
	#footer-widget .ft_pay h3 {
		font-size: 1.4rem;
	}
	.GeoTrustSeal {
		margin: 20% 0 0;
	}
	.ft_link ul li { 
		font-size: 1.2rem;
	}
	.copyright {
		font-size: 1.35rem;
		letter-spacing: 0.06em;
	}
	.ft_link ul {
		width: 100%;
		max-width: 300px;
		margin: 5% auto 4%;
	}
	.ft_link ul li { 
		display: inline-block;
		width: 48%;
		margin: 0;
		padding: 0;
		font-size: 1.3rem;
		border-style: none;
		vertical-align: middle;
	}
	.ft_link ul li a {
		display: block;
		width: 100%;
		margin: 0;
		padding: 0;
	}
	
	/* AFTER MAINTENANCE */
	.ft_maintenace {
		max-width: 708px;
	}
	.after_menu {
		max-width: 708px;
	}
	
	/* お問い合わせ */
	#contact h1 {
		font-size: 2.9vw;
		padding: 0 6%;
	}
	#contact h1 span {
		font-size: 1.8vw;
	}
	#contact h2 {
		font-size: 2.0vw;
	}
	.contactform p {
		font-size: 1.5vw;
	}
	.contactform table {
		font-size: 1.5vw;
	}
	.required {
		font-size: 1.3vw;
	}
	.smltxt {
		font-size: 1.4vw;
	}
	.contactform input {
		font-size: 1.5vw;
	}
	.contactform select {
		font-size: 1.5vw;
	}
	.contactform textarea {
		font-size: 1.5vw;
	}
	button[name="send_button"] {
		font-size: 1.6vw;
	}
	button[name="send_button"]::after {
		font-size: 1.7vw;
	}
	
	
	}
	
	
	.modSpOnly {
	display: none;
	}
	
	.pcbr {
		display: block;
	}
	
	.sp768br {
		display: none;
	}
	
	@media screen and (max-width: 768px) {
	.modPcOnly {
    display: none!important;
	}
	.modSpOnly {
    display: block;
	}
	
	.pcbr {
		display: inline;
	}
	
	.sp768br {
		display: block;
	}
	
	/* Header */
	.hd_container {
	padding: 0 25px;
	}
	.logo {
		padding: 16px 0;
		height: 28px;
		line-height: 28px;
	}
	.logo a {
		height: 28px;
		line-height: 28px;
	}
	.logo img {
		height: 28px;
	}
	.main-nav {
	display: none;
	}
	.hd_watch {
	display: none;
		}
		
	/* スクロールして「scroll-navクラス」がついたときのヘッダーデザイン */
	#site-header.scroll-nav .logo {
		padding: 16px 0;
		height: 28px;
		line-height: 28px;
	}
	#site-header.scroll-nav .logo a {
		height: 28px;
		line-height: 28px;
	}
	#site-header.scroll-nav .logo img {
		height: 28px;
	}
		
	/* SP manu */
	.sp_menu {
	display: inline-block;
	float: right;
	}
	.nav-open {
	margin-top: 19px;
	width: 28px;
	height: 22px;
	vertical-align: middle;
	}
	.nav-open span, .nav-open span:before, .nav-open span:after {
	position: absolute;
	transition: all 0.4s;
	height: 3px;/*線の太さ*/
	width: 30px;/*長さ*/
	border-radius: 3px;
	background: #666;
	display: block;
	content: '';
	cursor: pointer;
	z-index: 9999;
	}
	.nav-open span:before {
	bottom: -9px;
	}
	.nav-open span:after {
	bottom: -18px;
	}
	.nav-content {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	right: 0;
	transition: all 600ms ease-out;
	transform: translateZ(0) translateX(100%);
	z-index: 500;
	}
	.nav-content.m_open {
	opacity: 1;
	overflow: auto;
	position: fixed;
	top: 0;
	right: 0;
	z-index: 9998;
	width: 65%;
	height: 100%;
	background: #f9f9f9;/*背景色*/
	transition: all 600ms ease-out;
	transform: translateZ(0) translateX(0%);
	}
	.navi-container {
	width: 77%;
	margin: 60px auto 0;
	}
	.navi-container ul li {
	font-size: 0.85em;
	padding: 15px 0;
	line-height: 1.5;
	border-bottom: 1px dotted #ccc;
	}
	.navi-container ul li a {
	display: block;
	color: #333;
	}
	.wpml-ls-current-language li a {
    	font-size: 0.75em;
	}
	.hm_jp {
		font-size: 66%;
		color: #777;
	}
	
	/*.menu-item-has-childrenは子メニューを持つ親メニューにつくクラス*/
	.navi-container li.menu-item-has-children a {
	position: relative
	}
	/*メニューが閉じてる時のアイコン設定*/
	.navi-container li.menu-item-has-children > a::after {
	font-family: 'FontAwesome';
	content: '\f078';
	font-weight: 400;
	position: absolute;
	top: 30%;
	right: 10px;
	font-size: 0.65em;
	}
	/*メニューが開いてる時のアイコン設定*/
	.navi-container li.menu-item-has-children.arrowup > a::after {
	font-family: 'FontAwesome';
	content: '\f077';
	font-weight: 400;
	position: absolute;
	right: 10px;
	}
	.sub-menu {
	padding: 15px 0 0!important;
	}
	.sub-menu li {
	font-size: 0.95em!important;
	padding: 5px 0 5px 20px!important;
	border-bottom: none!important;
	}
	
	.submenu_sns a {
		color: #555;
	}
	.submenu_sns ul {
		width: 80%;
		margin: 40px auto 60px;
		padding: 0;
		list-style: none;
		line-height: 1.0;
		text-align: center;
	}
	.submenu_sns ul li { 
		display: inline-block;
		width: 22.5%;
		margin: 0;
		padding: 0;
		font-size: 2.8vw;
		letter-spacing: 0.06em;
		text-align: center;
	}
	.submenu_sns ul li img { 
		width: 50%;
		padding-bottom: 8px;
	}

	/*三本線を動かす*/
	.nav-open.active span {
	-webkit-transform: translateY(9px) rotate(-45deg);
	transform: translateY(9px) rotate(-45deg);
	background-color: #888;
	}
	.nav-open.active span:before {
	-webkit-transform: translateY(-9px) rotate(45deg);/*打ち消す*/
	transform: translateY(-9px) rotate(45deg);/*打ち消す*/
	opacity: 0;
	}
	.nav-open.active span:after {
	-webkit-transform: translateY(-18px) rotate(45deg);
	transform: translateY(-18px) rotate(90deg);
	background-color: #888;
	}
	
	.container {
		width: auto;
		padding: 0 25px;
	}
	
	#contents .topicpath {
	margin-bottom: 20px;
	}
	#contents .topicpath li {
	padding-right: 28px;
	font-size: 1.8vw;
	}
	#contents .topicpath li:after {
	font-size: 2.0vw;
	padding-right: 8px;
	}
	
	/* Post */
	.primary {
		display: block;
	}
	.main {
		width: 100%;
		margin: 20px auto 80px;
	}
	.archive_ttl {
		font-size: 2.6vw;
	}
	.roop {
		margin: 0 0 30px;
		padding: 0 0 30px;
	}
	.roop_ttl {
		font-size: 2.1vw;
		padding: 0;
	}
	.roop_meta {
		margin: 0 0 2%;
		padding: 0 0 2%;
		font-size: 1.8vw;
		letter-spacing: 0.1em;
	}
	.meta_date {
		margin-right: 3%;
	}
	.meta_date::before {
		font-size: 1.6vw;
	}
	.meta_author::before {
		font-size: 1.6vw;
	}
	.meta_cat::before {
		font-size: 1.6vw;
	}
	.roop_excerpt p {
		font-size: 1.6vw;
	}
	.btn_rm {
		font-size: 1.4vw;
	}
	.side {
		display: block;
		width: 70%;
		margin: 30px auto 80px;
	}
	.side .widget h2 {
		font-size: 2.3vw;
	}
	.side .widget ul li {
		font-size: 2.2vw;
	}
	.side .wp-calendar-table caption {
		font-size: 2.0vw;
	}
	.side .wp-calendar-table th {
		font-size: 1.9vw;
	}
	.side .wp-calendar-table td {
		font-size: 2.1vw;
	}
	.side .wp-calendar-table td a {
		font-size: 2.2vw;
	}
	.wp-calendar-nav {
		font-size: 2.0vw;
	}
	
	
	/* Footer */
	.sectContact {
		padding: 8% 0;
	}
	.sectContact h2 {
		font-size: 3.0vw;
	}
	.sectContact h2 span {
		font-size: 2.0vw;
	}
	.contact_tel {
		max-width: 85%;
	}
	.contact_tel li {
		font-size: 1.8vw;
	}
	.a_number {
		font-size: 3.3vw;
	}
	.a_number::before {
		font-size: 3.1vw;
	}
	.sectContact .hours {
		font-size: 1.6vw;
	}
	.sectContact .hours span {
		font-size: 1.7vw;
	}
	.sectContact .hours .r_holiday {
		font-size: 1.5vw;
	}
	.btn_contact {
		width: 18%;
		font-size: 2.2vw;
	}
	.btn_contact::before {
		font-size: 2.2vw;
	}
	
	#footer {
		padding: 40px 0 20px;
	}
	.ft_logo img {
		max-width: 220px;
	}
	.ft_menu ul {
		max-width: 350px;
		margin: 25px auto;
	}
	.ft_menu ul li { 
		display: inline-block;
		width: 49.1%;
	}
	#footer-widget {
	display: block;
	}
	#footer-widget .widget {
	width: 100%;
	display: block;
	}
	
	/* Page Top */
	#page-top {
		width: 7%;
	}
	#page-top p {
		transform: translate(-47%, -50%);
		font-size: 1.5vw;
	}
	/* WEBカタログ */
	#web_catalog {
		width: 12.5%;
	}
	#web_catalog p {
		font-size: 1.65vw;
	}
	
	
	/* AFTER MAINTENANCE */
	.hd_after {
		background: url(/wp-content/themes/UMAKI/img/bgsp_after.webp) center center no-repeat;
		padding-top: 117.18%;
	}
	.hd_after h1 {
		width: 100%;
		top: 10%;
		left: 50%;
		transform: translateX(-50%);
		font-size: 4.8vw;
		text-align: center;
		color: #fff;
		text-shadow: 2px 2px 4px rgba(117, 51, 36, 0.8), -2px 2px 4px rgba(117, 51, 36, 0.8), -2px -2px 4px rgba(117, 51, 36, 0.8), 2px -2px 4px rgba(117, 51, 36, 0.8);
	}
	.hd_after h1 span {
		font-size: 2.0vw;
		color: #eee;
	}
	.after_menu li {
		font-size: 2.8vw;
	}
	.ft_maintenace {
		width: auto;
		padding: 6% 20px;
	}
	.after_menu {
		width: auto;
		padding: 0 20px;
	}
	.ft_maintenace h2 {
		font-size: 3.5vw;
	}
	.ft_maintenace h2 span {
		font-size: 2.0vw;
	}
	.ft_maintenace h3 {
		font-size: 2.4vw;
	}
	.ft_maintenace h3 span {
		font-size: 1.5vw;
	}
	.ft_maintenace table {
		margin: 3.5% auto 0;
	}
	.ft_maintenace table td {
		width: 33%;
		padding: 0 0 5%;
		font-size: 2.0vw;
	}
	.after_img {
		width: 16%!important;
		padding: 0.3% 3% 5% 0!important;
	}
	
	/* SHOP INFORMATION */
	.hd_shop {
		background: url(/wp-content/themes/UMAKI/img/bgsp_shop.jpg) center center no-repeat;
		background-size: cover;
		padding-top: 117.18%;
	}
	.hd_shop h1 {
		font-size: 4.0vw;
	}
	.hd_shop h1 span {
		font-size: 2.5vw;
	}
	#shopinfo {
		padding: 0;
	}
	.si_message p {
		font-size: 2.3vw;
	}
	.si_message p span {
		font-size: 1.9vw;
	}
	#shopinfo .shop {
		margin: 5% 0 0;
		display: block;
	}
	#shopinfo .shop .box {
		float: none;
		width: 80%;
		margin: 0 10% 5% 10%;
	}
	#shopinfo .shop .link .contact a {
		font-size: 1.5vw;
	}
	#shopinfo .shop .link .map a {
		font-size: 1.6vw;
	}
	#shopinfo .shop .link .map .sub {
		font-size: 1.4vw;
	}
	#shopinfo .shop .name {
		font-size: 2.2vw;
	}
	#shopinfo .shop .name span {
		font-size: 1.8vw;
	}
	#shopinfo .shop .address {
		font-size: 1.6vw;
	}
	#shopinfo .shop .tel {
		font-size: 1.9vw;
	}
	#shopinfo .shop .time {
		font-size: 1.7vw;
	}
	#shopinfo .shop .time span {
		font-size: 1.6vw;
	}
	
	
	/* お問い合わせ */
	#contact h1 {
		font-size: 3.4vw;
		padding: 0 8%;
	}
	#contact h1 span {
		font-size: 2.0vw;
	}
	#contact h2 {
		padding-bottom: 2.2%;
		font-size: 2.2vw;
	}
	#contact .contact_tel {
		max-width: 80%;
	}
	.contactform {
		margin: 2% auto 4%;
	}
	.contactform p {
		font-size: 1.7vw;
	}
	.contactform table {
		font-size: 1.7vw;
	}
	.required {
		color: #cc0000;
		font-size: 1.5vw;
	}
	.smltxt {
		font-size: 1.6vw;
	}
	.contactform input {
		font-size: 1.7vw;
	}
	.contactform select {
		font-size: 1.7vw;
	}
	.contactform textarea {
		font-size: 1.7vw;
	}
	.p_submit {
		padding-top: 0;
	}
	button[name="send_button"] {
		font-size: 1.8vw;
	}
	button[name="send_button"]::after {
		font-size: 1.9vw;
	}
	/*----- THANKS -----*/
	#complete h1 {
		font-size: 2.6vw;
	}
	#complete p {
		font-size: 2.1vw;
	}
	
	/* 会社概要 */
	.company {
		width: auto;
		padding: 0 20px;
	}
	.company h1 {
		font-size: 3.0vw;
	}
	.company h1 span {
		font-size: 2.3vw;
	}
	.company table {
		font-size: 2.3vw;
	}
	
	/* PRIVACY POLICY */
	.privacy {
		width: auto;
		margin: 5% auto 0;
		padding: 0 20px;
		line-height: 1.8;
	}
	.privacy h1 {
		margin: 0 0 4%;
		padding: 0;
		font-size: 2.8vw;
	}
	.privacy h1 span {
		padding-top: 1.5%;
		font-size: 2.2vw;
	}
	.privacy p {
		font-size: 1.8vw;
	}
	.privacy ol {
		margin: 3% 0 0 0;
	}
	.privacy ol li {
		padding: 0 0 3%;
	}
	.privacy ol li dt {
		padding: 0;
		font-size: 1.8vw;
	}
	.privacy ol li dd {
		font-size: 1.8vw;
	}
	.privacy ol li dd li {
		margin: 0 0 0 2%;
		font-size: 1.8vw;
	}
	
	
	}
	
	.spView {
		display: none;
	}
	
	.sp580br {
		display: none;
	}
	
	@media screen and (max-width: 580px) {
	.pcView {
		display: none;
	}
	.spView {
		display: block;
	}
	
	.sp580br {
		display: block;
	}
	
	/* Header */
	.hd_container {
	padding: 0 20px;
	}
	
	.container {
		padding: 0 20px;
	}
	
	#contents .topicpath li {
	font-size: 2.4vw;
	}
	#contents .topicpath li:after {
	font-size: 2.6vw;
	}
	
	/* Post */
	.archive_ttl {
		font-size: 3.0vw;
	}
	.roop_thum {
		width: 100%;
		padding: 0 0 5%;
		display: block;
	}
	.roop_excerpt {
		width: 100%;
		margin: 0;
		padding: 0;
		display: block;
	}
	.roop_ttl {
		font-size: 3.0vw;
	}
	.roop_meta {
		font-size: 2.6vw;
	}
	.meta_date::before {
		font-size: 2.4vw;
	}
	.meta_author::before {
		font-size: 2.4vw;
	}
	.meta_cat::before {
		font-size: 2.4vw;
	}
	.roop_excerpt p {
		font-size: 2.5vw;
	}
	.btn_rm {
		font-size: 2.2vw;
	}
	.side {
		width: 100%;
	}
	.side .widget h2 {
		font-size: 2.7vw;
	}
	.side .widget ul li {
		font-size: 2.6vw;
	}
	.side .wp-calendar-table caption {
		font-size: 2.4vw;
	}
	.side .wp-calendar-table th {
		font-size: 2.3vw;
	}
	.side .wp-calendar-table td {
		font-size: 2.5vw;
	}
	.side .wp-calendar-table td a {
		font-size: 2.6vw;
	}
	.wp-calendar-nav {
		font-size: 2.4vw;
	}
	
	
	/* Footer */
	.sectContact h2 {
		font-size: 3.8vw;
		margin: 0 0 4%;
	}
	.sectContact h2 span {
		font-size: 2.8vw;
	}
	.contact_tel {
		max-width: 92%;
		display: block;
	}
	.contact_tel li {
		width: 100%;
		font-size: 2.6vw;
		display: block;
	}
	.a_number {
		font-size: 4.8vw;
	}
	.a_number::before {
		font-size: 4.6vw;
	}
	.sectContact .hours {
		font-size: 2.5vw;
		padding-top: 3%;
	}
	.sectContact .hours span {
		font-size: 2.6vw;
	}
	.btn_contact {
		width: 20%;
		margin: 8% auto 0;
		font-size: 3.0vw;
	}
	.btn_contact::before {
		font-size: 3.0vw;
	}
	
	/* Page Top */
	#page-top {
		right: 2.5%;
		width: 9%;
	}
	#page-top p {
		transform: translate(-47%, -50%);
		font-size: 2.0vw;
	}
	/* WEBカタログ */
	#web_catalog {
		width: 18%;
	}
	#web_catalog p {
		font-size: 2.8vw;
		line-height: 1.2;
	}
	
	/* AFTER MAINTENANCE */
	.hd_after h1 {
		font-size: 5.2vw;
	}
	.hd_after h1 span {
		font-size: 2.4vw;
	}
	.after_menu li {
		font-size: 3.2vw;
	}
	.ft_maintenace h2 {
		font-size: 3.9vw;
	}
	.ft_maintenace h2 span {
		font-size: 2.4vw;
	}
	.ft_maintenace h3 {
		font-size: 2.8vw;
	}
	.ft_maintenace h3 span {
		font-size: 1.9vw;
	}
	.ft_maintenace table {
		margin: 3.5% auto 0;
	}
	.ft_maintenace table td {
		font-size: 2.4vw;
	}
	
	/* SHOP INFORMATION */
	.hd_shop h1 {
		width: 100%;
		font-size: 5.5vw;
	}
	.hd_shop h1 span {
		font-size: 3.6vw;
	}
	.si_message p {
		font-size: 2.9vw;
	}
	.si_message p span {
		font-size: 2.5vw;
	}
	#shopinfo .shop .box {
		width: 92%;
		margin: 0 4% 5% 4%;
	}
	#shopinfo .shop .detail {
		width: 72%;
	}
	#shopinfo .shop .link .contact a {
		font-size: 2.0vw;
	}
	#shopinfo .shop .link .map a {
		font-size: 2.1vw;
	}
	#shopinfo .shop .link .map .sub {
		font-size: 1.9vw;
	}
	#shopinfo .shop .name {
		font-size: 2.9vw;
	}
	#shopinfo .shop .name span {
		font-size: 2.5vw;
	}
	#shopinfo .shop .address {
		font-size: 2.3vw;
	}
	#shopinfo .shop .tel {
		font-size: 2.6vw;
	}
	#shopinfo .shop .time {
		font-size: 2.4vw;
	}
	#shopinfo .shop .time span {
		font-size: 2.3vw;
	}
	
	
	/* お問い合わせ */
	#contact h1 {
		font-size: 3.8vw;
	}
	#contact h1 span {
		font-size: 2.2vw;
	}
	#contact h2 {
		padding-bottom: 2.5%;
		font-size: 2.6vw;
	}
	#contact h2::after {
		width: 8%;
		height: 3px;
		border-radius: 2px;
	}
	#contact .contact_tel {
		max-width: 100%;
	}
	.contactform {
		width: 90%;
		margin: 4% auto;
	}
	.contactform p {
		font-size: 2.4vw;
	}
	.contactform table {
		font-size: 2.4vw;
	}
	.contactform table th {
		display: block;
		width: 100%;
		padding: 3.5% 0 0;
		text-align: left;
		border-style: none;
	}
	.contactform table td {
		display: block;
		width: 100%;
		padding: 0.5% 0 3.5%;
		text-align: left;
		vertical-align: middle;
		border-bottom: dotted 1px #ccc;
	}
	input[name="name"] {
		width: 60%;
	}
	input[name="kana"] {
		width: 60%;
	}
	input[name="mailadd"] {
		width: 95%;
	}
	input[name="zipcode[data][1]"] {
		width: 18%!important;
	}
	input[name="address-a"] {
		width: 35.8%;
	}
	input[name="address-b"] {
		width: 73%;
	}
	input[name="address-c"] {
		width: 73%;
	}
	input[name="brandname"] {
		width: 60%;
	}
	.required {
		font-size: 2.2vw;
	}
	.smltxt {
		font-size: 2.3vw;
	}
	.contactform input {
		font-size: 2.4vw;
	}
	.contactform select {
		font-size: 2.4vw;
	}
	.contactform textarea {
		font-size: 2.4vw;
	}
	button[name="send_button"] {
		font-size: 2.5vw;
	}
	button[name="send_button"]::after {
		font-size: 2.6vw;
	}
	/*----- THANKS -----*/
	#complete h1 {
		font-size: 3.2vw;
	}
	#complete p {
		font-size: 2.5vw;
	}
	
	
	/* 会社概要 */
	.company {
		width: auto;
		padding: 0 12px;
	}
	.company h1 {
		font-size: 4.0vw;
	}
	.company h1 span {
		font-size: 3.4vw;
	}
	.company table {
		font-size: 3.4vw;
	}
	
	/* PRIVACY POLICY */
	.privacy h1 {
		font-size: 3.4vw;
	}
	.privacy h1 span {
		font-size: 2.8vw;
	}
	.privacy p {
		font-size: 2.6vw;
	}
	.privacy ol li dt {
		font-size: 2.6vw;
	}
	.privacy ol li dd {
		font-size: 2.6vw;
	}
	.privacy ol li dd li {
		font-size: 2.6vw;
	}
	
	
	
	}
	
	
	@media screen and (max-width: 390px) {
	/* Header */
	.hd_container {
	padding: 0 15px;
	}
	.logo {
		padding: 18px 0;
		height: 24px;
		line-height: 24px;
	}
	.logo a {
		height: 24px;
		line-height: 24px;
	}
	.logo img {
		height: 24px;
	}
	
	.container {
		padding: 0 15px;
	}
	
	#contents .topicpath li {
		padding-right: 24px;
		font-size: 3.5vw;
	}
	#contents .topicpath li:after {
		font-size: 3.7vw;
		top: 1px;
	}
	
	/* Post */
	.primary {
		width: 90%;
	}
	.archive_ttl {
		font-size: 3.5vw;
	}
	.roop_ttl {
		font-size: 3.4vw;
	}
	.roop_meta {
		font-size: 3.0vw;
	}
	.meta_date::before {
		font-size: 2.8vw;
	}
	.meta_author::before {
		font-size: 2.8vw;
	}
	.meta_cat::before {
		font-size: 2.8vw;
	}
	.roop_excerpt p {
		font-size: 2.9vw;
	}
	.btn_rm {
		font-size: 2.6vw;
	}
	.side .widget h2 {
		font-size: 3.2vw;
	}
	.side .widget ul li {
		font-size: 3.0vw;
	}
	.side .wp-calendar-table caption {
		font-size: 2.8vw;
	}
	.side .wp-calendar-table th {
		font-size: 2.7vw;
	}
	.side .wp-calendar-table td {
		font-size: 2.9vw;
	}
	.side .wp-calendar-table td a {
		font-size: 3.0vw;
	}
	.wp-calendar-nav {
		font-size: 3.0vw;
	}
	
	/* Footer */
	.sectContact {
		padding: 8% 0 12%;
	}
	.sectContact h2 {
		font-size: 4.2vw;
	}
	.sectContact h2 span {
		font-size: 3.2vw;
	}
	.contact_tel {
		max-width: 95%;
		display: block;
	}
	.contact_tel li {
		width: 100%;
		font-size: 3.5vw;
		display: block;
	}
	.a_number {
		font-size: 5.8vw;
	}
	.a_number::before {
		font-size: 5.5vw;
	}
	.sectContact .hours {
		font-size: 3.4vw;
	}
	.sectContact .hours span {
		font-size: 3.7vw;
	}
	.btn_contact {
		font-size: 3.8vw;
	}
	.btn_contact::before {
		font-size: 3.8vw;
	}
	
	.ft_menu ul li { 
		display: block;
		width: 100%;
		padding: 5px 0;
	}
	.copyright {
		font-size: 1.2rem;
	}
	
	/* AFTER MAINTENANCE */
	.after_menu li {
		font-size: 3.4vw;
	}
	.ft_maintenace h2 {
		font-size: 4.1vw;
	}
	.ft_maintenace h2 span {
		font-size: 2.6vw;
	}
	.ft_maintenace h3 {
		font-size: 3.0vw;
	}
	.ft_maintenace h3 span {
		font-size: 2.1vw;
	}
	.ft_maintenace table td {
		font-size: 2.6vw;
	}
	
	/* お問い合わせ */
	#contact h1 {
		font-size: 4.6vw;
		padding: 0 10%;
	}
	#contact h1 span {
		font-size: 2.5vw;
	}
	#contact h2 {
		padding-bottom: 2.8%;
		font-size: 3.6vw;
	}
	.contactform {
		width: 94%;
	}
	.contactform p {
		font-size: 3.0vw;
	}
	.contactform table {
		margin: 3.5% 0 8%;
		font-size: 3.2vw;
	}
	.p_udrtxt {
		padding-top: 20px;
	}
	input[name="name"] {
		width: 92%;
	}
	input[name="kana"] {
		width: 92%;
	}
	input[name="mailadd"] {
		width: 92%;
	}
	input[name="address-b"] {
		width: 92%;
		margin-bottom: 10px;
	}
	input[name="address-c"] {
		width: 92%;
	}
	input[name="brandname"] {
		width: 92%;
	}
	select[name="select"] {
		width: 60%;
	}
	textarea[name="field"] {
		width: 92%;
	}
	.required {
		font-size: 2.4vw;
	}
	.smltxt {
		font-size: 2.5vw;
	}
	.contactform input {
		font-size: 3.0vw;
	}
	.contactform select {
		font-size: 3.0vw;
	}
	.contactform textarea {
		font-size: 3.0vw;
	}
	button[name="send_button"] {
		font-size: 3.0vw;
	}
	button[name="send_button"]::after {
		font-size: 3.1vw;
	}
	
	/* PRIVACY POLICY */
	.privacy h1 {
		font-size: 3.6vw;
	}
	.privacy h1 span {
		font-size: 3.0vw;
	}
	.privacy p {
		font-size: 3.0vw;
	}
	.privacy ol li dt {
		font-size: 3.0vw;
	}
	.privacy ol li dd {
		font-size: 3.0vw;
	}
	.privacy ol li dd li {
		font-size: 3.0vw;
	}
	
	
	}
	
	@media screen and (max-width: 360px) {
	/* Header */
	
	
	
	.nav-content.m_open {
	width: 70%;
	}
	/* Post */
	.primary {
		width: 88%;
	}
	.side {
	width: 100%;
	}
	
	
	}