@import url('https://fonts.googleapis.com/css?family=Crimson+Text:400,700');
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);

html,body { font-family:'Noto Sans JP'; }
p {margin: 0; padding: 0;}
a:hover {opacity: 1;}

/*=================================================
	pintarest icon
=================================================*/

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

	.pinterestBtn { margin: 0; }
	
	.pinterestBtn span {
		height: 30px !important;
		width: 30px !important;
		background: url(/img/upload/2017/10/social_icons_pin.png) !important;
		background-position: center !important;
		background-size: 30px 30px !important;
		box-shadow: none;
		}
	
	.pinterestBtn span:hover {
		opacity: 0.75;
		}

}

@media only screen and (max-width: 768px) {

	.pinterestBtn { margin: 0; }
	
	.pinterestBtn span {
		height: 2.5rem !important;
		width: 2.5rem !important;
		background: url(/img/upload/2017/10/social_icons_pin.png) !important;
		background-position: center !important;
		background-size: 2.5rem 2.5rem !important;
		box-shadow: none;
		}

}

/*=================================================
	header
=================================================*/

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

header { border-top: none; overflow: hidden; }

#cupido-header .header-left {
	float: left;
	}
#cupido-header .header-right {
	float: right;
	margin: 36px;
	}

#cupido-header .cupido-header-logo {
	display: inline-block;
	vertical-align: middle;
	width: 360px;
	padding: 86px 64px;
	box-sizing: border-box;
	}

#cupido-header .cupido-header-nav {
	display: inline-block;
	vertical-align: middle;
	}

#cupido-header .cupido-header-nav ul {
	display: block;
	width: 420px;
	margin: 0 auto;
	padding: 0;
	}

#cupido-header .cupido-header-nav ul li {
	display: inline-block;
	width: 140px;
	margin: 6px 0;
	padding: 0;
	}

#cupido-header .cupido-header-nav ul li a {
	position: relative;
	display: inline-block;
	font-family: 'Crimson Text', serif;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 1px;
    color: #000;
	transition: .3s;
	z-index: 100;
	}

#cupido-header .cupido-header-nav ul li a::after {
	position: absolute;
	bottom: 2px;
	left: 0;
	content: '';
	width: 0;
	height: 8px;
	background-color: #edcfa9;
	transition: .3s;
	z-index: -10;
	}

#cupido-header .cupido-header-nav ul li a:hover::after {
	width: 100%;
	}

#cupido-header .cupido-header-data {
    border-left: solid 4px #000;
    padding: 0 0 0 12px;
	}

#cupido-header .cupido-header-data h1 {
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	}

#cupido-header .cupido-header-data p {
	font-size: 12px;
	line-height: 24px;
	}

#cupido-header .cupido-header-data a {
	position: relative;
    display: inline-block;
    color: #000;
    font-size: 12px;
    margin-top: 6px;
    padding: 3px 24px;
    border: solid 1px #000;
	overflow: hidden;
	}

#cupido-header .cupido-header-data a:hover {
	color: #FFF;
	opacity: 1;
	}
	
#cupido-header .cupido-header-data a::before,
#cupido-header .cupido-header-data a::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
	}
	
#cupido-header .cupido-header-data a,
#cupido-header .cupido-header-data a::before,
#cupido-header .cupido-header-data a:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
	}
	
#cupido-header .cupido-header-data a::after {
	top: 0;
	left: -100%;
	width: 100%;
	height: 100%;
	}

#cupido-header .cupido-header-data a:hover::after {
	left: 0;
	background-color: #1f2935;
	border-color: #1f2935;
	opacity: 1;
	}

header #headerInner,
nav#gnav {
	display: none;
	}

}

@media only screen and (max-width: 768px) {

header { border-top: none; overflow: hidden; }

#cupido-header .cupido-header-nav,
#cupido-header .header-right {
	display: none;
	}

#cupido-header .cupido-header-logo {
	display: block;
	width: 300px;
	padding: 0;
	margin: 60px auto 12px;
	box-sizing: border-box;
	}

#cupido-header .cupido-header-logo {
    display: block;
    width: 200px;
    padding: 0;
    margin: 72px auto 0;
    box-sizing: border-box;
	}

header #headerInner ul.spReserve li a {
    display: block;
    padding: 9px 0;
    width: 100%;
    color: #333;
    border: 1px solid #ccc;
    font-size: 12px;
    letter-spacing: 1px;
	}

nav#gnav ul {
    box-sizing: border-box;
    margin: 45px auto 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    border-top: 1px solid #ccc;
	}

nav#gnav ul li a {
    display: block;
    padding: 12px;
    color: #333;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 1px;
	}

nav#gnav #spNavBtn p {
    text-align: center;
    width: 48%;
	}

nav#gnav #spNavBtn p a {
    display: block;
    padding: 12px 0;
    background-color: #1f2935;
    color: #fff;
    font-size: 12px;
    letter-spacing: 1px;
    font-weight: normal;
	}


}


/*=================================================
	footer
=================================================*/

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

	footer {
		padding: 36px 0 ;
		background-color: #162531;
		}
	
	nav#footerNav {
		width: 100%;
		text-align: center;
		}
	
	nav#footerNav ul {
		display: block;
		}
	
	nav#footerNav ul li {
		display: inline-block;
		}
	
	nav#footerNav ul li a {
		display: block;
		font-family: 'Crimson Text', serif;
		font-size: 14px;
		letter-spacing: 1px;
		color: #FFF;
		padding: 0 ;
		margin: 0 12px;
		position: relative;
		transition: .3s;
		z-index: 100;
		}
	
	nav#footerNav ul li a::after {
		position: absolute;
		bottom: 2px;
		left: 0;
		content: '';
		width: 0;
		height: 8px;
		background-color: #080e15;
		transition: .3s;
		z-index: -10;
		}

	nav#footerNav ul li a:hover::after {
		width: 100%;
		}
	
	#cupido-footer .cupido-footer-middle {
		display: table;
		width: 980px;
		margin: 60px auto;
		padding: 0;
		}
	
	#cupido-footer .cupido-footer-middle .cupido-footer-logo,
	#cupido-footer .cupido-footer-middle .cupido-footer-data,
	#cupido-footer .cupido-footer-middle .txtInfo {
		display: table-cell;
		vertical-align: top;
		width: 33.33%;
		padding: 0 36px;
		border-right: solid 1px #6c889d;
		box-sizing: border-box;
		}
	
	#cupido-footer .cupido-footer-middle .cupido-footer-data {
		border: none;
		font-size: 12px;
		line-height: 20px;
		}
	
	#cupido-footer .cupido-footer-logo a {
		display: block;
		width: 180px;
		margin: 12px auto;
		}
	
	#cupido-footer .cupido-footer-logo img {
		width: 100%;
		vertical-align: bottom;
		}
	
	#cupido-footer .cupido-footer-data {
		font-size: 11px;
		letter-spacing: 1px;
		color: #FFF;
		}
	
	#cupido-footer .cupido-footer-open span,
	#cupido-footer .cupido-footer-last span {
		display: block;
		font-weight: bold;
		}

	#cupido-footer .txtInfo .address,
	#cupido-footer .txtInfo .shopClose,
	#cupido-footer .txtInfo .footerTel {
		    font-size: 12px;
		line-height: 24px;
		letter-spacing: 1px;
		color: #FFF;
		}
	
	#cupido-footer .txtInfo .footerTel a {
		color: #FFF;
		text-decoration: underline;
		}
	
	#cupido-footer .cupido-footer-btn ul {
		display: table;
		width: 600px;
		margin: 0 auto 60px;
		padding: 0;
		}
	
	#cupido-footer .cupido-footer-btn li {
		display: table-cell;
		width: 33.33%;
		padding: 0 12px;
		box-sizing: border-box;
		}
	
	#cupido-footer .cupido-footer-btn li a {
		position: relative;
		z-index: 2;
		display: block;
		text-align: center;
		font-family:'Noto Sans JP';
		font-size: 12px;
		letter-spacing: 1px;
		width: 100%;
		padding: 6px 0;
		color: #FFF;
		border:solid 1px #FFF;
		box-sizing: border-box;
		overflow: hidden;
		}
	
	#cupido-footer .cupido-footer-btn li a:hover {
		color: #000;
		opacity: 1;
		}
	
	#cupido-footer .cupido-footer-btn li a::before,
	#cupido-footer .cupido-footer-btn li a::after {
		position: absolute;
		z-index: -1;
		display: block;
		content: '';
		}
	
	#cupido-footer .cupido-footer-btn li a,
	#cupido-footer .cupido-footer-btn li a::before,
	#cupido-footer .cupido-footer-btn li a::after {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-transition: all .3s;
		transition: all .3s;
		}
	
	#cupido-footer .cupido-footer-btn li a::after {
		top: 0;
		left: -100%;
		width: 100%;
		height: 100%;
		}
	
	#cupido-footer .cupido-footer-btn li a:hover::after {
		left: 0;
		background-color: #FFF;
		opacity: 1;
		}
	
	#cupido-footer .cupido-footer-link {
		width: 100%;
		border-top: solid 1px #6c889d;
		border-bottom: solid 1px #6c889d;
		padding: 24px 0;
		margin: 0 0 24px;
		}
	
	#cupido-footer .cupido-footer-link .snsBtn {
		text-align: center;
		margin: 0;
		}
	
	#cupido-footer .cupido-footer-link .snsBtn li {
		width: 30px;
		display: inline-block;
		margin-right: 24px;
		transition: .3s;
		}
	
	#cupido-footer .cupido-footer-link .snsBtn li:last-child {
		margin: 0;
		}
	
	#cupido-footer .cupido-footer-link .snsBtn li:hover {
		opacity: 0.75;
		}
	
	#cupido-footer .cupido-footer-copy {
		text-align: center;
		color: #FFF;
		font-size: 12px;
		letter-spacing: 2px;
		}

}

@media only screen and (max-width: 768px) {

	footer {
		padding: 36px 0 ;
		background-color: #162531;
		}
	
	nav#footerNav {
		width: 80%;
		margin: 0 auto;
		text-align: left;
		}
	
	nav#footerNav ul {
		display: block;
		font-size: 0;
		}
	
	nav#footerNav ul li {
		display: inline-block;
		width: 50%;
		}
	
nav#footerNav ul li a {
    display: block;
    font-family: 'Noto Sans JP';
    font-size: 12px;
    letter-spacing: 2px;
    color: #FFF;
    padding: 0;
    margin: 6px 0;
	}
	
	#cupido-footer .cupido-footer-middle {
		width: 80%;
		margin: 36px auto;
		font-size: 12px;
		}
	
#cupido-footer .cupido-footer-logo {
    width: 140px;
    margin: 0 auto 18px;
    padding: 0 0 18px;
    border-bottom: solid 1px #FFF;
	}
	
#cupido-footer .txtInfo {
    color: #FFF;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 1px;
	}
	
	#cupido-footer .txtInfo a {
		color: #FFF;
		text-decoration: underline;
		}
	
#cupido-footer .cupido-footer-data {
    color: #FFF;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 1px;
	}
			
	#cupido-footer .cupido-footer-btn {
		width: 80%;
		margin: 0 auto 36px;
		text-align: center;
		}
	
	#cupido-footer .cupido-footer-btn li {
		display: block;
		width: 100%;
		margin: 6px auto;
		box-sizing: border-box;
		}
	
	#cupido-footer .cupido-footer-btn li a {
		display: block;
		text-align: center;
		color: #FFF;
		font-size: 12px;
		letter-spacing: 1px;
		border: solid 1px #FFF;
		padding: 6px 0;
		}
	
	#cupido-footer .cupido-footer-link {
		width: 100%;
		text-align: center;
		padding: 24px 0;
		margin: 0 auto 36px;
		border-top: solid 1px #6c889d;
		border-bottom: solid 1px #6c889d;
		}
	
	#cupido-footer .cupido-footer-link ul {
		margin: 0;
		padding: 0;
		}
	
	#cupido-footer .cupido-footer-link li {
		display: inline-block;
		width: 30px;
		margin: 0 3px;
		}
		
	#cupido-footer .cupido-footer-copy {
		text-align: center;
	 	font-family: 'Roboto', sans-serif;
		font-size: 11px;
		letter-spacing: 1px;
		color: #FFF;
		}

}

/*=================================================
	index
=================================================*/

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

#mainVisual .swiper-wrapper { width: 100%; }

}

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

#mainVisual .swiper-wrapper {
    width: 100%;
	}

#mainVisual .swiper-wrapper .swiper-slide img {
	width: 100% !important;
	vertical-align: bottom;
	}

body.top #content {
    width: 100%;
	}

body.top #main {
    width: 100% !important;
	}

#cupido-top-news {
	display: block;
	width: 1060px;
	margin: 0 auto 60px;
	padding: 0;
	}

#cupido-top-news .contents-title {
	position: relative;
    border-bottom: solid 1px;
    padding-bottom: 12px;
    margin-bottom: 24px;
	}

#cupido-top-news .contents-title h2 {
	text-align: left;
    font-family: 'Crimson Text', serif;
    font-size: 24px;
	line-height: 24px;
    letter-spacing: 2px;
	margin: 0;
	}

#cupido-top-news .contents-title a {
	position: absolute;
    top: 0;
    right: 0;
    color: #000;
    font-size: 12px;
    letter-spacing: 1px;
    border: solid 1px #000;
    padding: 6px 36px;
	overflow: hidden;
	}

#cupido-top-news .contents-title a:hover {
	color: #FFF;
	opacity: 1;
	}
	
#cupido-top-news .contents-title a::before,
#cupido-top-news .contents-title a::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
	}
	
#cupido-top-news .contents-title a,
#cupido-top-news .contents-title a::before,
#cupido-top-news .contents-title a::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
	}
	
#cupido-top-news .contents-title a::after {
	top: 0;
	left: -100%;
	width: 100%;
	height: 100%;
	}

#cupido-top-news .contents-title a:hover::after {
	left: 0;
	background-color: #1f2935;
	border-color: #1f2935;
	opacity: 1;
	}

#cupido-top-news ul {
	display: inline-block;
	vertical-align: top;
	width: 24%;
	margin: 0 1.33% 0 0 ;
	box-sizing: border-box;
	transition: all .3s;
	}

#cupido-top-news ul:hover {
	opacity: 0.75;
	}

#cupido-top-news ul:nth-child(5n) {
	margin: 0;
	}

#cupido-top-news ul li:last-child {
	padding: 12px;
	background: #f6f6f6;
	box-sizing: border-box;
	overflow: hidden;
	}

#cupido-top-news ul li:last-child a {
	font-size: 12px;
	line-height: 18px;
	letter-spacing: 1px;
	color: #000;
	}

#cupido-top-news ul li:last-child .title {
	font-weight: bold;
    border-bottom: dotted 1px #000;
    margin-bottom: 6px;
    padding-bottom: 6px;
	}

#cupido-top-news ul li:last-child p.cont {
	margin-bottom: 12px;
	}

#cupido-top-news ul li:last-child .date a {
	float: left;
	font-size: 10px;
	}

#cupido-top-news ul li:last-child .category a {
	float: right;
	font-size: 10px;
	}

#cupido-top-eye {
    overflow: hidden;
    background: url(/img/upload/2017/10/top_eye_bk.jpg);
    background-size: 240px;
    padding: 100px 0;
    margin-bottom: 60px;
	}

#cupido-top-eye .top-eye-wrap {
	width: 1260px;
	margin: 0 auto;
	}

#cupido-top-eye .top-eye-titleBox {	
    float: left;
	}

#cupido-top-eye .top-eye-titleBox h2 {
    font-size: 84px;
	line-height: 84px;
    font-family: 'Crimson Text', serif;
    color: rgba(0,0,0,.6);
    margin: 0;
	border-bottom: solid 1px #000;
	}

#cupido-top-eye .top-eye-titleBox p {
	font-size: 12px;
	line-height: 18px;
	letter-spacing: 1px;
	margin: 12px 0;
	}

#cupido-top-eye .top-eye-titleBox a {
	position: relative;
	display: inline-block;
    text-align: center;
    border: solid 1px #000;
    color: #000;
    font-size: 12px;
    letter-spacing: 1px;
    padding: 6px 36px;
	z-index: 2;
	overflow: hidden;
	}

#cupido-top-eye .top-eye-titleBox a:hover {
	color: #FFF;
	opacity: 1;
	}
	
#cupido-top-eye .top-eye-titleBox a::before,
#cupido-top-eye .top-eye-titleBox a::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
	}
	
#cupido-top-eye .top-eye-titleBox a,
#cupido-top-eye .top-eye-titleBox a::before,
#cupido-top-eye .top-eye-titleBox a::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
	}
	
#cupido-top-eye .top-eye-titleBox a::after {
	top: 0;
	left: -100%;
	width: 100%;
	height: 100%;
	}

#cupido-top-eye .top-eye-titleBox a:hover::after {
	left: 0;
	background-color: #1f2935;
	border-color: #1f2935;
	opacity: 1;
	}

#cupido-top-eye .top-eye-box {
	float: right;
	width: 840px;
	}

#cupido-top-eye .top-eye-box ul {
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
	}

#cupido-top-eye .top-eye-box ul li {
	display: inline-block;
    vertical-align: top;
    width: 32%;
    margin: 0 2% 0 0;
    box-sizing: border-box;
	transition: all .3s;
	}

#cupido-top-eye .top-eye-box ul li:hover {
	opacity: 0.75;
	}

#cupido-top-eye .top-eye-box ul li:nth-child(3n) {
	margin: 0;
	}

#cupido-top-eye .top-eye-box ul li h3 {
	font-size: 12px;
	line-height: 18px;
	letter-spacing: 1px;
	margin: 6px 0 18px;
	color: #000;
	}

#cupido-top-media {
	display: table;
	width: 1060px;
	margin: 0 auto 60px;
	padding: 0;
	}

#cupido-top-media .contents-title {
	position: relative;
    border-bottom: solid 1px;
    padding-bottom: 12px;
    margin-bottom: 24px;
	}

#cupido-top-media .contents-title h2 {
	text-align: left;
    font-family: 'Crimson Text', serif;
    font-size: 24px;
    letter-spacing: 2px;
	margin: 0;
	}

#cupido-top-media .contents-title a {
	position: absolute;
    top: 0;
    right: 0;
    color: #000;
    font-size: 12px;
    letter-spacing: 1px;
    border: solid 1px #000;
    padding: 6px 36px;
	overflow: hidden;
	}

#cupido-top-media .contents-title a:hover {
	color: #FFF;
	opacity: 1;
	}
	
#cupido-top-media .contents-title a::before,
#cupido-top-media .contents-title a::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
	}
	
#cupido-top-media .contents-title a,
#cupido-top-media .contents-title a::before,
#cupido-top-media .contents-title a::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
	}
	
#cupido-top-media .contents-title a::after {
	top: 0;
	left: -100%;
	width: 100%;
	height: 100%;
	}

#cupido-top-media .contents-title a:hover::after {
	left: 0;
	background-color: #1f2935;
	border-color: #1f2935;
	opacity: 1;
	}

#cupido-top-media .media-box,
#cupido-top-media .fb-box{
	display: table-cell;
	vertical-align: top;
	width: 50%;
	box-sizing: border-box;
	}

#cupido-top-media .media-box { padding: 0 2% 0 0; }
#cupido-top-media .fb-box { padding: 0 0 0 2%; }

#cupido-top-media .media-box ul {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	}

#cupido-top-media .media-box ul li {
	display: inline-block;
	vertical-align: top;
	width: 49%;
	margin: 0 2% 0 0;
	box-sizing: border-box;
	transition: all .3s;
	}

#cupido-top-media .media-box ul li:hover {
	opacity: 0.75;
	}

#cupido-top-media .media-box ul li:nth-child(2n) {
	margin: 0;
	}

#cupido-top-media .media-box ul li .txt {
	display: block;
    background: #f6f6f6;
    padding: 12px;
    box-sizing: border-box;
    margin-bottom: 24px;
	color: #000;
	letter-spacing: 1px;
	}

#cupido-top-media .media-box ul li .txt h3 {
	font-size: 12px;
	font-weight: bold;
	margin: 0 0 6px;
	padding: 0 0 6px;
	border-bottom: dotted 1px #000;
	}

#cupido-top-media .media-box ul li .txt p {
	font-size: 10px;
	letter-spacing: 1px;
	}

#topFooterContent .cupido-insta-title {
	text-align: center;
    font-family: 'Crimson Text', serif;
    font-size: 16px;
    letter-spacing: 2px;
    margin: 0 0 32px;
	}

}

@media only screen and (max-width: 768px) {

#mainVisual .swiper-wrapper .swiper-slide img {
	width: 100% !important;
	vertical-align: bottom;
	}

body.top #content {
    padding: 0;
	}

#cupido-top-news {
	width: 90%;
    margin: 0 auto 24px;
	}

#cupido-top-news .contents-title {
    position: relative;
    border-bottom: solid 1px;
    padding-bottom: 6px;
    margin-bottom: 12px;
	}

#cupido-top-news .contents-title h2 {
	text-align: left;
    font-family: 'Crimson Text', serif;
    font-size: 24px;
	line-height: 24px;
    letter-spacing: 2px;
	margin: 0;
	}

#cupido-top-news .contents-title a {
    position: absolute;
    top: 0;
    right: 0;
    color: #000;
    font-size: 12px;
    letter-spacing: 1px;
    border: solid 1px #000;
    padding: 4px 24px;
    overflow: hidden;
	}

#cupido-top-news ul {
	display: inline-block;
	vertical-align: top;
	width: 49%;
	margin: 0 2% 12px 0 ;
	box-sizing: border-box;
	}

#cupido-top-news ul:nth-child(3),
#cupido-top-news ul:nth-child(5){
	margin: 0 0 12px 0;
	}

#cupido-top-news ul li:last-child {
	padding: 12px;
	background: #f6f6f6;
	box-sizing: border-box;
	overflow: hidden;
	}

#cupido-top-news ul li:last-child a {
	font-size: 12px;
	line-height: 16px;
	letter-spacing: 1px;
	color: #000;
	}

#cupido-top-news ul li:last-child .title {
	font-weight: bold;
    border-bottom: dotted 1px #000;
    margin-bottom: 6px;
    padding-bottom: 6px;
	}

#cupido-top-news ul li:last-child p.cont {
	display: none;
	}

#cupido-top-news ul li:last-child .date a {
	float: none;
	font-size: 10px;
	}

#cupido-top-news ul li:last-child .category a {
	float: none;
	font-size: 10px;
	}

#cupido-top-eye {
    overflow: hidden;
    background: url(/img/upload/2017/10/top_eye_bk.jpg);
    background-size: 240px;
    padding: 24px 0;
    margin-bottom: 36px;
	}

#cupido-top-eye .top-eye-wrap {
	width: 90%;
	margin: 0 auto;
	}

#cupido-top-eye .top-eye-titleBox {	
	}

#cupido-top-eye .top-eye-titleBox h2 {
    font-size: 48px;
    line-height: 48px;
    font-family: 'Crimson Text', serif;
    color: rgba(0,0,0,.6);
    margin: 0;
    border-bottom: solid 1px #000;
	}

#cupido-top-eye .top-eye-titleBox p {
	font-size: 12px;
	line-height: 16px;
	letter-spacing: 1px;
	margin: 12px 0;
	}

#cupido-top-eye .top-eye-titleBox a {
    position: relative;
    display: block;
    text-align: center;
    border: solid 1px #000;
    color: #000;
    font-size: 12px;
    letter-spacing: 1px;
    padding: 6px 0;
    margin-bottom: 12px;
	}

#cupido-top-eye .top-eye-box {
	width: 100%;
	}

#cupido-top-eye .top-eye-box ul {
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
	}

#cupido-top-eye .top-eye-box ul li {
	display: inline-block;
    vertical-align: top;
    width: 49%;
    margin: 0 2% 0 0;
    box-sizing: border-box;
	}

#cupido-top-eye .top-eye-box ul li:nth-child(2n) {
	margin: 0;
	}

#cupido-top-eye .top-eye-box ul li:nth-child(n+5) {
	display: none;
	}

#cupido-top-eye .top-eye-box ul li h3 {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 1px;
    margin: 6px 0 12px;
    color: #000;
	}

#cupido-top-media {
	width: 90%;
	margin: 0 auto 36px;
	}

#cupido-top-media .contents-title {
	position: relative;
    border-bottom: solid 1px;
    padding-bottom: 6px;
    margin-bottom: 12px;
	}

#cupido-top-media .contents-title h2 {
	text-align: left;
    font-family: 'Crimson Text', serif;
    font-size: 24px;
	line-height: 24px;
    letter-spacing: 2px;
	margin: 0;
	}

#cupido-top-media .contents-title a {
	position: absolute;
    top: 0;
    right: 0;
    color: #000;
    font-size: 12px;
    letter-spacing: 1px;
    border: solid 1px #000;
    padding: 4px 24px;
	}

#cupido-top-media .media-box ul {
	width: 100%;
	margin: 0 auto 12px;
	padding: 0;
	}

#cupido-top-media .media-box ul li {
	display: inline-block;
	vertical-align: top;
	width: 49%;
	margin: 0 2% 0 0;
	box-sizing: border-box;
	}

#cupido-top-media .media-box ul li:nth-child(2n) {
	margin: 0;
	}

#cupido-top-media .media-box ul li .txt {
	display: block;
    background: #f6f6f6;
    padding: 12px;
    box-sizing: border-box;
    margin-bottom: 24px;
	color: #000;
	letter-spacing: 1px;
	}

#cupido-top-media .media-box ul li .txt h3 {
	font-size: 12px;
	font-weight: bold;
	margin: 0 0 6px;
	padding: 0 0 6px;
	border-bottom: dotted 1px #000;
	}

#cupido-top-media .media-box ul li .txt p {
	font-size: 10px;
	letter-spacing: 1px;
	}

#cupido-top-media .fb-box {
	text-align: center;
	}

.fb_iframe_widget,
.fb_iframe_widget[style],
.fb_iframe_widget iframe[style],
.fb_iframe_widget span{
height: 360px !important;
}
.fbcomments,
.fb_iframe_widget,
.fb_iframe_widget[style],
.fb_iframe_widget iframe[style],
.fbcomments iframe[style],
.fb_iframe_widget span{
height: 360px !important;
}

.fb_iframe_widget span {
	border-bottom: solid 1px #CCC;
}

#topFooterContent .cupido-insta-title {
    text-align: center;
    font-family: 'Crimson Text', serif;
    font-size: 16px;
    letter-spacing: 1px;
    margin: 0 0 18px;
	}

}

/*=================================================
	page
=================================================*/

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

body.lower #pageTitleArea {
    margin: 0 auto 50px;
    padding: 48px 0;
    width: 100%;
    height: auto;
    background: url(/img/upload/2017/10/title_bk.jpg) repeat;
	}

body.lower #pageTitleArea h1 {
	position: relative;
	display: block;
    margin: 0;
    padding: 0;
    text-align: center;
    font-size: 14px;
    letter-spacing: 5px;
    font-weight: bold;
    color: #1f2935;
	text-shadow: 0 0 10px #FFF,0 0 8px #FFF,0 0 10px #FFF;
	}

body.lower #pageTitleArea h1 span {
    display: block;
    margin-bottom: 0;
    padding: 0;
    font-size: 36px;
    line-height: 36px;
    font-weight: bold;
    font-family: 'Crimson Text', serif;
    letter-spacing: 5px;
	}

}

@media only screen and (max-width: 768px) {

body.lower #pageTitleArea {
    margin: 0 auto 24px;
    padding: 24px 0;
    width: 100%;
    height: auto;
    background: url(/img/upload/2017/10/title_bk.jpg) repeat;
	background-size: 250px;
	}

body.lower #pageTitleArea h1 {
	position: relative;
	display: block;
    margin: 0;
    padding: 0;
    text-align: center;
    font-size: 14px;
    letter-spacing: 2px;
    font-weight: bold;
    color: #1f2935;
	text-shadow: 0 0 10px #FFF,0 0 8px #FFF,0 0 10px #FFF;
	}

body.lower #pageTitleArea h1 span {
    display: block;
    margin-bottom: 0;
    padding: 0;
    font-size: 30px;
    line-height: 30px;
    font-weight: bold;
    font-family: 'Crimson Text', serif;
    letter-spacing: 5px;
	}

}

/*=================================================
	concept
=================================================*/

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

body.lower #content #main {
    width: 100%;
	}

body.concept section.sect h2 {
    text-align: center;
    font-size: 24px;
    border-bottom: solid 1px #000;
    padding-bottom: 24px;
    margin-bottom: 24px;
	}

body.concept section.sect p {
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 1px;
	}

}

@media only screen and (max-width: 768px) {

body.concept section.sect h2 {
    text-align: left;
    font-size: 18px;
    border-bottom: solid 1px #000;
    padding-bottom: 12px;
    margin-bottom: 12px;
	}

body.concept section.sect p {
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 1px;
	}

}

/*=================================================
	informations
=================================================*/

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

.cupido-informations ul {
	display: inline-block;
	vertical-align: top;
	width: 24%;
	margin: 0 1.33% 36px 0 ;
	box-sizing: border-box;
	transition: all .3s;
	}

.cupido-informations ul:hover {
	opacity: 0.75;
	}

.cupido-informations ul:nth-child(4n) {
	margin: 0 0 36px 0;
	}

.cupido-informations ul li:last-child {
	padding: 12px;
	background: #f6f6f6;
	box-sizing: border-box;
	overflow: hidden;
	}

.cupido-informations ul li:last-child a {
	font-size: 12px;
	line-height: 18px;
	letter-spacing: 1px;
	color: #000;
	}

.cupido-informations ul li:last-child .title {
	font-weight: bold;
    border-bottom: dotted 1px #000;
    margin-bottom: 6px;
    padding-bottom: 6px;
	}

.cupido-informations ul li:last-child p.cont {
	margin-bottom: 12px;
	}

.cupido-informations ul li:last-child .date a {
	float: left;
	font-size: 10px;
	}

.cupido-informations ul li:last-child .category a {
	float: right;
	font-size: 10px;
	}

}

@media only screen and (max-width: 768px) {

body.news #main .couponArea {
    margin: 0 auto 12px;
	}

.cupido-informations ul {
	display: inline-block;
	vertical-align: top;
	width: 49%;
	margin: 0 2% 24px 0 ;
	box-sizing: border-box;
	}

.cupido-informations ul:nth-child(2n) {
	margin: 0 0 24px 0;
	}

.cupido-informations ul li:last-child {
	padding: 12px;
	background: #f6f6f6;
	box-sizing: border-box;
	overflow: hidden;
	}

.cupido-informations ul li:last-child a {
	font-size: 12px;
	line-height: 18px;
	letter-spacing: 1px;
	color: #000;
	}

.cupido-informations ul li:last-child .title {
	font-weight: bold;
    border-bottom: dotted 1px #000;
    margin-bottom: 6px;
    padding-bottom: 6px;
	}

.cupido-informations ul li:last-child p.cont {
	display: none;
	}

.cupido-informations ul li:last-child .date a {
	font-size: 10px;
	}

.cupido-informations ul li:last-child .category a {
	font-size: 10px;
	}

}

/*=================================================
	sidebar-information-sub
=================================================*/

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

#cupido-information-sub #subCategory {
		border-top: solid 1px #f6f6f6;
		text-align: center;
		padding: 48px 0 0;
		margin-bottom: 24px;
		}

#cupido-information-sub #subCategory p {
	position: relative;
	display: block;
	font-family: 'Crimson Text', serif;
	margin: 0 auto 60px;
	font-size: 24px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 2px;
	}

#cupido-information-sub #subCategory p::after {
	position: absolute;
	content: "";
	background: #000;
	width: 60px;
	height: 1px;
	left: 50%;
	margin-left: -30px;
	bottom: -24px;
	}

#cupido-information-sub #subCategory ul {
	display: block;
	text-align: center;
	margin: 0 auto;
	padding: 0;
	font-size: 0;
	}

#cupido-information-sub #subCategory li {
	display: inline-block;
	font-size: 12px;
	margin:0 12px 12px 0;
	}

#cupido-information-sub #subCategory li:last-child {
	margin-right: 0;
	}

#cupido-information-sub #subCategory li a {
	position: relative;
	z-index: 2;
	display: block;
	text-align: center;
	font-size: 12px;
	letter-spacing: 1px;
	padding: 6px 24px;
	border: solid 1px #010101;
	color: #010101;
	box-sizing: border-box;
	overflow: hidden;
	}

#cupido-information-sub #subCategory li a:hover {
	color: #FFF;
	opacity: 1;
	}

#cupido-information-sub #subCategory li a::before,
#cupido-information-sub #subCategory li a::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
	}

#cupido-information-sub #subCategory li a,
#cupido-information-sub #subCategory li a::before,
#cupido-information-sub #subCategory li a::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
	}

#cupido-information-sub #subCategory li a::after {
	top: 0;
	left: -100%;
	width: 100%;
	height: 100%;
	}

#cupido-information-sub #subCategory li a:hover::after {
	left: 0;
	background-color: #1f2935;
	border-color: #1f2935;
	opacity: 1;
	}

}

@media only screen and (max-width: 768px) {

#cupido-information-sub #subCategory {
		border-top: solid 1px #f6f6f6;
		text-align: center;
		padding: 24px 0 0;
		margin-bottom: 24px;
		}

#cupido-information-sub #subCategory p {
	position: relative;
	display: block;
	font-family: 'Crimson Text', serif;
	margin: 0 auto 36px;
	font-size: 20px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 2px;
	}

#cupido-information-sub #subCategory p::after {
	position: absolute;
	content: "";
	background: #000;
	width: 60px;
	height: 1px;
	left: 50%;
	margin-left: -30px;
	bottom: -12px;
	}

#cupido-information-sub #subCategory ul {
	display: block;
	text-align: center;
	margin: 0 auto;
	padding: 0;
	font-size: 0;
	}

#cupido-information-sub #subCategory li {
	display: block;
	width: 90%;
	font-size: 12px;
	margin:0 auto 12px;
	}

#cupido-information-sub #subCategory li a {
	position: relative;
	display: block;
	text-align: center;
	font-size: 12px;
	letter-spacing: 1px;
	padding: 6px 24px;
	border: solid 1px #010101;
	color: #010101;
	box-sizing: border-box;
	}

}

/*=================================================
	information
=================================================*/

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

body.news #main .sect {
    width: 100%;
	}

body.news #main .sect .titleArea h3 {
    float: left;
    margin: 0;
    padding: 0 0 12px;
    color: #333;
    font-weight: bold;
    font-size: 16px;
	}

body.news #main .sect .wrapper li {
    float: left;
    margin-right: 10px;
    padding: 6px 12px;
    color: #fff;
    font-size: 12px;
    letter-spacing: 1px;
    background-color: #1f2935;
	}

body.news #main .articleTxt {
    margin-top: 24px;
	}

body.news #main .articleTxt p {
    line-height: 18px;
    font-size: 12px;
	}

}

@media only screen and (max-width: 768px) {

body.news #main .sect {
    width: auto;
    margin-bottom: 36px;
    padding: 0;
	}

body.news #main .sect .titleArea {
    margin: 0 auto 12px;
    border-bottom: 1px solid #666666;
	}

body.news #main .sect .titleArea h3 {
    float: left;
    margin: 0;
    padding: 0 0 6px;
    color: #333;
    font-weight: bold;
    line-height: 20px;
    font-size: 14px;
	}

body.news #main .sect .wrapper li {
    float: left;
    margin-right: 10px;
    padding: 4px 8px;
    color: #fff;
    font-size: 10px;
    letter-spacing: 1px;
    background-color: #1f2935;
	}

body.news #main .articleTxt {
    margin-top: 24px;
	}

body.news #main .articleTxt p {
    line-height: 20px;
    font-size: 14px;
	}

}

/*=================================================
	menu
=================================================*/

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

body.menu #content #main {
    width: 740px;
    margin: 0 auto;
	}

body.menu #main .sect {
    width: 740px;
	}

body.menu #main .sect .titleArea h3 span.en {
    font-size: 18px;
    letter-spacing: 1px;
    font-weight: bold;
    font-family: 'Noto Sans JP';
	}

body.menu #main .price-bold {
	font-weight: bold;
	}

.menu-comment {
    padding: 12px;
    border: solid 5px #b58649;
    box-sizing: border-box;
    margin: 36px 0 48px;
    font-size: 12px;
    line-height: 24px;
    color: #999;
	}

}

@media only screen and (max-width: 768px) {

body.menu #main .sect {
    width: auto;
    margin-bottom: 0;
	}

body.menu #main .sect .titleArea {
    margin: 0 auto 12px;
    border-bottom: 1px solid #666666;
	}

body.menu #main .sect .titleArea h3 span.en {
    font-size: 16px;
    font-weight: bold;
    font-family: 'Noto Sans JP';
	}

body.menu #main .sect .txtRight {
    font-size: 11px;
    text-align: right;
    display: block;
    margin-bottom: 8px;
    color: #999;
	}

body.menu #main .sect .table tr {
    border-top: 1px solid #ddd;
    display: inline-block;
    width: 100%;
    margin-bottom: 12px;
	}

body.menu #main .sect .table td {
    padding: 6px 12px 0 0;
    line-height: 18px;
    vertical-align: top;
    font-size: 13px;
    display: inline-block;
    box-sizing: border-box;
	}

body.menu #main .sect .table td:nth-child(2){
	float: right;
	}

body.menu #main .serviceSubTxt {
    font-size: 11px;
    line-height: 18px;
    color: #999;
	}

body.menu #main .sect p.price-bold {
	font-weight: bold;
	font-size: 16px;
	}

.menu-comment {
    padding: 12px;
    border: solid 5px #b58649;
    box-sizing: border-box;
    margin: 0;
    font-size: 12px;
    line-height: 18px;
    color: #999;
	}

}

/*=================================================
	coupon
=================================================*/

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

body.coupon #main section.sect01 .titleArea h3 span.en {
    font-size: 24px;
	font-family: 'Crimson Text', serif;
    letter-spacing: 1px;
	}

body.coupon #main section.sect01 .filterArea .btn button {
    padding: 10px 0;
    color: #fff;
    width: 250px;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 5px;
    background-color: #777777;
    border: none;
	transition: all .3s;
	}

body.coupon #main .result { margin: 0 auto 60px; }

body.coupon #main .result .couponArea {
    margin: 0 2% 24px 0;
    width: 48%;
    display: -webkit-flex;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    position: relative;
    border: 1px solid #cfcfcf;
    background: url(/img/upload/2017/06/bg_coupon.png) repeat-y left,#f6f6f6;
	}

body.coupon #main .result .couponArea h4 {
    position: absolute;
    padding: 0;
    top: 40%;
    left: 1.5%;
    width: 20px;
    font-size: 1.6rem;
    color: #fff;
	}

body.coupon #main .result .couponArea .couponContent {
    padding: 20px 20px 12px 48px;
    width: 100%;
    display: table;
    box-sizing: border-box;
	}

body.coupon #main .result .couponArea .couponContent .img {
    display: table-cell;
    vertical-align: top;
    width: 25%;
    padding-right: 5%;
	}

body.coupon #main .result .couponArea .couponContent .txt {
    display: table-cell;
    vertical-align: top;
    width: 50%;
	}

body.coupon #main .result .couponArea .couponContent .img img {
    margin: 0 auto 10px;
    width: 100%;
	}

body.coupon #main .result .couponArea .couponContent .img p {
    font-size: 11px;
    line-height: 15px;
    letter-spacing: 1px;
    margin-bottom: 6px;
	}

body.coupon #main .result .couponArea .couponContent .img p span {
    font-weight: bold;
    margin-right: 5px;
    display: block;
	}

body.coupon #main .result .couponArea .couponContent .txt h5 {
    margin: 0 auto 15px;
    font-size: 16px;
    line-height: 24px;
	}

body.coupon #main .result .couponArea .couponContent .txt p.price {
    float: right;
    color: #da2c82;
    font-size: 24px;
    font-weight: bold;
	}

body.coupon #main .result .couponArea .couponContent .txt p.couponDetail {
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 12px;
	}

body.coupon #main .result .couponArea .couponContent .txt a {
    display: block;
    padding: 12px 0;
    background-color: #b58649;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 2px;
	}

body.coupon #main .result .couponArea .couponContent .txt a:hover {
	opacity: 0.75;
	}

}

@media only screen and (max-width: 768px) {

body.coupon #main section.sect01 .titleArea {
    margin: 0 auto 12px;
    border-bottom: 1px solid #666666;
	}

body.coupon #main section.sect01 .titleArea h3 span.en {
    font-size: 24px;
    font-family: 'Crimson Text', serif;
	}

body.coupon #main section.sect01 .filterArea {
    margin: 0 auto 24px;
    padding: 3rem 2%;
    width: 96%;
    background-color: #f6f6f6;
	}

body.coupon #main section.sect01 .filterArea .btn button {
    padding: 10px 0;
    color: #fff;
    width: 80%;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 5px;
    background-color: #777777;
    border: none;
	}

body.coupon #main .result .couponArea h4 {
    text-align: center;
    background-color: #414141;
    padding: 6px 0;
    margin: 0;
    font-size: 12px;
    letter-spacing: 2px;
    color: #fff;
	}

body.coupon #main .result .couponArea .couponContent {
    padding: 12px;
	background: #f6f6f6;
	}

body.coupon #main .result .couponArea .couponContent .img img {
    float: left;
    width: 46%;
    height: auto;
    margin-right: 4%;
    margin-bottom: 12px;
	}

body.coupon #main .result .couponArea .couponContent .img p {
    font-size: 11px;
    line-height: 16px;
    margin-bottom: 0;
	}

body.coupon #main .result .couponArea .couponContent .img p span {
    display: block;
    font-weight: bold;
	}

body.coupon #main .result .couponArea .couponContent .txt {
	clear: both;
	}

body.coupon #main .result .couponArea .couponContent .txt h5 {
    margin: 0 auto 12px;
    font-size: 14px;
    line-height: 20px;
	}

body.coupon #main .result .couponArea .couponContent .txt p.price {
    float: right;
    color: #da2c82;
    font-size: 20px;
    font-weight: bold;
	}

body.coupon #main .result .couponArea .couponContent .txt p.couponDetail {
    font-size: 11px;
    line-height: 18px;
    margin: 12px 0;
	}

body.coupon #main .result .couponArea .couponContent .txt a {
    display: block;
    padding: 6px 0;
    background-color: #b58649;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 1px;
	}

}

/*=================================================
	staffs
=================================================*/

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

ul.wrapper_stylist li {
    margin: 0px 1.33% 36px 0;
    width: 24%;
    height: auto;
    display: inline-block;
    vertical-align: top;
    line-height: 1.4;
    padding: 0;
	transition: all .3s;
	}

ul.wrapper_stylist li:nth-child(4n) {
	margin: 0 0 36px 0;
	}

body.stylist #main .sect02 ul.wrapper_stylist li a.img img {
    width: 100%;
    margin-bottom: 10px!important;
	}

body.stylist #main .sect02 ul.wrapper_stylist li a.txt h3 {
    text-align: center;
    margin: 0 0 10px;
    color: #000;
    font-size: 14px;
    text-decoration: none;
    letter-spacing: 2px;
	}

body.stylist #main .sect02 ul.wrapper_stylist li a.txt p {
    text-align: center;
    font-size: 12px;
    letter-spacing: 2px;
    color: #FFF;
    background: #b58649;
    padding: 6px;
    border-radius: 30px;
	}

body.stylist #main .sect02 ul.wrapper_stylist li:hover {
	opacity: 0.75;
	}

}

@media only screen and (max-width: 768px) {

ul.wrapper_stylist li {
    margin: 0px 2% 24px 0;
    width: 49%;
    height: auto;
    display: inline-block;
    vertical-align: top;
    line-height: 1.4;
    padding: 0;
	}

ul.wrapper_stylist li:nth-child(3n) { margin: 0 2% 24px 0; }
ul.wrapper_stylist li:nth-child(2n) { margin: 0 0 24px 0; }

body.stylist #main .sect02 ul.wrapper_stylist li a.img {
    display: block;
    margin: 0;
	}

body.stylist #main .sect02 ul.wrapper_stylist li a.img img {
    width: 100%;
    margin-bottom: 6px!important;
	}

body.stylist #main .sect02 ul.wrapper_stylist li a.txt h3 {
    text-align: center;
    margin: 0 0 6px;
    color: #000;
    font-size: 12px;
    text-decoration: none;
    letter-spacing: 2px;
	}

body.stylist #main .sect02 ul.wrapper_stylist li a.txt p {
    text-align: center;
    font-size: 11px;
    letter-spacing: 1px;
    color: #FFF;
    background: #b58649;
    padding: 3px 12px;
    border-radius: 12px;
	}

}

/*=================================================
	staff
=================================================*/

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

body.stylist #main .stylistBox {
    width: 840px;
    margin: 0 auto 50px;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
	}

body.stylist #main .stylistBox .visualInfo {
    width: 360px;
	}

body.stylist #main .stylistBox .visualInfo .photo img {
    width: 360px;
	}

body.stylist #main .stylistBox .visualInfo .calendar .calendarInner table {
    margin: 12px auto;
    width: 300px;
	}

body.stylist #main .stylistBox .visualInfo .calender-text {
	font-size: 12px;
	margin: 12px 0;
	}

body.stylist #main .stylistBox .visualInfo .calender-text span {
	color: #f98b8a;
	}

body.stylist #main .stylistBox .txtInfo h2 {
    margin: 0 auto 6px;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 2px;
	}

body.stylist #main .stylistBox .txtInfo p.job {
    font-size: 12px;
    display: inline-block;
    letter-spacing: 1px;
    background: #b58649;
    color: #FFF;
    padding: 6px 24px;
    border-radius: 0 30px 30px 0;
	}

body.stylist #main .stylistBox .txtInfo ul.sns {
    margin: 12px 0;
    text-align: right;
	}

body.stylist #main .stylistBox .txtInfo ul.sns li {
    width: 30px;
    display: inline-block;
    vertical-align: top;
    margin-left: 3px;
	}

body.stylist #main .stylistBox .txtInfo ul.sns li:hover {
	opacity: 0.75;
	}

body.stylist #main .stylistBox .txtInfo p.catch02 {
    margin: 0 0 12px;
    line-height: 18px;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 1px;
	}

body.stylist #main .stylistBox .txtInfo p.staff-comment {
    border-top: dotted 2px #b58649;
    border-bottom: dotted 2px #b58649;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 1px;
    padding: 12px 0;
    margin-bottom: 18px;
    box-sizing: border-box;
	}

body.stylist #main .stylistBox .txtInfo .career dl,
body.style #main .styleBox .txtInfo .box dl {
    width: 460px;
    background: none;
    display: table;
	}

body.stylist #main .stylistBox .txtInfo .career dl dt {
    float: none;
    display: table-cell;
    vertical-align: top;
    width: 150px;
    font-size: 12px;
    font-weight: bold;
	}

body.stylist #main .stylistBox .txtInfo .career dl dt p {
    background: #f6f6f6;
    padding: 6px 0 6px 6px;
    border-radius: 0 30px 30px 0;
    margin-right: 12px;
	}

body.stylist #main .stylistBox .txtInfo .career dl dd {
    float: none;
    display: inline-block;
    vertical-align: top;
    font-size: 12px;
    line-height: 18px;
    text-align: left;
    padding: 3px 0;
	}

body.stylist #main .stylistBox .txtInfo .blogArea .titleArea {
    margin: 0 auto 12px;
    border-bottom: 1px solid #666666;
	}

body.stylist #main .stylistBox .txtInfo .blogArea .titleArea h3 span.en,
body.stylist #main .sect02 .titleArea h3 span.en {
    font-size: 24px;
    font-weight: bold;
    letter-spacing: 2px;
    font-family: 'Crimson Text', serif;
	}

body.stylist #main .stylistBox .txtInfo .blogArea .titleArea h3 span.jp,
body.stylist #main .sect02 .titleArea h3 span.jp{
    margin-left: 6px;
    font-size: 14px;
	}

body.stylist #main .stylistBox .txtInfo .blogArea .titleArea a {
	position: relative;
    float: right;
    display: block;
    text-align: center;
    padding: 4px 12px;
    font-size: 12px;
    letter-spacing: 1px;
    color: #333;
    text-decoration: none;
    border: solid 1px #000;
	overflow: hidden;
	}


body.stylist #main .stylistBox .txtInfo .blogArea .titleArea a:hover {
	color: #FFF;
	opacity: 1;
	}

body.stylist #main .stylistBox .txtInfo .blogArea .titleArea a::before,
body.stylist #main .stylistBox .txtInfo .blogArea .titleArea a::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
	}

body.stylist #main .stylistBox .txtInfo .blogArea .titleArea a,
body.stylist #main .stylistBox .txtInfo .blogArea .titleArea a::before,
body.stylist #main .stylistBox .txtInfo .blogArea .titleArea a::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
	}

body.stylist #main .stylistBox .txtInfo .blogArea .titleArea a::after {
	top: 0;
	left: -100%;
	width: 100%;
	height: 100%;
	}

body.stylist #main .stylistBox .txtInfo .blogArea .titleArea a:hover::after {
	left: 0;
	background-color: #1f2935;
	border-color: #1f2935;
	opacity: 1;
	}

body.stylist #main .stylistBox .txtInfo .blogArea .titleArea a span {
	padding: 0;
	background: none;
	}

body.stylist #main .eye-style-box {
	width: 840px;
	margin: 0 auto;
	}

body.stylist #main .sect02 ul.wrapper {
    margin: 0 auto 60px;
    width: 100%;
	}

body.stylist #main .sect02 ul.wrapper li {
    float: none;
    display: inline-block;
	vertical-align: top;
    margin: 0 1.33% 10px 0;
    width: 24%;
	}

body.stylist #main .sect02 ul.wrapper li:nth-child(4n) {
	margin: 0;
	}

body.stylist #main .sect02 .titleArea a {
	position: relative;
    float: right;
    display: block;
    text-align: center;
    padding: 4px 12px;
    font-size: 12px;
    letter-spacing: 1px;
    color: #333;
    text-decoration: none;
    border: solid 1px #000;
	overflow: hidden;
	}





body.stylist #main .sect02 .titleArea a:hover {
	color: #FFF;
	opacity: 1;
	}

body.stylist #main .sect02 .titleArea a::before,
body.stylist #main .sect02 .titleArea a::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
	}

body.stylist #main .sect02 .titleArea a,
body.stylist #main .sect02 .titleArea a::before,
body.stylist #main .sect02 .titleArea a::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
	}

body.stylist #main .sect02 .titleArea a::after {
	top: 0;
	left: -100%;
	width: 100%;
	height: 100%;
	}

body.stylist #main .sect02 .titleArea a:hover::after {
	left: 0;
	background-color: #1f2935;
	border-color: #1f2935;
	opacity: 1;
	}

body.stylist #main .sect02 .titleArea a span {
	padding: 0;
	background: none;
	}

body.stylist #main .sect02 ul.wrapper li a.txt h3 {
    margin: 10px 0 10px;
    color: #000;
    font-size: 12px;
    letter-spacing: 1px;
    text-decoration: none;
	}

body.stylist #main .sect02 ul.wrapper li a.txt p {
    color: #333;
    font-size: 12px;
    line-height: 18px;
	}

}

@media only screen and (max-width: 768px) {

body.stylist #main .stylistBox .visualInfo .calender-text {
	font-size: 12px;
	margin: 12px 0;
	}

body.stylist #main .stylistBox .visualInfo .calender-text span {
	color: #f98b8a;
	}

body.stylist #main .stylistBox .txtInfo h2 {
    margin: 0 auto 6px;
    font-size: 18px;
    letter-spacing: 2px;
    font-weight: bold;
	}

body.stylist #main .stylistBox .txtInfo p.job {
    font-size: 11px;
    display: inline-block;
    letter-spacing: 1px;
    background: #b58649;
    color: #FFF;
    padding: 6px 12px;
    border-radius: 0 30px 30px 0;
	}

body.stylist #main .stylistBox .txtInfo ul.sns {
    margin: 12px 0;
    text-align: right;
	}

body.stylist #main .stylistBox .txtInfo ul.sns li {
    width: 26px;
    display: inline-block;
    padding-left: 3px;
    vertical-align: top;
	}

body.stylist #main .stylistBox .txtInfo p.catch02 {
    margin: 0 0 12px;
    line-height: 18px;
    font-size: 14px;
    font-weight: bold;
	}

body.stylist #main .stylistBox .txtInfo p.staff-comment {
    border-top: dotted 2px #b58649;
    border-bottom: dotted 2px #b58649;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 1px;
    padding: 12px 0;
    margin-bottom: 18px;
    box-sizing: border-box;
	}

body.stylist #main .stylistBox .txtInfo .career dl {
    margin: 0 auto 6px;
    width: 100%;
	}

body.stylist #main .stylistBox .txtInfo .career dl dt {
    float: none;
    display: table-cell;
    vertical-align: top;
    font-size: 12px;
    line-height: 18px;
    font-weight: bold;
    width: 120px;
	}

body.stylist #main .stylistBox .txtInfo .career dl dt p {
    background: #f6f6f6;
    padding: 3px 0 3px 6px;
    border-radius: 0 30px 30px 0;
    margin-right: 12px;
	}

body.stylist #main .stylistBox .txtInfo .career dl dd {
    float: none;
    display: table-cell;
    vertical-align: top;
    font-size: 12px;
    line-height: 18px;
    text-align: left;
    padding: 0;
	}

body.stylist #main .stylistBox .txtInfo .blogArea .titleArea {
    margin: 0 auto 12px;
    padding-bottom: 0;
    border-bottom: 1px solid #666666;
	}

body.stylist #main .stylistBox .txtInfo .blogArea .titleArea h3 {
    float: left;
    margin: 0;
    padding: 0 0 5px;
    color: #333;
    font-weight: normal;
	}

body.stylist #main .stylistBox .txtInfo .blogArea .titleArea h3 span.en {
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 1px;
    font-family: 'Crimson Text', serif;
	}

body.stylist #main .stylistBox .txtInfo .blogArea .titleArea h3 span.jp {
	display: none;
    margin-left: 4px;
    font-size: 12px;
	}

body.stylist #main .stylistBox .txtInfo .blogArea .titleArea a {
    position: relative;
    float: right;
    display: block;
    text-align: center;
    font-size: 12px;
    letter-spacing: 1px;
    color: #333;
    padding: 4px 12px;
    text-decoration: none;
    border: solid 1px #000;
	}

body.stylist #main .stylistBox .txtInfo .blogArea .titleArea a span {
    padding: 0;
    background: none;
	}

body.stylist #main .sect02 .titleArea {
    margin: 0 auto 20px;
    padding: 0;
    width: auto;
    border-bottom: 1px solid #666666;
    clear: left;
	}

body.stylist #main .sect02 .titleArea h3 {
    float: left;
    margin: 0;
    padding: 0 0 5px;
    color: #333;
    font-weight: normal;
	}

body.stylist #main .sect02 .titleArea h3 span.en {
    font-size: 20px;
    font-weight: bold;
    font-family: 'Crimson Text', serif;
	}

body.stylist #main .sect02 .titleArea h3 span.jp {
	display: none;
    margin-left: 4px;
    font-size: 12px;
	font-family:'Noto Sans JP';
	}

body.stylist #main .sect02 .titleArea a {
    position: relative;
    float: right;
    display: block;
    text-align: center;
    font-size: 12px;
    letter-spacing: 1px;
    color: #333;
    padding: 4px 12px;
    text-decoration: none;
    border: solid 1px #000;
	}

body.stylist #main .sect02 .titleArea a span {
    padding: 0;
    background: none;
	}

body.stylist #main .sect03 ul.wrapper li {
    float: none;
    display: inline-block;
	vertical-align: top;
    margin: 0 1% 12px 0;
    width: 49%;
    height: auto;
	}

body.stylist #main .sect03 ul.wrapper li:nth-child(2n) {
	margin: 0 0 12px 0;
	}

body.stylist #main .sect02 ul.wrapper li a.txt h3 {
    margin: 10px 0;
    color: #000;
    font-size: 12px;
    text-decoration: none;
	}

body.stylist #main .sect02 ul.wrapper li a.txt p {
    color: #333;
    font-size: 12px;
	}

}

/*=================================================
	sidebar - staff
=================================================*/

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

	#cupido-information-sub #subStaff {
		border-top: solid 1px #f6f6f6;
		text-align: center;
		padding: 36px 0;
		}

	#cupido-information-sub #subStaff .titleArea p {
		position: relative;
		display: block;
	    font-family: 'Crimson Text', serif;
		margin: 0 auto 60px;
		font-size: 24px;
		font-weight: bold;
		text-transform: uppercase;
		letter-spacing: 2px;
		}
	
	#cupido-information-sub #subStaff .titleArea p::after {
		position: absolute;
		content: "";
		background: #000;
		width: 60px;
		height: 2px;
		left: 50%;
		margin-left: -30px;
		bottom: -24px;
		}
	
	#cupido-information-sub #subStaff ul {
		width: 1080px;
		display: block;
		text-align: center;
		margin: 0 auto;
		padding: 0;
		font-size: 0;
		}
	
	#cupido-information-sub #subStaff li {
		display: inline-block;
		font-size: 12px;
		margin:0 12px 12px 0;
		}
	
	#cupido-information-sub #subStaff li:last-child {
		margin-right: 0;
		}
	
	#cupido-information-sub #subStaff li a {
		position: relative;
		z-index: 2;
		display: block;
		text-align: center;
		font-size: 12px;
		letter-spacing: 1px;
		padding: 6px 24px;
		border: solid 1px #010101;
		color: #010101;
		box-sizing: border-box;
		overflow: hidden;
		}
	
	#cupido-information-sub #subStaff li a:hover {
		color: #FFF;
		opacity: 1;
		}
	
	#cupido-information-sub #subStaff li a::before,
	#cupido-information-sub #subStaff li a::after {
		position: absolute;
		z-index: -1;
		display: block;
		content: '';
		}
	
	#cupido-information-sub #subStaff li a,
	#cupido-information-sub #subStaff li a::before,
	#cupido-information-sub #subStaff li a::after {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-transition: all .3s;
		transition: all .3s;
		}
	
	#cupido-information-sub #subStaff li a::after {
		top: 0;
		left: -100%;
		width: 100%;
		height: 100%;
		}
	
	#cupido-information-sub #subStaff li a:hover::after {
		left: 0;
		background-color: #1f2935;
		border-color: #1f2935;
		opacity: 1;
		}

}

@media only screen and (max-width: 768px) {

	#cupido-information-sub #subStaff {
		border-top: solid 1px #f6f6f6;
		text-align: center;
		padding: 30px 0;
		}

	#cupido-information-sub #subStaff .titleArea p {
		position: relative;
		display: block;
	    font-family: 'Crimson Text', serif;
		margin: 0 auto 40px;
		font-size: 18px;
		font-weight: bold;
		text-transform: uppercase;
		letter-spacing: 2px;
		}
	
	#cupido-information-sub #subStaff .titleArea p::after {
		position: absolute;
		content: "";
		background: #000;
		width: 40px;
		height: 2px;
		left: 50%;
		margin-left: -20px;
		bottom: -18px;
		}
	
	#cupido-information-sub #subStaff ul {
		width: 90%;
		display: block;
		text-align: center;
		margin: 0 auto;
		padding: 0;
		font-size: 0;
		}
	
	#cupido-information-sub #subStaff li {
		display: block;
		font-size: 12px;
		margin:0 0 12px;
		}
	
	#cupido-information-sub #subStaff li a {
		display: block;
		text-align: center;
		font-size: 12px;
		letter-spacing: 1px;
		padding: 6px 24px;
		border: solid 1px #010101;
		color: #010101;
		box-sizing: border-box;
		overflow: hidden;
		}

}

/*=================================================
	eyes
=================================================*/

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

body.style #main .sect02 ul.wrapper li {
    margin: 0px 1.33% 36px 0;
    width: 24%;
    height: auto;
    display: inline-block;
    vertical-align: top;
    line-height: 1.4;
	transition: all .3s;
	}

body.style #main .sect02 ul.wrapper li:hover {
	opacity: 0.75;
	}

body.style #main .sect02 ul.wrapper li a.img {
    display: block;
    width: 100%;
    margin: 0;
	}

body.style #main .sect02 ul.wrapper li a.txt {
	display: block;
    background: #f6f6f6;
    padding: 12px;
    box-sizing: border-box;
	}

body.style #main .sect02 ul.wrapper li a.txt h3 {
    margin: 0 0 6px;
    padding: 0 0 6px;
    color: #000;
    font-size: 14px;
    letter-spacing: 1px;
    text-decoration: none;
    border-bottom: dotted 1px #000;
	}

body.style #main .sect02 ul.wrapper li a.txt p {
    color: #333;
    font-size: 12px;
    line-height: 18px;
	}

}

@media only screen and (max-width: 768px) {

body.style #main .sect02 ul {
	margin-bottom: 24px;
	}

body.style #main .sect02 ul.wrapper li {
    display: inline-block;
    vertical-align: top;
    float: none;
    margin: 0 2% 12px 0;
    width: 49%;
    height: auto;
	}

body.style #main .sect02 ul.wrapper li:nth-child(2n) {
	margin: 0 0 12px 0;
	}

body.style #main .sect02 ul.wrapper li:nth-child(3n+2) {
    margin:auto;
	}

body.style #main .sect02 ul.wrapper li a.img {
    display: block;
    margin: 0;
	}

body.style #main .sect02 ul.wrapper li a.txt {
    display: block;
    background: #f6f6f6;
    padding: 12px;
    box-sizing: border-box;
	}

body.style #main .sect02 ul.wrapper li a.txt h3 {
    margin: 0 0 6px;
    padding: 0 0 6px;
    color: #000;
    font-size: 12px;
    text-decoration: none;
    border-bottom: dotted 1px #000;
	}

body.style #main .sect02 ul.wrapper li a.txt p {
    color: #333;
    font-size: 12px;
    line-height: 18px;
	}

}

/*=================================================
	eye
=================================================*/

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

body.style #content #main .styleBox {
    width: 840px;
	margin: 0 auto;
    overflow: hidden;
	}

body.style #main .styleBox .visualInfo {
    width: 40%;	
    margin: 0 0 36px;
	}

body.style #main .styleBox .visualInfo .photo {
    margin: 0 0 12px;
    width: 100%;
    height: auto;
    overflow: hidden;
	}

body.style #main .styleBox .visualInfo .thumb ul li {
    width: 32%;
	}

body.style #main .styleBox .txtInfo {
    width: 56%;
    float: right;
	}

body.style #main .styleBox .txtInfo h2 {
    margin: 0 auto 12px;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 1px;
	}

body.style #main .styleBox .txtInfo ul.sns li {
    width: 30px;
    display: inline-block;
    vertical-align: top;
    margin-left: 3px;
	}

body.style #main .styleBox .txtInfo ul.sns li:hover {
	opacity: 0.75;
	}

body.style #main .styleBox .txtInfo .box p.styleTitle {
    margin: 0 auto 20px;
    padding: 0px 0 3px;
    font-family: 'Crimson Text', serif;
    font-size: 20px;
    font-weight: bold;
    border-bottom: 1px solid #666666;
	}

body.style #main .styleBox .txtInfo .box dl dt {
    float: left;
    width: 120px;
    font-size: 12px;
    font-weight: bold;
    background: #f6f6f6;
    padding: 6px 0 6px 6px;
    margin-right: 12px;
    border-radius: 0 30px 30px 0;
	}

body.style #main .styleBox .txtInfo .box dl dd {
    float: left;
    margin-left: 0;
    font-size: 12px;
    line-height: 24px;
    text-align: left;
	}

body.style #main .commentArea {
    clear: both;
    margin: 0 auto 36px;
    padding: 12px;
    background-color: #F6F6F6;
    width: 100%;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    box-sizing: border-box;
	}

body.style #main .commentArea .img {
    width: 160px;
    text-align: center;
	margin-right: 12px;
	}

body.style #main .commentArea .img a {
    color: #333;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 1px;
    text-decoration: none;
	}

body.style #main .commentArea .txt {
    width: 100%;
	}

body.style #main .commentArea .txt h4 {
    font-size: 14px;
    font-weight: bold;
    border-bottom: dotted 1px #000;
    margin: 0 0 6px;
    padding: 0 0 6px;
	}

body.style #main .commentArea .txt p {
    margin: 0;
    font-size: 12px;
    line-height: 18px;
	}

body.style #main .couponArea {
    width: 840px;
    margin: 0 auto 50px;
    display: -webkit-flex;
    display: flex;
    position: relative;
    border: 1px solid #cfcfcf;
    background: url(/img/upload/2017/06/bg_coupon.png) repeat-y left,#f6f6f6;
	}

body.style #main .couponArea h4 {
    position: absolute;
    width: 20px;
    font-size: 1.6rem;
    color: #fff;
    margin: auto;
    top: 40%;
    left: 0.8%;
	}

body.style #main .couponArea .couponContent {
    padding: 20px 20px 20px 60px;
    width: 820px;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
	}

body.style #main .couponArea .couponContent .img {
    width: 230px;
	}

body.style #main .couponArea .couponContent .img img {
    margin: 0 auto 12px;
    width: 220px;
	}

body.style #main .couponArea .couponContent .img p {
    font-size: 11px;
    line-height: 16px;
	}

body.style #main .couponArea .couponContent .txt {
    width: 520px;
	}

body.style #main .couponArea .couponContent .txt h5 {
    margin: 0px auto 18px;
    font-size: 16px;
    line-height: 24px;
	}

body.style #main .couponArea .couponContent .txt p.price {
    float: right;
    color: #da2c82;
    font-size: 24px;
    font-weight: bold;
	}

body.style #main .couponArea .couponContent .txt p.couponDetail {
    font-size: 12px;
    line-height: 18px;
    margin: 12px 0;
	}

body.style #main .couponArea .couponContent .txt .reserve {
    position: absolute;
    width: 62%;
    text-align: center;
    bottom: 20px;
	transition: all .3s;
	}

body.style #main .couponArea .couponContent .txt .reserve:hover {
	opacity: 0.75;
	}

body.style #main .couponArea .couponContent .txt a {
    display: block;
    padding: 12px 0;
    background-color: #b0884c;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 2px;
	}

body.style #content #main .eye-style-box {
	width: 840px;
	margin: 0 auto;
	}

body.style #main .sect02 .titleArea h3 span.en {
    font-size: 24px;
    font-weight: bold;
    letter-spacing: 2px;
    font-family: 'Crimson Text', serif;
	}

body.style #main .sect02 .titleArea h3 span.jp {
    margin-left: 6px;
    font-size: 14px;
	}

body.style #main .sect02 .titleArea a {
   	position: relative;
    float: right;
    display: block;
    text-align: center;
    padding: 4px 12px;
    font-size: 12px;
    letter-spacing: 1px;
    color: #333;
    text-decoration: none;
    border: solid 1px #000;
	overflow: hidden;
	}

body.style #main .sect02 .titleArea a:hover {
	color: #FFF;
	opacity: 1;
	}

body.style #main .sect02 .titleArea a::before,
body.style #main .sect02 .titleArea a::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
	}

body.style #main .sect02 .titleArea a,
body.style #main .sect02 .titleArea a::before,
body.style #main .sect02 .titleArea a::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
	}

body.style #main .sect02 .titleArea a::after {
	top: 0;
	left: -100%;
	width: 100%;
	height: 100%;
	}

body.style #main .sect02 .titleArea a:hover::after {
	left: 0;
	background-color: #1f2935;
	border-color: #1f2935;
	opacity: 1;
	}

body.style #main .sect02 .titleArea a span {
	padding: 0;
	background: none;
	}

}


@media only screen and (max-width: 768px) {

body.style #main .styleBox .txtInfo h2 {
    margin: 10px auto 10px;
    font-size: 16px;
    font-weight: bold;
	}

body.style #main .styleBox .txtInfo ul.sns {
    margin: 0 0 12px auto;
    text-align: right;
	}

body.style #main .styleBox .txtInfo .box {
    margin: 0 auto 24px;
    font-size: 14px;
    clear: both;
    overflow: auto;
	}

body.style #main .styleBox .txtInfo .box p.styleTitle {
    margin: 0 auto 12px;
    padding: 0 0 6px;
    font-family: 'Crimson Text', serif;
    font-size: 20px;
    line-height: 20px;
    font-weight: bold;
    border-bottom: 1px solid #666666;
	}

body.style #main .styleBox .txtInfo .box dl dt:first-of-type {
    width: 30%;
    font-size: 12px;
    font-weight: bold;
    background: #f6f6f6;
    padding: 6px 0 6px 6px;
    margin-right: 12px;
    border-radius: 0 30px 30px 0;
	}

body.style #main .styleBox .txtInfo .box dl dd {
    font-size: 12px;
    line-height: 24px;
    text-align: left;
	}

body.style #main .commentArea {
    margin: 0 auto 24px;
    padding: 12px;
    background-color: #f6f6f6;
    width: auto;
	}

body.style #main .commentArea .img {
    display: table-cell;
    text-align: left;
    width: 40%;
	}

body.style #main .commentArea .img img {
    margin: 0 12px 0 0;
    float: none;
    width: 100%;
	}

body.style #main .commentArea .img a {
    color: #333;
    text-align: center;
    text-decoration: none;
    padding-top: 0;
    font-size: 14px;
    font-weight: bold;
    margin: 12px 0 0;
    display: block;
	}

body.style #main .commentArea .txt {
	display: table-cell;
	width: 60%;
	}

body.style #main .commentArea .txt {
    display: table-cell;
    vertical-align: top;
    width: 60%;
    padding-left: 12px;
	}

body.style #main .commentArea .txt h4 {
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 6px;
    padding: 0 0 6px;
    border-bottom: dotted 1px #000;
	}

body.style #main .commentArea .txt p {
    margin: 0;
    font-size: 12px;
    line-height: 18px;
	}

body.style #main .couponArea {
    margin: 0 auto 24px;
    width: 100%;
    position: relative;
    box-shadow: none;
    border: 1px solid #cfcfcf;
    background: #f6f6f6;
    padding: 0 0 6px;
	}

body.style #main .couponArea h4 {
    text-align: center;
    background-color: #414141;
    padding: 6px 0;
    font-size: 12px;
    letter-spacing: 5px;
    color: #fff;
    margin: 0;
	}

body.style #main .couponArea .couponContent {
    position: relative;
    padding: 0;
	}

body.style #main .couponArea .couponContent .img p {
    font-size: 11px;
    line-height: 11px;
    margin-left: 14px;
    margin-bottom: 6px;
	}

body.style #main .couponArea .couponContent .txt h5 {
    margin: 0 auto 15px;
    font-size: 14px;
    line-height: 18px;
	}

body.style #main .couponArea .couponContent .txt p.price {
    float: right;
    color: #da2c82;
    font-size: 24px;
    font-weight: bold;
	}

body.style #main .couponArea .couponContent .txt p.couponDetail {
    font-size: 12px;
    line-height: 18px;
    margin: 12px 0;
	}

body.style #main .couponArea .couponContent .txt .reserve {
    text-align: center;
    margin-bottom: 6px;
	}

body.style #main .couponArea .couponContent .txt a {
    display: block;
    padding: 12px 0;
    background-color: #bb1668;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 1px;
	}

body.style #main .sect02 .titleArea {
    margin: 0 auto 12px;
    padding: 0 0 6px;
    border-bottom: 1px solid #666666;
	}

body.style #main .sect02 .titleArea h3 {
    float: left;
    margin-bottom: 0;
	}

body.style #main .sect02 .titleArea h3 .en {
    font-size: 22px;
    font-weight: bold;
    font-family: 'Crimson Text', serif;
	}

body.style #main .sect02 .titleArea h3 .jp {
	display: none;
    font-weight: normal;
    margin-left: 4px;
    font-size: 12px;
	}

body.style #main .sect02 .titleArea a {
    position: relative;
    float: right;
    display: block;
    text-align: center;
    font-size: 12px;
    letter-spacing: 1px;
    color: #333;
    padding: 4px 12px;
    text-decoration: none;
    border: solid 1px #000;
	}

body.style #main .sect02 .titleArea a span {
    padding: 0;
    background: none;
	}

}

/*=================================================
	medias
=================================================*/

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

body.media #main .sect02 ul.wrapper li {
    display: inline-block;
    vertical-align: top;
    width: 19%;
    float: none;
    margin: 0 1.2% 36px 0;
	transition: .3s;
	}

body.media #main .sect02 ul.wrapper li:hover {
	opacity: 0.75;
	}

body.media #main .sect02 ul.wrapper li a.img img {
    margin-bottom: 0 !important;
	}

body.media #main .sect02 ul.wrapper li a.txt {
	display: block;
    background: #f6f6f6;
    padding: 12px;
    box-sizing: border-box;
	}

body.media #main .sect02 ul.wrapper li a.txt h3 {
    margin: 0 0 6px;
    padding: 0 0 6px;
    color: #000;
    font-size: 12px;
    letter-spacing: 1px;
    text-decoration: none;
    border-bottom: dotted 1px #000;
	}

body.media #main .sect02 ul.wrapper li a.txt p {
    color: #333;
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 12px;
    overflow: hidden;
	}

.media-right {
    text-align: center;
    color: #666;
    display: block;
    background: #FFF;
    font-size: 11px;
    letter-spacing: 1px;
    padding: 3px 0;
    border-radius: 30px;
	}

}

@media only screen and (max-width: 768px) {

body.media #main .sect02 .titleArea {
    margin: 0;
	}

body.media #main .sect02 ul.wrapper li {
    float: none;
    display: inline-block;
    margin: 0px 2% 24px 0;
    width: 49%;
	}

body.media #main .sect02 ul.wrapper li a.img {
    display: block;
    margin: 0;
	}

body.media #main .sect02 ul.wrapper li a.txt {
	display: block;
	background: #f6f6f6;
	padding: 12px;
	}

body.media #main .sect02 ul.wrapper li a.txt h3 {
    margin: 0 0 12px;
    color: #000;
    font-size: 12px;
    text-decoration: none;
	}

body.media #main .sect02 ul.wrapper li a.txt p {
	display: none;
    color: #333;
    font-size: 12px;
    overflow: hidden;
	}

.media-right {
    text-align: center;
    color: #000;
    display: block;
    background: #FFF;
    padding: 3px 0;
    letter-spacing: 1px;
    border-radius: 30px;
	}

}

/*=================================================
	media
=================================================*/

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

.cupido-publisher {
	margin-bottom: 10px;
	overflow: hidden;
	}

.cupido-publisher span {
	float: left;
    margin-right: 10px;
    padding: 6px 12px;
    color: #fff;
    font-size: 12px;
    letter-spacing: 1px;
    background-color: #1f2935;
	}

.cupido-media-top {
	border-top: solid 1px #f6f6f6;
	padding: 36px 0;
	}

.cupido-media-top a {
	position: relative;
    display: block;
    text-align: center;
    color: #000;
    width: 200px;
    font-size: 12px;
    letter-spacing: 1px;
    border: solid 1px #000;
    margin: 0 auto;
    padding: 6px 36px;
    overflow: hidden;
	}

.cupido-media-top a:hover {
	color: #FFF;
	opacity: 1;
	}
	
.cupido-media-top a::before,
.cupido-media-top a::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
	}
	
.cupido-media-top a,
.cupido-media-top a::before,
.cupido-media-top a::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
	}
	
.cupido-media-top a::after {
	top: 0;
	left: -100%;
	width: 100%;
	height: 100%;
	}

.cupido-media-top a:hover::after {
	left: 0;
	background-color: #1f2935;
	border-color: #1f2935;
	opacity: 1;
	}

}

@media only screen and (max-width: 768px) {

.cupido-publisher {
	margin-bottom: 10px;
	overflow: hidden;
	}

.cupido-publisher span {
    float: left;
    margin-right: 10px;
    padding: 4px 8px;
    color: #fff;
    font-size: 12px;
    letter-spacing: 1px;
    background-color: #1f2935;
	}

.cupido-media-top {
	border-top: solid 1px #f6f6f6;
	padding: 24px 0;
	}

.cupido-media-top a {
    display: block;
    text-align: center;
    color: #000;
    width: 90%;
    font-size: 11px;
    letter-spacing: 1px;
    border: solid 1px #000;
    margin: 0 auto;
    padding: 6px 0;
    box-sizing: border-box;
	}

}

/*=================================================
	blogs
=================================================*/

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

body.blog a:hover {
	opacity: 0.75
	}

body.blog #main .couponArea {
    margin: 0 36px 0 0;
    width: 100%;
	}

body.blog #main .couponArea .couponArea {
    display: inline-block;
    vertical-align: top;
    width: 32%;
    margin: 0 2% 0 0;
	}

body.blog #main .couponArea .couponArea:nth-child(3n) {
	margin: 0 0 0 0;
	}

body.blog #main .couponArea .couponContent {
    padding: 0;
	margin: 0 auto 36px;
    width: 100%;
    display: block;
    justify-content: space-between;
	}

body.blog #main .couponArea .couponContent .img {
    width: 100%;
	}

body.blog #main .couponArea .couponContent .img img {
    margin: 0 auto;
    width: 100%;
    height: auto;
	}

body.blog #main .couponArea .couponContent .txt {
    width: 100%;
    background: #f6f6f6;
    padding: 12px;
    box-sizing: border-box;
	}

body.blog #main .couponArea .couponContent .txt h5 {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 0;
	}

body.blog #main .newsTime {
    border-top: dotted 1px #000;
    border-bottom: dotted 1px #000;
    padding: 6px 0;
    margin: 0 0 6px;
    font-size: 11px;
    line-height: 16px;
    color: #666;
    display: block;
	}

}

@media only screen and (max-width: 768px) {

body.blog #main .couponArea {
    margin: 0 36px 0 0;
    width: 100%;
	}

body.blog #main .couponArea .couponArea {
    display: inline-block;
    vertical-align: top;
    width: 49%;
    margin: 0 2% 0 0;
	}

body.blog #main .couponArea .couponArea:nth-child(2n) {
	margin: 0 0 0 0;
	}

body.blog #main .couponArea .couponContent {
    padding: 0;
	margin: 0 auto 24px;
    width: 100%;
    display: block;
    justify-content: space-between;
	}

body.blog #main .couponArea .couponContent .img {
    width: 100%;
	}

body.blog #main .couponArea .couponContent .img img {
    margin: 0 auto;
    width: 100%;
    height: auto;
	}

body.blog #main .couponArea .couponContent .txt {
    width: 100%;
    background: #f6f6f6;
    padding: 12px;
    box-sizing: border-box;
	}

body.blog #main .couponArea .couponContent .txt h5 {
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 0;
	}

body.blog #main .newsTime {
    border-top: dotted 1px #000;

	border-bottom: dotted 1px #000;
    padding: 3px 0;
    margin: 0 0 6px;
    font-size: 10px !important;
    line-height: 16px;
    color: #666;
    display: block;
	}

body.blog #main .couponArea .couponContent .txt p.couponDetail {
    font-size: 11px;
    line-height: 16px;
    height: 50px;
    overflow: hidden;
	}

}

/*=================================================
	blog - sidebar
=================================================*/

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

#sub .subBox .titleArea p span.en {
    font-size: 20px;
    font-weight: bold;
    font-family: 'Crimson Text', serif;
	}

#sub .subBox .titleArea p span.jp {
    margin-left: 9px;
    font-size: 12px;
	}

#sub .subBox .titleArea a {
    position: relative;
    float: right;
    display: block;
    padding: 3px 12px;
    font-size: 1.1rem;
    color: #333;
    text-decoration: none;
    border: solid 1px #000;
    overflow: hidden;
	}

#sub .subBox .titleArea a:hover {
	color: #FFF;
	opacity: 1;
	}

#sub .subBox .titleArea a::before,
#sub .subBox .titleArea a::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
	}

#sub .subBox .titleArea a,
#sub .subBox .titleArea a::before,
#sub .subBox .titleArea a::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
	}

#sub .subBox .titleArea a::after {
	top: 0;
	left: -100%;
	width: 100%;
	height: 100%;
	}

#sub .subBox .titleArea a:hover::after {
	left: 0;
	background-color: #1f2935;
	border-color: #1f2935;
	opacity: 1;
	}

#sub .subBox .titleArea a span {
	padding: 0;
	background: none;
	}

}

@media only screen and (max-width: 768px) {

#sub .subBox {
    position: relative;
    padding-bottom: 18px;
    clear: left;
    margin-bottom: 0;
	}

#sub .subBox .titleArea {
    margin: 0 auto 18px;
    padding: 0 0 6px;
    border-bottom: 1px solid #666666;
	}

#sub .subBox .titleArea p {
    margin: 0;
    padding: 0;
    color: #333;
    font-weight: normal;
	font-family:'Noto Sans JP';
	}

#sub .subBox .titleArea p span.en {
    font-size: 20px;
    font-weight: bold;
    font-family: 'Crimson Text', serif;
	}

#sub .subBox .titleArea p span.jp {
    margin-left: 9px;
    font-size: 12px;
	}

#sub #subStaff ul li a,
#sub #subCategory ul li a,
#sub #subMedicate ul li a,
#sub #subBlogcate ul li a,
#sub #subNewscate ul li a,
#sub #subFaq ul li a {
    display: block;
    margin: 0 auto 6px;
    padding: 6px 0;
    color: #333;
    font-size: 14px;
    letter-spacing: 1px;
    border-bottom: dotted 1px #ddd;
	}

#sub .subBox .titleArea a {
    position: absolute;
    display: inline-block;
    padding: 3px 12px;
    font-size: 11px;
    color: #333;
    text-decoration: none;
    border: solid 1px #000;
    top: 0;
    right: 0;
    bottom: auto;
	}

#sub .subBox .titleArea a span {
	padding: 0;
	background: none;
	}

#sub .subBox .wrapper article a.linkToArticle p {
    margin: 0;
    font-size: 12px;
    color: #333;
    line-height: 18px;
	}

}

/*=================================================
	blog
=================================================*/

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

body.blog #main .sect {
    width: 100%;
    margin-right: 36px;
	}

body.blog #main .sect .titleArea h3 {
    float: left;
    margin: 0;
    padding: 0 0 12px;
    color: #333;
    font-weight: bold;
    font-size: 16px;
	}

body.blog #main .sect .wrapper li {
    float: left;
    margin-right: 10px;
    padding: 6px 12px;
    color: #fff;
    font-size: 12px;
    letter-spacing: 1px;
    background-color: #1f2935;
	}

body.blog #main .articleTxt p {
    line-height: 18px;
    font-size: 12px;
	}

}

@media only screen and (max-width: 768px) {

body.blog #main .sect {
    width: auto;
    margin-bottom: 36px;
    padding: 0;
	}

body.blog #main .sect .titleArea {
    margin: 0 auto 12px;
    border-bottom: 1px solid #666666;
	}

body.blog #main .sect .titleArea h3 {
    float: left;
    margin: 0;
    padding: 0 0 12px;
    color: #333;
    font-weight: bold;
    line-height: 18px;
    font-size: 14px;
	}

body.blog #main .sect .wrapper li {
    float: left;
    margin-right: 10px;
    padding: 4px 8px;
    color: #fff;
    font-size: 1rem;
    background-color: #1f2935;
	}

body.blog #main .articleTxt {
    margin-top: 24px;
	}

body.blog #main .articleTxt p {
    line-height: 18px;
    font-size: 14px;
	}

}

/*=================================================
	voice
=================================================*/

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

body.voice #main .voiceBox {
    margin: 0 auto 50px;
    width: 840px;
	}

body.voice #main .voiceBox .voiceInner {
    margin: 0 auto;
    padding: 25px 20px 20px;
    width: 840px;
    background-color: #f6f6f6;
	border: solid 1px #CCCCCC;
    position: relative;
    box-sizing: border-box;
	}

body.voice #main .voiceBox.pickUp .voiceInner {
    background-color: #faf6e9;
	border: solid 1px #b58649;
	}

body.voice #main .voiceBox .voiceInner dl {
    display: -webkit-flex;
    display: flex;
    font-size: 12px;
    font-weight: bold;
    border-bottom: dotted 1px #000;
    padding-bottom: 6px;
    margin-bottom: 6px;
	}

body.voice #main .voiceBox .voiceInner dl dd {
    position: relative;
    margin: 0 5px 0 10px;
    padding: 0;
	}

body.voice #main .voiceBox .voiceInner p {
    margin: 12px 0 0;
    padding: 12px;
    font-size: 12px;
    line-height: 20px;
    background: #FFF;
    border-radius: 12px;
    box-sizing: border-box;
	}

body.voice #main .voiceBox .review {
    margin: 0 auto;
    border: solid 1px #CCC;
    border-top: none;
    padding: 12px;
    box-sizing: border-box;
	}

#main .voiceBox .review h3,
#main .voiceBox .reply h3 {
    font-size: 14px !important;
    padding-bottom: 6px !important;
    margin-bottom: 6px;
	border-bottom-width: 1px;
	border-bottom-style: dotted !important;
	}

body.voice #main .voiceBox .review dl {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    margin: 0;
	}

body.voice #main .voiceBox .review dl dd {
    margin: 0;
    padding: 0;
    color: #F39800;
	}

#main .voiceBox .reply {
    margin: 0 auto;
    border: solid 1px #CCC;
    border-top: none;
    padding: 12px;
    box-sizing: border-box;
	}

body.voice #main .voiceBox .reply p {
    margin: 0;
    font-size: 12px;
    line-height: 18px;
	}

}

@media only screen and (max-width: 768px) {

body.voice #main .voiceBox {
    margin: 0 auto 50px;
    width: 100%;
	}

body.voice #main .voiceBox .voiceInner {
    margin: 0 auto;
    padding: 25px 20px 20px;
    width: 100%;
    background-color: #f6f6f6;
	border: solid 1px #CCCCCC;
    position: relative;
    box-sizing: border-box;
	}

body.voice #main .voiceBox.pickUp .voiceInner {
    background-color: #faf6e9;
	border: solid 1px #b58649;
	}

body.voice #main .voiceBox .voiceInner dl {
    display: -webkit-flex;
    display: flex;
    font-size: 12px;
    font-weight: bold;
    border-bottom: dotted 1px #000;
    padding-bottom: 6px;
    margin-bottom: 6px;
	}

body.voice #main .voiceBox .voiceInner dl dd {
    position: relative;
    margin: 0 5px 0 10px;
    padding: 0;
	}

body.voice #main .voiceBox .voiceInner p {
    margin: 12px 0 0;
    padding: 12px;
    font-size: 12px;
    line-height: 20px;
    background: #FFF;
    border-radius: 12px;
    box-sizing: border-box;
	}

body.voice #main .voiceBox .review {
    margin: 0 auto;
    border: solid 1px #CCC;
    border-top: none;
    padding: 12px;
    box-sizing: border-box;
	}

#main .voiceBox .review h3,
#main .voiceBox .reply h3 {
    font-size: 14px !important;
    padding-bottom: 6px !important;
    margin-bottom: 6px;
	border-bottom-width: 1px;
	border-bottom-style: dotted !important;
	}


body.voice #main .voiceBox .review dl {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
	line-height: 20px;
    margin: 0;
	}

body.voice #main .voiceBox .review dl dd {
    margin: 0;
    padding: 0;
    color: #F39800;
	}

#main .voiceBox .reply {
    margin: 0 auto;
    border: solid 1px #CCC;
    border-top: none;
    padding: 12px;
    box-sizing: border-box;
	}

body.voice #main .voiceBox .reply p {
    margin: 0;
    font-size: 12px;
    line-height: 18px;
	}

}

/*=================================================
	faq
=================================================*/

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

body.faq #content #main {
    width: 730px;
	}

body.faq #main .sect .titleArea {
    margin: 0 auto 24px;
    padding: 0 0 12px;
    border-bottom: 1px solid #666666;
	}

body.faq #main .sect .titleArea h3 {
	margin: 0;
	}

body.faq #main .sect .titleArea h3 span.jp {
    font-size: 18px;
    font-weight: bold;
	}

div.accordion > ul > li > a {
    display: block;
    color: #fff;
    font-size: 14px;
    letter-spacing: 1px;
    text-decoration: none;
    background-color: #1f2935;
    border-bottom: 1px solid #fff;
    cursor: pointer;
    padding: 14px 32px 14px 12px;
    position: relative;
	}

div.accordion > ul > li > ul > li {
    display: block;
    color: #333;
    font-size: 14px;
    padding: 26px 12px;
    position: relative;
    line-height: 24px;
	}

}

@media only screen and (max-width: 768px) {

body.faq #content #main {
    width: 100%;
	}

body.faq #main .sect .titleArea {
    margin: 0 auto 24px;
    padding: 0 0 12px;
    border-bottom: 1px solid #666666;
	}

body.faq #main .sect .titleArea h3 {
	margin: 0;
	}

body.faq #main .sect .titleArea h3 span.jp {
    font-size: 16px;
    font-weight: bold;
	}

div.accordion > ul > li > a {
    display: block;
    color: #fff;
    font-size: 12px;
    letter-spacing: 1px;
    text-decoration: none;
    background-color: #1f2935;
    border-bottom: 1px solid #fff;
    cursor: pointer;
    padding: 14px 32px 14px 12px;
    position: relative;
	}

div.accordion > ul > li > ul > li {
    display: block;
    color: #333;
    font-size: 12px;
    padding: 18px 12px;
    position: relative;
    line-height: 24px;
	}

}

/*=================================================
	company
=================================================*/

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

body.recruit section.sect h2,
body.company section.sect h2 {
    text-align: center;
    font-size: 24px;
    border-bottom: solid 1px #000;
    padding-bottom: 24px;
    margin-bottom: 24px;
    }

body.recruit section.sect p, body.company section.sect p {    
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 1px;
    margin-bottom: 24px;
    }

table.recruit, table.company {
    font-size: 14px;
    margin: 0 auto;
    margin-bottom: 25px;
    width: 100%;
	}

table.recruit > tbody > tr > td, table.company > tbody > tr > td {
    padding: 12px;
	}

table.recruit > tbody > tr > td:first-child, table.company > tbody > tr > td:first-child {
    background: #1f2935;
    border: solid 1px #1f2935;
    font-weight: bold;
    letter-spacing: 1px;
    color: #FFF;
	}

table.recruit > tbody > tr > td:nth-child(2), table.company > tbody > tr > td:nth-child(2) {
    background: #FFF;
    border: solid 1px #1f2935;
	}

table.recruit > tbody > tr > td:nth-child(2), table.company > tbody > tr > td:nth-child(2) {
    background: #FFF;
    border: solid 1px #1f2935;
    letter-spacing: 1px;
	}

}

@media only screen and (max-width: 768px) {

body.recruit section.sect h2,
body.company section.sect h2 {
    text-align: left;
    font-size: 18px;
    border-bottom: solid 1px #000;
    padding-bottom: 12px;
    margin-bottom: 12px;
    }

body.recruit section.sect p, body.company section.sect p {    
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 1px;
    margin-bottom: 12px;
    }

table.recruit, table.company {
    font-size: 12px;
    margin: 0 auto;
    margin-bottom: 25px;
    width: 100%;
	}

table.recruit > tbody > tr > td, table.company > tbody > tr > td {
    padding: 12px;
	}

table.recruit > tbody > tr > td:first-child, table.company > tbody > tr > td:first-child {
    background: #1f2935;
    border: solid 1px #1f2935;
    font-weight: bold;
    letter-spacing: 1px;
    color: #FFF;
	}

table.recruit > tbody > tr > td:nth-child(2), table.company > tbody > tr > td:nth-child(2) {
    background: #FFF;
    border: solid 1px #1f2935;
	}

table.recruit > tbody > tr > td:nth-child(2), table.company > tbody > tr > td:nth-child(2) {
    background: #FFF;
    border: solid 1px #1f2935;
    letter-spacing: 1px;
	}

}

/*=================================================
	access
=================================================*/

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

body.access #main {
    margin: 0 auto;
	}

body.access #main .shopdate h3 {
    color: #333;
    margin-bottom: 6px;
	}

body.access #main .shopdate h3 span.en {
    padding: 0 0 6px;
    font-size: 24px;
    letter-spacing: 1px;
	font-weight: bold;
    font-family: 'Crimson Text', serif;
	}

body.access #main .shopdate h3 span.jp {
	font-family:'Noto Sans JP';
    margin-left: 12px;
    font-size: 14px;
    letter-spacing: 1px;
	}

.ggmap {
    position: relative;
    padding-bottom: 0;
    padding-top: 0;
    height: 360px;
    overflow: hidden;
	}

}

@media only screen and (max-width: 768px) {

body.access #main section {
    margin-bottom: 0;
	}

body.access #main .shopdate {
    margin: 0;
	}

body.access #main .shopdate h3 {
    color: #333;
    margin-bottom: 6px;
	}

body.access #main .shopdate h3 span.en {
    padding: 0 0 6px;
    font-size: 22px;
    letter-spacing: 1px;
	font-weight: bold;
    font-family: 'Crimson Text', serif;
	}

body.access #main .shopdate h3 span.jp {
	font-family:'Noto Sans JP';
    margin-left: 12px;
    font-size: 14px;
    letter-spacing: 1px;
	}

body.access #main .shopdate td {
    padding: 10px 20px 0 0;
    font-size: 12px;
    line-height: 18px;
    width: 110px;
	}

body.access #main .shopdate p {
    font-size: 12px;
    line-height: 18px;
    overflow: auto;
	}

body.access #main .navTitle {
    font-weight: 700;
    float: left;
    padding-right: 11%;
	}

}

/*=================================================
	pricacy
=================================================*/

body.privacy #main .shopdate h3 {
    color: #333;
    font-size: 18px;
    letter-spacing: 2px;
    font-family: 'Noto Sans JP';
    font-weight: bold;
    margin-bottom: 8px;
	}

/*=================================================
	sitemap
=================================================*/

body.sitemap #main .shopdate ul a {
    text-decoration: none;
    color: #333;
	}

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

.main_page_link li {
    display: inline-block;
    line-height: 1.6;
    width: 48%;
    color: #333;
    font-size: 14px;
    font-weight: normal;
    padding: 18px 0;
    margin-right: 2%;
    border-bottom: 1px solid #000;
    box-sizing: border-box;
	}

}

/*=================================================
	contact
=================================================*/

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

body.contact #main .input .btn input#btnConfirm {
    color: #fff;
    background-color: #b58649;
	}

body.contact #main .confirm .btn input#btnSend {
    color: #fff;
    background-color: #b58649;
    margin-left: 40px;
	}

body.contact #main .complete a.returnTop {
    display: block;
    margin: 0 auto 50px;
    padding: 10px 0 5px;
    width: 300px;
    height: 25px;
    text-align: center;
    font-size: 14px;
    letter-spacing: 2px;
    background-color: #eee;
    color: #333;
    font-weight: 600;
	}

}

@media only screen and (max-width: 768px) {

body.contact #main .btn input {
    display: block;
    text-align: center;
    border: none;
    font-size: 14px;
    font-weight: bold;
	}

body.contact #main .input .btn input#btnConfirm {
    padding: 10px 0;
    width: 46%;
    color: #fff;
    background-color: #b58649;
	}

body.contact #main .confirm .btn input#btnSend {
    padding: 1rem 0;
    width: 46%;
    color: #fff;
    background-color: #b58649;
	}

body.contact #main p.message {
    margin: 0 auto 3rem;
    text-align: center;
    font-size: 14px;
	}

body.contact #main .complete a.returnTop {
    display: block;
    margin: 0 auto 3rem;
    padding: 1rem 0;
    width: 80%;
    text-align: center;
    font-size: 13px;
    background-color: #eee;
    color: #333;
    font-weight: bold;
	}

}

/*=================================================
	gallery
=================================================*/

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

body.gallery #main .sect02 ul.wrapper {
    margin: 0 auto;
    width: 100%;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 60px;
	}

body.gallery #main .sect02 ul.wrapper li {
    display: inline-block;
    vertical-align: top;
    width: 24%;
    margin-bottom: 12px;
    margin-right: 1.33%;
    float: none;
	}

body.gallery #main .sect02 ul.wrapper li:nth-child(4n) {
	margin-right: 0;
	}

}

@media only screen and (max-width: 768px) {

body.gallery #main .sect02 ul.wrapper {
    margin: 0 auto;
    width: 100%;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 12px;
	}

body.gallery #main .sect02 .titleArea {
    margin: 0;
	}

body.gallery #main .sect02 ul.wrapper li {
    display: inline-block;
    vertical-align: top;
    width: 49% !important;
    margin-bottom: 12px;
    margin-right: 2%;
    float: none;
	}

body.gallery #main .sect02 ul.wrapper li:nth-child(2n) {
	margin-right: 0;
	}

}

/*=================================================
	20200803 add style - top banner
=================================================*/

.cupido-banner { margin: 60px auto; }

.cupido-banner ul {
    display: flex;
    justify-content: space-between;
    width: 100%;
    max-width: 840px;
    margin: 0 auto;
    }

.cupido-banner ul li { width: 32%; }
.cupido-banner ul li a:hover { opacity: .75; }


@media only screen and (max-width: 767px) {

.cupido-banner { margin: 24px auto; }
.cupido-banner ul {
    flex-wrap: wrap;
    width: 80%;
    }

.cupido-banner ul li {
    width: 100%;
    margin: 6px 0;
    }

}