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

/*---------------------------------------------
	General Settings
  ---------------------------------------------*/
img { max-width: 100%; height: auto; width: auto\9; vertical-align:bottom; }

html,body{
	height: 100%;
	min-height: 100%;
}

html {
	font-size: 62.5%;
}

body {
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.6;
	font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	background: #fff;
	color: #1b1b1b;
}
	

/*---------------------------------------------
	Header
  ---------------------------------------------*/
.header-inner {
	position: relative;
	margin: 0;
	padding: 5px 5px 10px 0;
	z-index: 2;
	border-top: 3px solid #848788;
}

.header-inner .logo {
	margin: 0;
	padding: 0;
	width: 50%;
}

.header-inner h1,
.home-guide .left-box .description,
.home-guide .right-box {
	display: none;
}

@media (min-width: 768px) {
	.header-inner {
		padding: 0;
		z-index: 99;
	}

	.header-inner .home-guide {
		display: block;
		margin-bottom: 30px;
	}

	.header-inner .home-guide::after {
		display: block;
		content: "";
		clear: both;
	}

	.header-inner .left-box {
		float: left;
	}

	.home-guide .left-box .description {
		display: none;
	}

	.header-inner .logo {
		width: 100%;
		margin: 20px 0 0 10px;
	}

	.header-inner .right-box {
		display: block;
		float: right;
		margin: 25px 20px 0 10px;
	}

	.right-box .guide {
		list-style: none;
		margin: 0;
		padding: 0;
	}

	.right-box .guide li {
		display: inline-block;
		transition: all .3s;
	}

	.right-box .guide li a {
		font-size: .75em;
		text-decoration: none;
		color: #848788;
	}

	.right-box .guide .company,
	.right-box .guide .inquiry {
		margin-right: 20px;
	}

	.right-box .guide .company a::before {
	  content: "\f1ad";
	  font-family: 'FontAwesome';
	  font-weight: normal;
	  margin-right: .25em;
	}

	.right-box .guide .inquiry a::before {
	  content: "\f0e0";
	  font-family: 'FontAwesome';
	  font-weight: normal;
	  margin-right: .25em;
	}

	.right-box .guide .facebook a::before {
		display: inline-block;
		content: "\f09a";
		font-size: .75em;
	  font-family: 'FontAwesome';
	  margin-right: 10px;
	}

	.right-box .guide .twitter a::before {
		display: inline-block;
		content: "\f099";
		font-size: .75em;
	  font-family: 'FontAwesome';
	}

	.right-box .tel {
		float: right;
		font-size: 1.5em;
		color: #848788;
		font-family:"Times New Roman";
		margin: 15px 0 0 0;
	}

	.right-box .tel::before {
	  content: "\f095";
	  font-family: 'FontAwesome';
	  font-size: .875em;
	  font-weight: normal;
	  margin-right: .25em;
	}

	.right-box .guide .company:hover,
	.right-box .guide .inquiry:hover,
	.right-box .guide .facebook a:hover::before,
	.right-box .guide .twitter a:hover::before {
		opacity: .7;
	}
}

@media (min-width: 1024px) {
	.header-inner .home-guide {
	  margin-bottom: 20px;
	}

	.home-guide .left-box .description {
		display: block;
		color: #959595;
		font-size: .75em;
		margin: 30px 0 0 20px;
	}

	.header-inner .logo {
    width: 100%;
    margin: 2px 0 0 10px;
	}
}

@media (min-width: 1400px) {
	.header-inner .home-guide {
		max-width: 1240px;
		margin: auto auto 20px;
	}
}

/*---------------------------------------------
	Header Toggle
  ---------------------------------------------*/
.header-toggle {
  position: absolute;
  top: 1em;
  right: .6em;
  z-index: 6;
  border: none;
  background: #bdc3c9;
  color: #fff;
  padding: 10px 12px;
}

.header-toggle.close::before {
  content: "\f0c9";
  font-family: 'FontAwesome';
  font-size: 1em;
  font-weight: normal;
  margin-left: 0;
  margin-right: 0;
}

.header-toggle.open::before {
  content: "\f00d";
  font-family: 'FontAwesome';
  font-size: 1em;
  font-weight: normal;
  margin-left: 0;
  margin-right: 0;
  color: white;
  background: #848788;
}

@media (min-width: 768px) {
	.header-inner #toggle,
	.header-toggle.close::before,
	.header-toggle.open::before {
		display: none;
	}
}

/*---------------------------------------------
	Header Nav Block
  ---------------------------------------------*/
.header-nav-block {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
	width: 100%;
	background: rgba(0, 0, 0, 0.85);
	padding: 70px 0 0;
}

.global-nav .menu {
	list-style: none;
	margin: 0 auto;
	padding: 0;
	border-top: 1px solid #535353;
	font-size: .875em;
}

.global-nav .menu li a {
	display: block;
	background: rgba(0, 0, 0, 0.8);
	text-align: center;
	text-decoration: none;
	color: #fff;
	padding: 10px;
	border-bottom: 1px solid #535353;
}

@media (min-width: 768px) {
	.header-nav-block {
		display: block;
		background: #848788;
		position: static;
		padding: 0;
		text-align: center;
	}

	.global-nav .menu {
    list-style: none;
    width: calc(100% - 40px);
    letter-spacing: -.5em;
    background: #848788;
    border-top: none;
    font-size: 1em;
    font-family: "Times New Roman";
	}

	.global-nav .menu li {
		position: relative;
		display: inline-block;
		letter-spacing: normal;
		width: 16.53225806451613%;
	}

	.global-nav .menu li::before {
		position: absolute;
		top: 10px;
		left: 0;
		width: 1px;
		height: 20px;
		background: #e9eaea;
		content: '';
	}

	.global-nav .menu li:last-child::after {
		position: absolute;
		top: 10px;
		right: 0;
		width: 1px;
		height: 20px;
		background: #e9eaea;
		content: '';
	}

	.global-nav .menu li a {
		position: relative;
		z-index: 1;
		padding: 8px 0;
    border-bottom: none;
    background: none;
    transition: background .5s ease;
	}

	.global-nav .menu li a:before {
		position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
    display: block;
    width: 0;
    height: 2px;
    background-color: #e9eaea;
    content: "";
    transition: width .3s ease;
  }

  .global-nav .menu li a:hover {
  	background: #e9eaea;
  }
 
	.global-nav .menu li a:hover:before {
    width: 100%;
  }
}

@media (min-width: 1400px) {
	.global-nav .menu {
		max-width: 1240px;
	}
}

/*---------------------------------------------
	Login Info
  ---------------------------------------------*/
 .header-nav-block .login-info {
 	list-style: none;
 	margin: 0 auto;
 	padding: 0;
 	font-size: .875em;
 }

.header-nav-block .login-info li a {
	display: block;
	background: rgba(0, 0, 0, 0.8);
	text-align: center;
	text-decoration: none;
	color: #fff;
	padding: 10px;
	border-bottom: 1px solid #535353;
}

	.header-nav-block .login-info .login,
	.header-nav-block .login-info .logout,
	.header-nav-block .login-info .about-login {
			margin: 0;
			padding: 0;
	}

@media (min-width: 768px) {
	.header-nav-block .login-info {
		position: fixed;
		right: 0;
		font-size: 1em;
		width: 36px;
		background: #fff;
	}

	.header-nav-block .login-info li a {
		display: block;
		top: 30%;
		background: #fff;
		padding: 10px 0;
		text-decoration: none;
		color: #848788;
		border-bottom: none;
	}

	.header-nav-block .login-info .login span,
	.header-nav-block .login-info .logout span,
	.header-nav-block .login-info .about-login span {
		display: none;
	}

	.header-nav-block .login-info li {
		margin: 5px 0;
		transition: all .3s;
	}

	.header-nav-block .login-info li a:hover {
		opacity: .7;
	}

	.header-nav-block .login-info .login::before {
			display: inline-block;
			content: "\f090";
		  font-family: 'FontAwesome';
		  color: #848788;
		  padding: 0;	
	}

	.header-nav-block .login-info .logout::before {
			display: inline-block;
			content: "\f08b";
		  font-family: 'FontAwesome';
		  color: #848788;
		  padding: 0;	
	}


	.header-nav-block .login-info .about-login::before {
		display: inline-block;
		content: "\f059";
	  font-family: 'FontAwesome';
	  color: #848788;
	  padding: 0;
	}
}

@media (min-width: 1024px) {
	.header-nav-block .login-info {
		font-size: 1.5em;
		width: 60px;
	}
}

/*---------------------------------------------
	Mainvisual
  ---------------------------------------------*/
.mainvisual {
	margin-bottom: 50px;
}

.home-slide {
	margin: 0;
	padding: 0;
 	list-style: none;
 	overflow: hidden;
 	position: relative;
}

.home-slide .slick-slide {
  background: #fff;
}
@media print {
	.home-slide .slide-img {
		width: 1024px;
	}
}

.home-slide .slide-parts {
  position: absolute;
  top: 38%;
  padding: 0 10px;
  text-align: left;
  color: #fff;
}

.home-slide .slide-parts .catch-copy {
  font-family:"Times New Roman";
  font-size: 1.125em;
  line-height: 1;
  margin: 0;
  color: #848788;
}

@media (min-width: 480px) {
	.home-slide .slide-parts {
		top: 40%;
	}

	.home-slide .slide-parts .catch-copy {
		font-size: 1.25em;
	}
}

@media (min-width: 768px) {
	.home-slide .slide-parts {
		top: 47%;
		margin-left: 50px;
		padding: 0;
	}

	.home-slide .slide-parts .catch-copy {
		font-size: 1.875em;
	}
}

@media (min-width: 1024px) {
	.home-slide .slide-parts {
		margin-left: 90px;
	}

	.home-slide .slide-parts .catch-copy {
		font-size: 3em;
	}
}

/*---------------------------------------------
	Home Legend
  ---------------------------------------------*/
.home-legend {
	margin: 0 auto 100px;
}

.home-legend .legend-logo {
	text-align: center;
	width: 256px;
	margin: 0 auto 30px;
}

.home-legend .legend-message {
	display: none;
}

.legend-box .legend-catch {
	display: none;
}

@media (min-width: 480px) {
	.home-legend .legend-message {
		display: block;
		text-align: center;
		font-family:"游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
		font-size: 1em;
		padding-bottom: 20px;
	}
}

@media (min-width: 768px) {
	.home-legend .legend-box {
		overflow: hidden;
		margin: 0 0 0 10px;
	}

	.legend-box .legend-detail {
		float: left;
		margin: 0;
		padding: 0;
		width: 34.375%;
		vertical-align: top;
	}

	.legend-box .legend-catch {
		position: relative;
		z-index: -1;
		display: block;
		-webkit-transform: skewX(-30deg);
    -ms-transform: skewX(-30deg);
    transform: skewX(-30deg);
    -webkit-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    transform-origin: bottom left;
	}

	.legend-box .legend-photo {
		overflow: hidden;
		margin: 0;
		padding: 0;
	}

	.skew-img {
    -webkit-transform: skewX(30deg);
    -ms-transform: skewX(30deg);
    transform: skewX(30deg);
    -webkit-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    transform-origin: bottom left;
    vertical-align: middle;
	}
}

@media (min-width: 1400px) {
	.home-legend {
		max-width: 1240px;
	}

	.home-legend .legend-box {
		margin: 0;
	}
}


/*---------------------------------------------
	Contents Title Perts
  ---------------------------------------------*/
.contents-title-main,
.contents-title-main2 {
	margin: auto 10px 30px;
	border-top: 3px solid #848788;
	border-bottom: 1px solid #c9c9c9;
	padding: 10px 0;
	font-family:"Times New Roman";
	font-size: 1.5em; /*24px*/
}

.contents-title-main2 {
	border-top: 3px solid #00a0e9;	
}

@media (min-width: 1400px) {
	.contents-title-main,
	.contents-title-main2 {
		margin: auto 0 30px;
	}
}

.contents-title-main .jp-name,
.contents-title-main2 .jp-name {
	display: block;
	margin-top: -7px;
	font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-size: .4583em;
	color: #848788;
}

.contents-title-main2 .jp-name {
	color: #00a0e9;
}

@media (min-width: 768px) {
	.contents-title-main2 {
		margin: auto 0 30px;
	}
}

/*---------------------------------------------
	Contents Btn Perts
  ---------------------------------------------*/
.contens-btn-main,
.contens-btn-main2 {
	text-align: center;
	display: block;
	width: 210px;
	margin: 0 auto;
}

.contens-btn-main2 {
	width: 190px;
}

.contens-btn-main a ,
.contens-btn-main2 a {
	display: block;
	position: relative;
	background: #848788;
	color: #fff;
	text-align: center;
	text-decoration: none;
	padding: 10px;
	font-size: .75em;
}

@media (min-width: 768px) {
	.contens-btn-main a,
	.contens-btn-main2 a{
		width: 190px;
		transition: all .3s;
	}

	.contens-btn-main2 {
		width: 210px;
	}

	.contens-btn-main a:hover,
	.contens-btn-main2 a:hover {
		opacity: .7;
	}
}

.contens-btn-main a::after,
.contens-btn-main2 a::after {
	content: "\f105";
	font-family: "FontAwesome";
	position: absolute;
	top: 50%;
	right: 10px;
	margin: -10px 0 0 0;
}

.contens-btn-back,
.contens-btn-back-center {
	display: none;
}

@media (min-width: 768px) {
	.contens-btn-back,
	.contens-btn-back-center {
		display: block;
		width: 190px;
		margin: 0 0 50px 10px;
	}

		.contens-btn-back-center {
			margin: 0 auto 50px;
		}

	.contens-btn-back a,
	.contens-btn-back-center a {
		display: block;
    padding: 10px 10px 10px 30px;
		text-decoration: none;
		text-align: left;
		background: #848788;
		color: #fff;
		font-size: .75em;
		position: relative;
		transition: all .3s;
	}

	.contens-btn-back a::before,
	.contens-btn-back-center a::before {
		position: absolute;
		left: 10px;
		top: 10px;
		content: "\f104";
	  font-family: 'FontAwesome';
	}

	.contens-btn-back a:hover,
	.contens-btn-back-center a:hover {
		opacity: .7;
	}
}

@media (min-width: 1400px) {
	.contens-btn-back {
		margin-left: 0;
	}
}

/*---------------------------------------------
	Home Pickup
  ---------------------------------------------*/
.home-pickup {
	margin: 0 auto 100px;
}

.home-pickup-item {
	margin: 0;
	padding: 0 10px;
	list-style: none;
	text-align: left;
	letter-spacing: -.5em;
}

@media (min-width: 1400px) {
	.home-pickup-item {
		padding: 0;
	}
}

.home-pickup-item li {
	display: inline-block;
	width: calc(50% - 10px);
	margin: 0 auto 20px;
	text-align: left;
	box-sizing: border-box;
	vertical-align: top;
	letter-spacing: normal;
}

.home-pickup-item li:not(:nth-of-type(even)) {
	margin-right: 20px;
}

.home-pickup-item figure {
	margin: 0;
	padding: 0;
}

.home-pickup-item cite {
	display: none;
}

@media (min-width: 480px) {
	.home-pickup-item li {
		width: 32%;
		margin: 0 0 20px;
	}

	.home-pickup-item li:not(:nth-of-type(even)) {
		margin-right: 0;
	}

	.home-pickup-item li:not(:nth-of-type(3n)) {
		margin-right: 2%;
	}
}

@media (min-width: 768px) {
	.home-pickup-item li {
		width: 23.79032258064516%;
		transition: all .3s;
	}

	.home-pickup-item li:not(:nth-of-type(3n)) {
		margin-right: 0;
	}

	.home-pickup-item li:not(:nth-of-type(4n)) {
		margin-right: 1.612903225806452%;
	}

	.home-pickup-item li a {
		text-decoration: none;
	}

	.home-pickup-item li:hover {
		opacity: .7;
	}

	.home-pickup-item figure {
		overflow: hidden;
		transition: all .3s;
	}

	.home-pickup-item cite {
		display: block;
	}

	.home-pickup-item cite {
		font-size: .875em;
		color: #848788;
		text-align: left;
		text-decoration: none;
		font-style: normal;
		padding: 0 0 35px 0;
	}
}

@media (min-width: 1400px) {
	.home-pickup {
		max-width: 1240px;
	}
}

/*---------------------------------------------
	Home Category
  ---------------------------------------------*/
.home-category {
	margin:0 auto 100px;
}

.home-category-item {
	margin: 0;
	padding: 0 10px;
	list-style: none;
	text-align: left;
	letter-spacing: -.5em;
}

@media (min-width: 1400px) {
	.home-category-item {
		padding: 0;
	}
}

.home-category-item li {
	display: inline-block;
	margin: 0 auto 20px;
	text-align: left;
	box-sizing: border-box;
	vertical-align: top;
	letter-spacing: normal;
}

@media (min-width: 480px) {
	.home-category-item li {
		width: calc(50% - 10px);
	}

	.home-category-item  li:not(:nth-of-type(even)) {
		margin-right: 20px;
	}
}

.home-category-item li a {
	text-decoration: none;
}

.home-category-item figure {
	margin: 0;
	padding: 0;
}

.home-category-item cite {
	font-size: 1.125em;
	font-family:"Times New Roman";
	color: #0068b7;
	text-decoration: none;
	font-style: normal;
}

.home-category-item cite::before {
	content: "\f138";
	font-family: "FontAwesome";
	font-weight: normal;
	margin-right: .25em;
}

@media (min-width: 768px) {
	.home-category-item li {
		position: relative;
		transition: all .3s;
	}

	.home-category-item li cite {
		color: #1b1b1b;
		position: absolute;
		top: 73%;
		right: 0;
	}

	.home-category-item cite::before {
		display: none;
	}

	.home-category-item cite::after {
		content: "\f105";
		font-family: "FontAwesome";
		color: #fff;
		margin-left: .25em;
		background: #848788;
		padding: 0 6px;
	}

	.home-category-item li:hover {
		opacity: .7;
	}
}

@media (min-width: 1400px) {
	.home-category {
		max-width: 1240px;
	}
}

/*---------------------------------------------
	Main Contents
  ---------------------------------------------*/
@media (min-width: 768px) {  
	.main-contents {
		display: -webkit-flex;
	  display: -ms-flex-box;
	  display: flex;
	  margin: 0 10px 0;
	}
}

@media (min-width: 1080px) {  
	.main-contents {
	  margin: 0 auto;
	}
}

@media (min-width: 1400px) {  
	.main-contents {
		max-width: 1240px;
	}
}

/*---------------------------------------------
	Home Brand
  ---------------------------------------------*/
.home-brand {
	margin:0 auto 100px;
}

.home-brand-list {
	margin: 0;
	padding: 0 10px;
	list-style: none;
	text-align: left;
	letter-spacing: -.5em;
}

.home-brand-list li {
	display: inline-block;
	margin: 0 auto 20px;
	box-sizing: border-box;
	vertical-align: top;
	letter-spacing: normal;
}

@media (min-width: 480px) {
	.home-brand-list li {
		width: calc(50% - 10px);
	}

	.home-brand-list li:not(:nth-of-type(even)) {
		margin-right: 20px;
	}
}

.home-brand-list .brand-box {
	display: -webkit-flex;
  display: -ms-flex-box;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  margin: 0 auto;
  border:1px solid #c9c9c9;
  text-align: center;
  letter-spacing: -.5em;
}

.brand-box .brand-left,
.brand-box .brand-right {
	display: inline-block;
	vertical-align: middle;
	letter-spacing: normal;
}

.brand-box .brand-left {
	width: 67.39130434782609%;
}

.brand-box .brand-right {
	width: 32.60869565217391%;
	box-sizing: border-box;
	padding: 0 10px;
}

.home-brand-list li cite {
	display: none;
}

.home-brand-list .home-shop {
	border:1px solid #c9c9c9;
}

@media (min-width: 768px) {
	.home-brand {
		width: 25.40322580645161%;
		padding: 0 20px 0 0;
	}
}

@media (min-width: 1080px) {
	.home-brand {
		width: 24.609375%;
		padding: 0 20px 0 0;
	}
}

@media (min-width: 768px) {
	.home-brand-list {
		list-style: none;
		text-align: left;
		margin: 0;
		padding: 20px 10px;
		letter-spacing: normal;
		background: #f5fbfe;
	}

	.home-brand-list > li {
		max-width: 275px;
		width: 100%;
		margin: 0 0 10px;
		display: block;
		background: #f5fbfe;
	}

	.home-brand-list li:not(:nth-of-type(even)) {
		margin-right: 0;
	}

	.home-brand-list > li > a {
		display: block;
		text-decoration: none;
		transition: all .3s;
	}

	.home-brand-list > li > a:hover {
		opacity: .7;
	}

	.home-brand-list > li .brand-box {
		border: 1px solid #c9c9c9;
		background: white;
		letter-spacing: -.5em;
		overflow: hidden;
	}

	.home-brand-list > li .brand-left,
	.home-brand-list > li .brand-right {
		display: inline-block;
		width: 50%;
		letter-spacing: normal;
	}

	.home-brand-list > li .brand-left {
		vertical-align: top;
	}

	.home-brand-list > li .brand-left > img {
		max-width: 150%;
	}

	.home-brand-list > li .brand-right {
		margin-bottom: -15px;
		background: white;
		padding: 10px 0;
		vertical-align: bottom;
		text-align: center;
		transform: skewX(-26deg);
		transform-origin: center right;
		overflow: hidden;
	}

	.home-brand-list > li .brand-right > img {
		transform: skewX(26deg);
	}

	.home-brand-list > li .home-shop {
		border:1px solid #c9c9c9;
		overflow: hidden;
	}

	.home-brand-list li cite {
		display: block;
		color: #0068b7;
		text-decoration: none;
		font-style: normal;
	}

	.home-brand-list li cite::before {
		content: "\f138";
    font-family: "FontAwesome";
    color: #0068b7;
    margin-right: .25em;
	}
}

@media (min-width: 1024px) {
	.home-brand-list > li .brand-left > img {
		max-width: 150%;
	}
	.home-brand-list > li .brand-right {
		margin-bottom: -12px;
	}
}


/*---------------------------------------------
	Info
  ---------------------------------------------*/
 .home-media,
 .home-event,
 .home-news,
 .home-column {
 	margin: 0 auto 100px;
 }

@media (min-width: 480px) {
	.contets-info-area {
	  -webkit-flex-wrap: wrap;
	  flex-wrap: wrap;
		display : -webkit-inline-box;
		display : -ms-inline-flexbox;
		display : -webkit-inline-flex;
		display : inline-flex;
	}

	.home-media,
	.home-event,
	.home-news,
	.home-column {
		margin: 0 auto 100px;
		width: calc(50% - 5px);
	}
}

@media (min-width: 768px) {
	.home-media,
	.home-event,
	.home-news,
	.home-column {
		width: 50%;
		margin: 0 0 100px;
	}
}

@media (min-width: 1080px) {
	.home-media,
	.home-event,
	.home-news,
	.home-column {
		width: 47.265625%;
		margin: 0 0 100px;
	}

	.home-media,
	.home-news {
		padding-right: 17.5px;
	}

	.home-event,
	.home-column {
		padding-left: 17.5px;
	}
}

.info-area {
	margin: 0 10px 30px;
	padding: 0;
	list-style: none;
	letter-spacing: -.5em;
	overflow: hidden;
}

.info-area li {
	margin-bottom: 20px;
	padding: 0 0 20px;
	border-bottom: 1px dotted #b2b2b2;
	letter-spacing: normal;
	transition: all .3s;
}

.info-area li::after {
	display: block;
	clear: both;
	content: '';
}

.info-area li a {
	text-decoration: none;
}

.info-area li:hover {
	opacity: .7;
}

.info-area .img-box {
	float: left;
	padding: 0 10px 0 0;
	width: 120px;
}

.info-area .info-box {
	padding: 0;
	overflow: hidden;
}

.info-area .info-box time {
	font-size: .75em;
	color: #959595;
}

.info-area .info-box time::before {
	content: "\f017";
	font-family: "FontAwesome";
	font-weight: normal;
	margin-right: .25em;
}

.info-area .info-box .info {
	display: block;
	margin: 0;
	padding: 0;
	font-size: .875em;
	color: #848788;
	overflow: hidden;
}

@media (min-width: 768px) {
	.contets-info-area {
		/*width: 73.87096774193548%;*/
		width: 74.59677419354839%;
	}
}

/*---------------------------------------------
	Footer
  ---------------------------------------------*/
footer {
	padding:20px 10px;
	background: #fff;
}

@media (min-width: 768px) { 
	footer{
		border-top: 1px solid #f4c8c8;
		padding-top: 60px;
	}
}

.footer-profile .footer-company {
	margin: 0 0 20px;
	font-size: .875em;
}

.footer-profile .footer-company a {
	text-decoration: none;
	color: #1b1b1b;
  font-weight: normal;
}

.footer-profile > address {
	margin-bottom: 50px;
	font-style: normal;
	font-size: .75em;
}

.footer-nav > nav > .footer-home,
.footer-nav > nav > .footer-brand,
.footer-nav > nav > .footer-product,
.footer-nav > nav > .footer-display {
  padding: 0;
  list-style: none;
  font-size: .875em;
}

.footer-nav > nav > .footer-home > li,
.footer-nav > nav > .footer-brand > li,
.footer-nav > nav > .footer-product > li,
.footer-nav > nav > .footer-display > li {
  border: 1px solid #1b1b1b;
  margin-bottom: 10px;
}

.footer-nav > nav > .footer-home > li a,
.footer-nav > nav > .footer-brand > li a,
.footer-nav > nav > .footer-product > li a,
.footer-nav > nav > .footer-display > li a {
  display: block;
  position: relative;
  padding: 12px 10px;
  text-decoration: none;
  color: #1b1b1b;
}

.footer-nav > nav > .footer-home > li a {
	padding-left: 28px;
}

.footer-nav > nav > .footer-brand > li:not(:first-child),
.footer-nav > nav > .footer-product > li:not(:first-child){
	display: none;
}

.footer-nav > nav > .footer-home > li a::after,
.footer-nav > nav > .footer-brand > li a::after,
.footer-nav > nav > .footer-product > li a::after,
.footer-nav > nav > .footer-display > li a::after {
	content: "\f105";
	font-family: "FontAwesome";
	font-weight: normal;
	position: absolute;
	top: 50%;
	right: 18px;
	margin: -12px 0 0;
}

.footer-nav > nav > .footer-home > li a::before {
	content: "\f015";
	font-family: "FontAwesome";
	font-weight: normal;
	position: absolute;
	top: 50%;
	left: 10px;
	margin: -12px 0 0;
}

@media (min-width: 768px) { 
	.footer-nav  > nav {
		overflow: hidden;
	}

	.footer-nav > nav > ul {
		width: 24.697572%;
		margin: 0 10px;
	}

	.footer-nav > nav > ul:first-child {
		width: 12.68777257308997%;
		margin-left: 0;
	}

	.footer-nav > nav > .footer-home,
	.footer-nav > nav > .footer-brand,
	.footer-nav > nav > .footer-product,
	.footer-nav > nav > .footer-display {
		float: left;
	  padding: 0;
	  list-style: none;
	  font-size: .875em;
	  margin-top: 0;
	}

	.footer-nav > nav > .footer-home > li,
	.footer-nav > nav > .footer-brand > li,
	.footer-nav > nav > .footer-product > li,
	.footer-nav > nav > .footer-display > li {
		display: block;
	  border: none;
	  margin-bottom: 0;
	}

	.footer-nav > nav > .footer-brand > li:first-child,
	.footer-nav > nav > .footer-product > li:first-child {
		margin-bottom: 10px;
	}

	.footer-nav > nav > .footer-brand > li:not(:first-child),
	.footer-nav > nav > .footer-product > li:not(:first-child){
		display: block;
		margin-left: 20px;
		font-size: 0.8125em;
	}

	.footer-nav > nav > .footer-home > li a,
	.footer-nav > nav > .footer-brand > li a,
	.footer-nav > nav > .footer-product > li a,
	.footer-nav > nav > .footer-display > li a {
	  text-decoration: none;
	  padding: 0;
	  color: #1b1b1b;
	}

	.footer-nav > nav > .footer-home > li a {
		padding-left: 0;
	}

	.footer-profile .footer-company a:hover,
	.footer-nav > nav > .footer-home > li a:hover,
	.footer-nav > nav > .footer-brand > li a:hover,
	.footer-nav > nav > .footer-product > li a:hover,
	.footer-nav > nav > .footer-display > li a:hover {
		text-decoration: underline;
		opacity: .7;
	}

	.footer-nav > nav > .footer-home > li a::after,
	.footer-nav > nav > .footer-brand > li a::after,
	.footer-nav > nav > .footer-product > li a::after,
	.footer-nav > nav > .footer-display > li a::after {
		display: none;
	}

	.footer-nav > nav > .footer-home > li a::before {
		position: static;
		margin-right: .25em;
	}
}

@media (min-width: 1024px) { 
	.footer-inner {
		display: -webkit-flex;
	  display: -ms-flex-box;
	  display: flex;
	  -ms-flex-wrap: wrap;
	  flex-wrap: wrap;
	}

	.footer-inner .footer-profile {
		width: 32.25806451612903%;
		margin-right: 1.612903225806452%;
	}
	
	.footer-nav {
		width: 64.0625%;
	}

	.footer-nav > nav > ul {
		width: calc(28.69757174392936% - 10px);
		margin: 0 10px;
	}

	.footer-nav > nav > .footer-home {
		width: 10.36585365853659%;
	}

	.footer-nav > nav > .footer-brand,
	.footer-nav > nav > .footer-product,
	.footer-nav > nav > .footer-display {
		width: 24.39024390243902%;
	}
}

@media (min-width: 1400px) { 
	.footer-inner {
		max-width: 1240px;
		margin: 0 auto;
	}
}

footer .sns {
	margin: 50px auto;
	padding: 0;
	list-style: none;
	color: #1b1b1b;
	text-align: center;
}

.sns > li {
	display: inline-block;
	padding: 0;
}

.sns > li a {
	display: block;
	text-decoration: none;
	color: #fff;
	font-size: .8125em;
	width: 30px;
	height: 30px;
	position: relative;
}

.sns .facebook {
	border-radius: 50%;
	background: #39579a;
	transition: all .3s;
}

.sns .twitter {
	border-radius: 50%;
	background: #168fc1;
	transition: all .3s;
}

.sns .facebook a::after,
.sns .twitter a::after {
	position: absolute;
	top: 50%;
	left: 50%;
}

.sns .facebook a::after {
	content: "\f09a";
  font-family: 'FontAwesome';
  margin-top: -.7em;
	margin-left: -.3em;
}

.sns .twitter a::after {
	content: "\f099";
  font-family: 'FontAwesome';
  margin-top: -.7em;
	margin-left: -.4em;
}

@media (min-width: 768px) { 
	.sns .facebook a:hover::after,
	.sns .twitter a:hover::after {
		opacity: .7;
	}
}

footer .copyright {
	padding: 0;
	text-align: center;
	font-family:"Times New Roman";
	font-size: .625em;
}

/*---------------------------------------------
	Bread Crumb
  ---------------------------------------------*/
.breadcrumb {
  margin-bottom: 100px;
  background: #eeeeee;
}

.breadcrumb > ol {
  list-style: none;
  margin: 0 auto;
  padding: 1em 20px;
  text-align: left;
  letter-spacing: -.5em;
  font-size: .875em;
}

@media (min-width: 1400px) {
	.breadcrumb > ol {
		max-width: 1240px;
	}
}

.breadcrumb > ol > li {
  display: inline-block;
  letter-spacing: normal;
}

.breadcrumb > ol > li > a {
  text-decoration: none;
  color: #1b1b1b;
}

.breadcrumb > ol > li:first-of-type::before {
  margin-right: .25em;
  font-family: 'FontAwesome';
  content: '\f015';
}

.breadcrumb > ol > li:not(:first-of-type)::before {
  margin: 0 .5em 0 .75em;
  font-family: 'FontAwesome';
  content: '\f105';
}

/*---------------------------------------------
	Tab Btn Area
  ---------------------------------------------*/
.tab-btn-area {
	margin-bottom: 50px;
}

.tab-btn {
	list-style: none;
	margin: 0 auto;
	padding: 0;
	letter-spacing: -.5em;
}

.tab-btn > li {
	display: inline-block;
	font-size: .75em;
	letter-spacing: normal;
}

.tab-btn > li a,
.tab-btn > li .current {
	display: block;
	position: relative;
	margin: 0 10px 10px;
	padding: 8px 15px 8px 20px;
	background: #848788;
	border: 1px solid #fff;
	color: #fff;
	text-decoration: none;
	transition: all .3s;
}

.tab-btn > li a::before,
.tab-btn > li .current::before {
	position: absolute;
	left: 6px;
	content: "\f0a9";
	font-family: "FontAwesome";
	font-weight: normal;
}

.tab-btn > li .current::before {
	content: "\f0ab";
}

.tab-btn > li .current {
	background: #fff;
	border: 1px solid #848788;
	color: #de4141;
}

@media (min-width: 768px) {
	.tab-btn {
		text-align: center;
	}

	.tab-btn > li a,
	.tab-btn > li .current {
		margin: 0 5px 5px;
		padding: 8px 15px 8px 20px;
	}

	.tab-btn > li a::before,
	.tab-btn > li .current::before {
		left: 6px;
	}

	.tab-btn > li a:hover {
		background: #fff;
		border: 1px solid #848788;
		color: #848788;
	}
}

@media (min-width: 1024px) {
	.tab-btn li {
		width: calc(20% - 5px);
	}
}

@media (min-width: 1400px) {
	.tab-btn {
		max-width: 1240px;
	}
}

/*---------------------------------------------
	All News Area
  ---------------------------------------------*/
.all-news-area {
	margin: 0 auto 100px;
}

@media (min-width: 768px) {
	.all-news-area {
		max-width: 820px;
	}
}

.all-news {
	margin: 0 10px 30px;
	padding: 0;
	list-style: none;
	letter-spacing: -.5em;
	overflow: hidden;
}

.all-news li {
	margin: 0 0 20px 0;
	padding: 0 0 10px;
	vertical-align: top;
	border-bottom: 1px dotted #b2b2b2;
	letter-spacing: normal;
	transition: all .3s;
}

.all-news li:nth-child(odd) {
	margin-right: 20px;
}

.all-news li::after {
	display: block;
	clear: both;
	content: '';
}

.all-news li a {
	text-decoration: none;
}

.all-news .img-box {
	float: left;
	padding: 0 10px 0 0;
	width: 150px;
}

.all-news .news-box {
	padding: 0;
	overflow: hidden;
}

.all-news .news-box time {
	font-size: .75em;
	color: #959595;
}

.all-news .news-box time::before {
	content: "\f017";
	font-family: "FontAwesome";
	font-weight: normal;
	margin-right: .25em;
}

.all-news .news-box .news-category {
	display: block;
	font-size: .75em;
	color: #959595;
}

.all-news .news-box .news-category::before {
	content: "\f07b";
	font-family: "FontAwesome";
	font-weight: normal;
	margin-right: .25em;
}

.all-news .news-box .news {
	display: block;
	margin: 0;
	padding: 0;
	font-size: .875em;
	color: #848788;
	overflow: hidden;
}

.all-news-area .archive-news-pager {
	text-align: center;
	list-style: none;
	margin: 0;
	padding: 0;
}

.all-news-area .archive-news-pager li {
	display: inline-block;
	font-size: .875em;
	margin: 0 5px;
}

.all-news-area .archive-news-pager li .current,
.all-news-area .archive-news-pager li a {
	display: block;
	background: #848788;
	padding: 4px 11px;
	color: #fff;
	border: 1px solid #fff;
	text-decoration: none;
	transition: all .3s;
}

.all-news-area .archive-news-pager li .current {
	background: #fff;
	color: #848788;
	border: 1px solid #848788;
}

.all-news-area .archive-news-pager li:first-child a::before {
  content: "\f100";
  font-family: "FontAwesome";
  font-size: .8125em;
  font-weight: normal;
  margin-right: .3em;
}

.all-news-area .archive-news-pager li:last-child a::after {
	content: "\f101";
	font-family: "FontAwesome";
	font-size: .8125em;
	font-weight: normal;
	margin-left: .3em;
}

@media (min-width: 768px) {
	.all-news li {
		width: calc(50% - 10px);
		display: inline-block;
	}

	.all-news li:hover {
		opacity: .7;
	}

	.all-news-area .archive-news-pager li a:hover {
		background: #fff;
		color: #848788;
		border: 1px solid #848788;
	}
}

/*---------------------------------------------
	Single News Area
  ---------------------------------------------*/
.single-news-area {
	margin: 0 auto 100px;
	padding: 0 10px;
}

@media (min-width: 768px) {
	.single-news-area {
		max-width: 820px;
		padding: 0;
	}
}

.single-news-area .news-title {
	margin: auto 0 20px;
	border-bottom: 1px solid #c9c9c9;
	padding: 10px 0;
	font-family:"游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
	font-size: 1.5em;
}

.post-data-area {
	overflow: hidden;
	margin-bottom: 105px;
}

.post-data {
	width: calc(100% - 60px);
	font-size: .875em;
	float: left;
}

.post-data .post-time,
.post-data .news-category,
.post-data .news-tag {
	margin: 0 10px 10px 0;
	display: inline-block;
}

.post-data .post-time time::before {
	content: "\f017";
	font-family: "FontAwesome";
	font-weight: normal;
	margin-right: .25em;
}

.post-data .news-category::before {
	content: "\f07b";
	font-family: "FontAwesome";
	font-weight: normal;
	margin-right: .25em;
}

.post-data a {
	text-decoration: none;
	color: #1b1b1b;
	transition: all .3s;
}

.post-data a:hover {
	opacity: .7;
}

.post-data .news-tag {
	list-style: none;
	margin: 0;
	padding: 0;
}

.post-data .news-tag li {
	display: inline-block;
}

.post-data .news-tag::before {
	content: "\f02b";
	font-family: "FontAwesome";
	font-weight: normal;
	margin-right: .25em;
}

.post-data-sns {
	float: right;
}

.post-data-sns .post-sns {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 40px;
	font-size: .875em;
}

.post-data-sns .post-sns li {
	display: inline-block;
	transition: all .3s;
}

.post-data-sns .post-sns li a {
	color: #1b1b1b;
}

.post-sns .facebook a::before {
	display: inline-block;
	content: "\f09a";
  font-family: 'FontAwesome';
  margin-right: 10px;
}

.post-sns .twitter a::before {
	display: inline-block;
	content: "\f099";
  font-family: 'FontAwesome';
}

@media (min-width: 768px) {
	.post-data .post-time,
	.post-data .news-category,
	.post-data .news-tag {
		margin: 0 10px 0 0;
	}

	.post-data-sns .post-sns li a:hover {
		opacity: .7;
	}
}

.post-data-area {
	margin-bottom: 100px;
}

.single-news {
	overflow: hidden;
}

.img-box-left {
	float: left;
	width: 48.78048780487805%;
	margin-right: 20px;
}

.img-box-right {
	float: right;
	width: 48.78048780487805%;
	margin-left: 20px;
}

.single-news-pager {
	list-style: none;
	letter-spacing: -.5em;
	margin: 0;
	padding: 0;
	text-align: center;
}

.single-news-pager::after {
	display: block;
	clear: both;
	content: '';
}

.single-news-pager li {
	display: block;
	letter-spacing: normal;
	margin: 0;
}

.single-news-pager li a {
	display: block;
	background: #848788;
	color: #fff;
	border: 1px solid #fff;
	text-decoration: none;
	padding: 8px 15px;
	font-size: .75em;
	transition: all .3s;
}

.single-news-pager li.prev,
.single-news-pager li.next {
	width: 25%;
	margin-bottom: 30px;
	position: relative;
}

.single-news-pager li.prev a::before {
	position: absolute;
	left: 8px;
	content: "\f104";
  font-family: 'FontAwesome';
}

.single-news-pager li.next a::after,
.single-news-pager li.main a::after {
	position: absolute;
	right: 8px;
	content: "\f105";
  font-family: 'FontAwesome';
}

@media (min-width: 480px) {
	.single-news-pager li.prev,
	.single-news-pager li.next {
		width: 85px;
	}
}

.single-news-pager li.prev {
	float: left;
}

.single-news-pager li.next {
	float: right;
}

.single-news-pager li.main {
	clear: both;
}

.single-news-pager li.main a {
	position: relative;
}

@media (min-width: 480px) {
	.single-news-pager li.main {
		width: calc(100% - 170px);
		clear: none;
		float: left;
	}

	.single-news-pager li.main a {
		margin: 0 auto;
		width: 190px;
	}
}

@media (min-width: 768px) {
	.single-news-pager li a:hover {
		background: #fff;
		color: #848788;
		border: 1px solid #848788;
	}
}

/*---------------------------------------------
	Back Btn
  ---------------------------------------------*/
.back-btn {
	display: none;
}

@media (min-width: 768px) {
	.back-btn {
		display: block;
		width: 200px;
		margin: 0 0 50px 10px;
	}

	.back-btn a {
		display: block;
    padding: 10px 10px 10px 20px;
		text-decoration: none;
		text-align: left;
		color: #1b1b1b;
		font-size: .75em;
		position: relative;
		transition: all .3s;
		border: 1px solid #c9c9c9;
	}

	.back-btn a::before {
		position: absolute;
		left: 10px;
		top: 10px;
		content: "\f104";
	  font-family: 'FontAwesome';
	}

	.back-btn a:hover {
		opacity: .7;
	}
}

@media (min-width: 1400px) {
	.back-btn {
		margin-left: 0;
	}
}

/*---------------------------------------------
	Single Product Area 
  ---------------------------------------------*/
.single-product-area {
	margin: 0 auto 100px;
	padding: 0;
}

@media (min-width: 1400px) {
	.single-product-area {
		max-width: 1240px;
	}
}

.single-product-box {
	margin: 0 10px 100px;
}

@media (min-width: 1400px) {
	.single-product-box {
		margin: 0 0 100px;
	}	
}

.single-product-box::after {
	display: block;
	clear: both;
	content: '';
}

.single-product-leftbox {
	float: left;
	width: calc(45% - 8px);
	margin: 0 0 10px;
}

.single-product-leftbox .product-main {
	list-style: none;
	margin: 0 0 10px;
	padding: 0;
}

/*
.single-product-leftbox .product-main li.main2,
.single-product-leftbox .product-main li.main3,
.single-product-leftbox .product-main li.main4 {
	display: none;
}*/

.single-product-leftbox .product-main li:not(:first-child) {
	display: none;
}

.single-product-leftbox .product-main li:hover {
	opacity: .7;
}

.single-product-leftbox .product-thumbnail {
	display: -ms-flex-box;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	list-style: none;
	padding: 0;
	letter-spacing: -.5em\9;
}

.single-product-leftbox .product-thumbnail li {
	display: inline-block;
	letter-spacing: normal;
	width: 23.77049180327869%;
	margin-bottom: 10px;
	cursor: pointer;
	transition: all .3s;
}

.single-product-leftbox .product-thumbnail li:not(:nth-child(4n)) {
	margin-right: 1.639344262295082%;
}

.single-product-leftbox .product-thumbnail li:hover {
	opacity: .7;
}

.single-product-rightbox {
	float: right;
	margin: 0 0 50px;
	width: calc(55% - 8px);
}

@media (min-width: 768px) {
	.single-product-leftbox,
	.single-product-rightbox {
		width: calc(50% - 10px);
	}

	.single-product-leftbox {
		margin: 0 0 40px;
	}
}

@media (min-width: 1400px) {
	.single-product-leftbox {
		margin: 0;
	}
}

.product-rightbox-top::after {
	display: block;
	clear: both;
	content: '';
}

.single-product-rightbox .category-name,
.single-product-rightbox .product-id {
	font-size: .875em;
	margin: 0 0 10px;;
	padding: 0;
}

.single-product-rightbox .product-id {
	color: #404040;
	font-size: .8125em;
}

.single-product-rightbox .product-name {
	margin: 0 0 10px;
	border-bottom: 1px solid #000000;
	padding: 10px 0;
	font-family:"游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
	font-size: 1.5em;
}

@media (min-width: 768px) {
	.single-product-rightbox .product-id {
		text-align: right;
	}

	.single-product-rightbox .product-name {
		font-size: 1.875em;
	}
}

.single-product-rightbox .single-product-sns {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 40px;
	font-size: .875em;
}

.single-product-rightbox .single-product-sns li {
	display: inline-block;
	transition: all .3s;
}

.single-product-rightbox .single-product-sns li a {
	color: #1b1b1b;
}

.single-product-rightbox .single-product-sns .facebook a::before {
	display: inline-block;
	content: "\f09a";
  font-family: 'FontAwesome';
  margin-right: 10px;
}

.single-product-rightbox .single-product-sns .twitter a::before {
	display: inline-block;
	content: "\f099";
  font-family: 'FontAwesome';
}

.single-product-rightbox .single-product-logo {
	width: 190px;
	margin: 30px 0;
}

.single-product-rightbox .single-product-summary {
	font-size: .875em;
	margin: 0 0 50px;
}

.single-product-rightbox .single-product-price {
	border: 1px solid #c9c9c9;
	background: #eeeeee;
	padding: 16px 14px;
	width: 70%;
}

.single-product-price .price {
	font-size: 1.125em;
	font-family:"Times New Roman";
	padding: 0 0 0 20px;
}

@media (min-width: 480px) {
	.single-product-rightbox .single-product-price {
		width: 50%;
	}
}

@media (min-width: 768px) {
	.single-product-rightbox .single-product-price {
		padding: 20px 18px;
		width: 40%;
	}
}

@media (min-width: 1024px) {
	.single-product-rightbox .single-product-price {
		width: 31.14754098360656%;
	}
}

.product-login-area {
	clear: both;
	margin-top: 20px;
}

@media (min-width: 1024px) {
	.product-login-area {
		width: calc(50% - 10px);
		clear: none;
		float: right;
		margin-top: 20px;
	}
}

.product-login-area .login-info-caution {
	font-size: .875em;
	text-align: center;
	margin: 40px 0 20px 0;
	padding: 0 20px;
}

@media (min-width: 480px) {
	.product-login-area .login-info-caution {
		padding: 0;
	}
}
.product-login-area .product-login-info {
	list-style: none;
	margin: 0 auto 40px;
	padding: 0;
	letter-spacing: -.5em;
	width: 60%;
}

.product-login-area .product-login-info li {
	letter-spacing: normal;
	margin: 20px 0;
}

.product-login-area .product-login-info li a {
	display: block;
	border: 1px solid #c9c9c9;
	padding: 8px;
	text-decoration: none;
	text-align: center;
	color: #1b1b1b;
	font-size: .75em;
	position: relative;
}

.product-login-area .product-login-info li a::after {
	position: absolute;
	right: 10px;
	content: "\f105";
  font-family: 'FontAwesome';
}

@media (min-width: 768px) {
	.product-login-area .product-login-info {
		width: 100%;
		text-align: center;
	}

	.product-login-area .product-login-info li {
		display: inline-block;
		width: 34.42622950819672%;
		margin: 0 10px;
	}

	.product-login-area .product-login-info li a {
		transition: all .3s;
	}

	.product-login-area .product-login-info li a:hover {
		opacity: .7;
	}
}

.order-area {
	margin: 0 auto;
	padding: 0;
}

@media (min-width: 768px) {
	.order-area {
		max-width: 820px;
	}
}

.order-area .guide-text {
	text-align: center;
	font-size: 1.125em;
}

.order-area .btn-select {
  list-style: none;
  margin: 0 20px;
  padding: 0;
  text-align: center;
}

.order-area .btn-select li {
	margin: 0 10px 20px;
}

@media (min-width: 480px) {
	.order-area .btn-select {
	  display: -ms-flex-box;
	  display: flex;
	  -ms-flex-wrap: wrap;
	  flex-wrap: wrap;
	  margin: 0;
	  letter-spacing: -.5em;
	}

	.order-area .btn-select li {
		display: inline-block;
		width: 35%;
		margin: 0 7.5%;
		letter-spacing: normal;
	}
}

.order-area .btn-select li a {
	display: block;
  margin: 0;
  padding: 12px;
  position: relative;
	text-decoration: none;
	text-align: center;
	background: #848788;
	color: #fff;
	font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-size: .875em;
	transition: all .3s;
	border: none;
}

.order-area .btn-select li a::after {
	position: absolute;
	right: 8px;
	content: "\f105";
	font-family: "FontAwesome";
	font-weight: normal;
}

.order-area .btn-select li:hover {
	opacity: .7;
}

.order-area .btn-center {
    text-align: center;
    display: block;
    width: 240px;
    margin: 0 auto;
}

.order-area .btn-center a {
    display: block;
    position: relative;
    background: #848788;
    color: #fff;
    text-align: center;
    text-decoration: none;
    padding: 12px;
    font-size: .875em;
    transition: all .3s;
}

.order-area .btn-center a::after {
    content: "\f105";
    font-family: "FontAwesome";
    position: absolute;
    top: 50%;
    right: 10px;
    margin: -10px 0 0 0;
}

/*---------------------------------------------
	Contents Subtitle Main 
  ---------------------------------------------*/
.contents-subtitle-main {
	margin: auto 10px 30px;
	border-bottom: 1px solid #1b1b1b;
	padding: 10px 0;
	font-family:"Times New Roman";
	font-size: 1.5em;
}

@media (min-width: 1400px) {
	.contents-subtitle-main {
		margin: auto 0 30px;
		padding: 0;
	}
}

.contents-subtitle-main .jp-name {
	display: block;
	margin-top: -2px;
	font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-size: .4583em;
	color: #848788;
}

/*---------------------------------------------
	Relation Item Area
  ---------------------------------------------*/
.relation-item-area .relation-item-list {
	display: -ms-flex-box;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	list-style: none;
	margin: 0;
	padding: 0 10px;
	text-align: left;
	letter-spacing: -.5em\9;
}

@media (min-width: 1400px) {
	.relation-item-area .relation-item-list  {
		padding: 0;
	}
}

.relation-item-area .relation-item-list li {
	display: inline-block;
	letter-spacing: normal;
	width: 23.5%;
	margin: 0 0 10px;
	transition: all .3s;
}

.relation-item-area .relation-item-list li:not(:nth-child(4n)) {
	margin-right: 2%;
}


@media (min-width: 768px) {
	.relation-item-area .relation-item-list li {
		width: 15.32258064516129%;
	}

	.relation-item-area .relation-item-list li:not(:nth-child(4n)) {
		margin-right: 0;
	}

	.relation-item-area .relation-item-list li:not(:nth-child(6n)) {
		margin-right: 1.612903225806452%;
	}

	.relation-item-area .relation-item-list li:hover {
		opacity: .7;
	}
}

/*---------------------------------------------
	Archive Product Area
  ---------------------------------------------*/
.archive-product-area {
	margin: 0 auto 100px;
	padding: 0;
}

@media (min-width: 1400px) {
	.archive-product-area {
		max-width: 1240px;
	}
}

.archive-product-title {
  width: 80%;
  height: auto;
	margin: 0 auto 30px;
  text-align: center;
}

.archive-product-title img {
  display: block;
}

@media (min-width: 480px) {
	.archive-product-title {
		height: 0;
		padding-top: 26.61290322580645%;
		background: url(../img/pc_archive-brand-title.png) no-repeat center;
	  background-size: contain;
	  width: 100%;
	  margin: 0 auto 50px;
	}

	.archive-product-title img {
	  display: none;
	}
}

@media (min-width: 1400px) {
	.archive-product-title {
		max-width: 1240px;
	}
}

.archive-product {
	margin:0 10px;
}

@media (min-width: 1400px) {
	.archive-product {
		margin:0;
	}
}

.archive-item-category {
	margin: 0 auto 50px;
	padding: 0 10px;
	list-style: none;
	text-align: left;
	letter-spacing: -.5em;
}

@media (min-width: 1400px) {
	.archive-item-category {
		padding: 0;
	}
}

.archive-item-category li {
	display: inline-block;
	margin: 0 auto 20px;
	text-align: left;
	box-sizing: border-box;
	vertical-align: top;
	letter-spacing: normal;
}

@media (min-width: 480px) {
	.archive-item-category li {
		width: calc(50% - 10px);
	}

	.archive-item-category li:not(:nth-of-type(even)) {
		margin-right: 20px;
	}
}

.archive-item-category li a {
	text-decoration: none;
}

.archive-item-category figure {
	margin: 0;
	padding: 0;
}

.archive-item-category cite {
	font-size: 1.125em;
	font-family:"Times New Roman";
	color: #0068b7;
	text-decoration: none;
	font-style: normal;
}

.archive-item-category cite::before {
	content: "\f138";
	font-family: "FontAwesome";
	font-weight: normal;
	margin-right: .25em;
}

@media (min-width: 768px) {
	.archive-item-category li {
		position: relative;
		transition: all .3s;
	}

	.archive-item-category li cite {
		color: #1b1b1b;
		position: absolute;
		top: 73%;
		right: 0;
	}

	.archive-item-category cite::before {
		display: none;
	}

	.archive-item-category cite::after {
		content: "\f105";
		font-family: "FontAwesome";
		color: #fff;
		margin-left: .25em;
		background: #848788;
		padding: 0 6px;
	}

	.archive-item-category li:hover {
		opacity: .7;
	}
}

@media (min-width: 1400px) {
	.archive-item-category {
		max-width: 1240px;
	}
}

/*---------------------------------------------
	Texonomy Product Cat Area
  ---------------------------------------------*/
.texonomy-product-cat-area {
	margin: 0 auto 100px;
	padding: 0;
}

@media (min-width: 1400px) {
	.texonomy-product-cat-area{
		max-width: 1240px;
	}
}

.texonomy-brand-title {
  width: 80%;
  height: auto;
	margin: 0 auto 30px;
  text-align: center;
}

.texonomy-brand-title img {
  display: block;
}

@media (min-width: 480px) {
	.texonomy-brand-title {
		height: 0;
		padding-top: 12.09677419354839%;
		background: url(../img/pc_cat-brand-title.png) no-repeat center;
	  background-size: contain;
	  width: 100%;
	  margin: 0 auto 50px;
	}

	.texonomy-brand-title img {
	  display: none;
	}
}

@media (min-width: 1400px) {
	.texonomy-brand-title {
		max-width: 1240px;
	}
}

.texonomy-product-cat {
	margin:0 10px;
}

@media (min-width: 1400px) {
	.texonomy-product-cat {
		margin:0;
	}
}

.texonomy-product-cat .texonomy-product-list {
	display: -ms-flex-box;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	list-style: none;
	margin: 50px 0 30px;
	padding: 0 10px;
	text-align: left;
	letter-spacing: -.5em;
}

@media (min-width: 768px) {
	.texonomy-product-cat .texonomy-product-list  {
		margin: 0 0 45px;
	}
}

@media (min-width: 1400px) {
	.texonomy-product-cat .texonomy-product-list  {
		padding: 0;
	}
}

.texonomy-product-cat .texonomy-product-list li {
	display: inline-block;
	letter-spacing: normal;
	width: 30.55555555555556%;
	margin: 0 0 20px;
	transition: all .3s;
	position: relative;
}

.texonomy-product-cat .texonomy-product-list li:not(:nth-child(3n)) {
	margin-right: 4.166666666666665%;
}

@media (min-width: 768px) {
	.texonomy-product-cat .texonomy-product-list li {
		width: 15.32258064516129%;
		margin: 0 0 40px;
	}

	.texonomy-product-cat .texonomy-product-list li:not(:nth-child(3n)) {
		margin-right: 0;
	}

	.texonomy-product-cat .texonomy-product-list li:not(:nth-child(6n)) {
		margin-right: 1.612903225806452%;
	}

	.texonomy-product-cat .texonomy-product-list li:hover {
		opacity: .7;
	}
}

.texonomy-product-cat .texonomy-product-list li a{
	text-decoration: none;
}

.texonomy-product-list figure {
	border: 1px solid #ccc;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	background: #fff;
	text-align: center;
	overflow: hidden;
}

@media (min-width: 768px) {
.texonomy-product-list figure img {
	/*height: 142px;*/ /*2018/04/19 s810*/
	}
}

.texonomy-product-list cite {
	display: block;
	font-size: .75em;
	color: #959595;
	text-align: left;
	font-style: normal;
	padding: 0 0 5px 0;
	line-height: 1.2;
}

@media (min-width: 768px) {
	.texonomy-product-list cite {
    line-height: normal;
    padding: 0 0 35px 0;
	}
}

.new::after,
.pickup::after,
.popular::after {
  content: "NEW";
  font-family: "Arial";
  background: #ffb5c2;
  color: #fff;
  padding: 2px 8px;
  margin-left: 5px;
  font-size: .5625em;
  position: absolute;
  top: 0;
  right: 0;
}

.pickup::after {
  content: "PICKUP";
  font-family: "Arial";
  background: #eedcb3;
}

.popular::after {
  content: "POPULAR";
  font-family: "Arial";
  background: #b6d8d7;
}

@media (min-width: 768px) {
	.new::after,
	.pickup::after,
	.popular::after {
	  padding: 4px 16px;
	}
}

.texonomy-product-cat .texonomy-product-list-pager {
	text-align: center;
	list-style: none;
	margin: 0 0 50px;
	padding: 0;
}

.texonomy-product-cat .texonomy-product-list-pager li {
	display: inline-block;
	font-size: .875em;
	margin: 0 5px;
}

.texonomy-product-cat .texonomy-product-list-pager li .current,
.texonomy-product-cat .texonomy-product-list-pager li a {
	display: block;
	background: #848788;
	padding: 4px 11px;
	color: #fff;
	border: 1px solid #fff;
	text-decoration: none;
	transition: all .3s;
}

.texonomy-product-cat .texonomy-product-list-pager li .current {
	background: #fff;
	color: #848788;
	border: 1px solid #848788;
}

.texonomy-product-cat .texonomy-product-list-pager li:first-child a::before {
	content: "\f100";
	font-family: "FontAwesome";
	font-size: .8125em;
	font-weight: normal;
	margin-right: .3em;
}

.texonomy-product-cat .texonomy-product-list-pager li:last-child a::after {
	content: "\f101";
	font-family: "FontAwesome";
	font-size: .8125em;
	font-weight: normal;
	margin-left: .3em;
}

@media (min-width: 768px) {
	.texonomy-product-cat .texonomy-product-list-pager li a:hover {
		background: #fff;
		color: #848788;
		border: 1px solid #848788;
	}
}

/*---------------------------------------------
	Archive Brands Area
  ---------------------------------------------*/
.archive-brands-area {
	margin: 0 auto 100px;
	padding: 0;
}

@media (min-width: 1400px) {
	.archive-brands-area {
		max-width: 1240px;
	}
}

@media (min-width: 1400px) {
	.archive-brand {
		margin: 0;
	}
}

.archive-brands-list {
  display: -ms-flex-box;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
	list-style: none;
	margin: 0 auto;
	padding: 0 10px 0;
	letter-spacing: -.5em;
}

@media (min-width: 1400px) {
	.archive-brands-list {
		padding: 0;
	}
}

.archive-brands-list li {
	display: inline-block;
	letter-spacing: normal;
	width: 48.5%;
	margin: 0 0 20px;
	box-sizing: border-box;
}

@media (min-width: 768px) {
	.archive-brands-list li {
		width: 32.25806451612903%;
		margin: 0 0 50px;
	}
}

.archive-brands-list li > a {
	text-decoration: none;
	transition: all .3s;
}

.archive-brands-list li figure {
	display: inline-block;
	margin: 0 auto;
	text-align: center;
	padding: 0;
	border: 1px solid #c9c9c9;
	background: white;
	box-sizing: border-box;
	vertical-align: middle;
}

.archive-brands-list li:not(:nth-child(2n)) {
	margin-right: 3%;
}

@media (min-width: 768px) {
	.archive-brands-list li:not(:nth-child(2n)) {
		margin-right: 0;
	}

	.archive-brands-list li:not(:nth-child(3n)) {
		margin-right: 1.612903225806452%;
	}

	.archive-brands-list li > a:hover {
		opacity: .7;
	}
}

.archive-brands-list li cite {
	display: block;
	font-size: .875em;
	color: #0068b7;
	font-style: normal;
	text-align: left;
}

.archive-brands-list li cite::before {
	content: "\f138";
	font-family: "FontAwesome";
	font-weight: normal;
	margin-right: .25em;
}

@media (min-width: 768px) {
	.archive-brands-list li cite {
		font-size: 1em;
	}
}

/*---------------------------------------------
	Single Title Main
  ---------------------------------------------*/
.single-title-main,
.single-title-main2 {
	margin: auto 10px 60px;
	border-bottom: 1px solid #1b1b1b;
	padding: 10px 0;
	font-family:"Times New Roman";
	font-size: 1.5em;
	text-align: center;
}

.single-title-main2 {
	border-bottom: 0;
}

@media (min-width: 1400px) {
	.single-title-main,
	.single-title-main2 {
		margin: auto 0 60px;
	}
}

.single-title-main .jp-name,
.single-title-main2 .jp-name {
	display: block;
	font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-size: .4583em;
	color: #848788;
}

/*---------------------------------------------
	Brand Detail Area
  ---------------------------------------------*/
.single-brands-area {
	margin: 0 auto 100px;
}

@media (min-width: 768px) {
	.single-brands-area {
		max-width: 820px;
	}
}

.single-brands-area .brands-title {
	text-align: center;
	margin: 0 auto 50px;
	width: 80%;
}

@media (min-width: 768px) {
	.single-brands-area .brands-title {
		margin: 0 auto 82px;
		width: 100%;
	}
}

.brand-comcept {
	margin: 0 0 100px;
	padding: 0;
	text-align: center;
}

.brand-comcept .brand-catch-copy {
	font-size: .875em;
	margin: 0 20px 60px;
}

@media (min-width: 768px) {
	.brand-comcept .brand-catch-copy {
		margin: 0 0 60px;
	}
}

.brand-comcept .brand-comcept-item {
  display: -ms-flex-box;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
	list-style: none;
	letter-spacing: -.5em;
	margin: 0 10px 0;
	padding: 0;
}

@media (min-width: 1080px) {
	.brand-comcept .brand-comcept-item {
		margin: 0;
	}
}

.brand-comcept .brand-comcept-item li {
	display: inline-block;
	width: 48.78048780487805%;
}

.brand-comcept .brand-comcept-item li:first-child {
	margin-right: 2.439024390243902%;
}

.brand-designer {
	margin: 0 10px 100px;
}

.brand-designer .designer-left-box {
	text-align: center;
	margin: 0 auto;
	width: 60%;
}

.brand-designer .designer-right-box {
	padding: 0;
	margin: 0;
	font-size: .875em;
}

@media (min-width: 480px) {
	.brand-designer {
		overflow: hidden;
	}

	.brand-designer .designer-left-box {
		float: left;
		width: 35.97560975609756%;
	}

	.brand-designer .designer-right-box {
		float: right;
		width: 61.58536585365854%;
		padding: 0;
		margin: 0;
	}
}

@media (min-width: 1080px) {
	.brand-designer {
		margin: 0 0 100px;
	}
}

.single-brands {
	margin: 0 0 100px;
}

.single-brands-list {
  display: -ms-flex-box;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
	list-style: none;
	margin: 0;
	padding: 0 10px;
	letter-spacing: -.5em;
}

@media (min-width: 1080px) {
	.single-brands-list {
		padding: 0;
	}
}

.single-brands-list li {
	display: inline-block;
	letter-spacing: normal;
	width: 23.5%;
	height: auto;
	overflow: hidden;
	margin: 0 0 10px;
	background: #fff;
	border: 1px solid #ccc;
	box-sizing: border-box;
	text-align: center;
}

.single-brands-list li img {
	/*max-height: 150px;*//*2018/04/19 s810*/
}


.single-brands-list li:not(:nth-child(4n)) {
	margin-right: 2%;
}

@media (min-width: 1080px) {
	.single-brands-list li {
		width: 23.17073170731707%;
		margin: 0 0 20px;
	}

	.single-brands-list li:not(:nth-child(4n)) {
		margin-right: 2.439024390243902%;
	}
}

@media (min-width: 768px) {
	.single-brands-list li a {
		transition: all .3s;
	}

	.single-brands-list li a:hover {
		opacity: .7;
	}
}

/*---------------------------------------------
	Page Trivia Area
  ---------------------------------------------*/
.page-trivia-area {
	margin: 0 auto 100px;
}

@media (min-width: 768px) {
	.page-trivia-area {
		max-width: 820px;
	}
}

.trivia-block {
	margin: 0 10px 100px;
	font-size: .875em;
}

@media (min-width: 1080px) {
.trivia-block {
	margin: 0 0 100px;
	}
}

.trivia-block .img-left,
.trivia-block .img-right {
	text-align: center;
}

.trivia-block .block-right,
.trivia-block .block-left {
	padding: 0;
	margin: 0;
}

@media (min-width: 480px) {
	.trivia-block::after {
		display: block;
		content: "";
		clear: both;
	}

	.trivia-block .img-left {
		float: left;
		width: 28.04878048780488%;
	}

	.trivia-block .block-right {
		float: right;
		width: 69.5%;
	}

	.trivia-block .img-right {
		float: right;
		width: 28.04878048780488%;
	}

	.trivia-block .block-left {
		float: left;
		width: 69.5%;
		padding: 0;
		margin: 0;
	}
}

.trivia-list-area {
	margin: 0 auto 50px;
	padding: 0;
	text-align: center;
}

@media (min-width: 768px) {
	.trivia-list-area {
		max-width: 820px;
	}
}

.trivia-list {
  list-style: none;
  margin: 0 auto;
  padding: 0;
  letter-spacing: -.5em;*/
}

@media (min-width: 480px) {
.trivia-list {
    display: -ms-flex-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
    margin: 0 auto;
    padding: 0 10px 0;
    letter-spacing: -.5em;
  }
}

@media (min-width: 1080px) {
  .trivia-list {
    padding: 0;
  }
}

.trivia-list li {
  display: inline-block;
  letter-spacing: normal;
  width: 258px;
  margin: 0 0 20px;
  box-sizing: border-box;
}

@media (min-width: 480px) {
	.trivia-list li {
    width: 48.2%;
    margin: 0 0.8%;
	}
}

@media (min-width: 768px) {
  .trivia-list li {
    width: 32.5%;
    margin: 0 0 50px;
  }
}

.trivia-list figure {
  margin: 0;
  padding: 0;
}

/*
.trivia-list li:not(:nth-child(2n)) {
  margin: 0 1%;
}*/

@media (min-width: 768px) {
  .trivia-list li:not(:nth-child(2n)) {
    margin-right: 0;
  }
}

.trivia-list cite {
  display: block;
  font-size: .875em;
  font-style: normal;
  margin-top: -10px;
}

.trivia-text {
	font-size: .875em;
	margin-left: 10px;
}

/*---------------------------------------------
	Page Title
  ---------------------------------------------*/
.page-title-main,
.page-title-main2 {
 	margin: 0 10px 100px;
 	position: relative;
}

@media (min-width: 768px) {
	.page-title-main,
	.page-title-main2 {
		max-width: 820px;
		margin: 0 0 100px;
	}
}

.page-title-main img {
	width: 74.39024390243902%;
}

.page-title-main2 img {
	width: 87.19512195121951%;
}

.page-title {
	margin: 0;
	padding: 0;
	font-family:"游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
	font-size: 2rem;
	position: absolute;
	bottom: 20%;
	right: 0;
	text-align: right;
	letter-spacing: .15em;
}

.page-title .jp-name {
	display: block;
	margin-top: -2px;
	padding-right: 2px;
	font-family:"游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
	font-size: 1rem;
	color: #848788;
	letter-spacing: .15em;
}

@media (min-width: 480px) {
	.page-title {
		font-size: 2.8rem;
	}

	.page-title .jp-name {
		font-size: 1rem;
	}
}

@media (min-width: 768px) {
	.page-title {
		font-size: 3.6rem;
	}

	.page-title .jp-name {
		font-size: 1rem;
	}
}

.page-sub-title,
.page-sub-title-center {
	margin: auto 10px 30px;
	border-bottom: 1px solid #1b1b1b;
	padding: 5px 0;
	font-family:"游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
	font-size: 1.5em;
}

@media (min-width: 1400px) {
	.page-sub-title,
	.page-sub-title-center {
		margin: auto 0 30px;
	}
}

.page-sub-title-center {
	text-align: center;
}


/*---------------------------------------------
	Page Prejudice Area
  ---------------------------------------------*/
 .page-prejudice-area {
	margin: 0 auto 100px;
}

@media (min-width: 768px) {
	.page-prejudice-area {
		max-width: 820px;
	}
}

.page-prejudice {
	margin: 0 10px 100px;
	text-align: center;
}

@media (min-width: 768px) {
	.page-prejudice {
		margin: 0 0 100px;
	}
}

.page-prejudice .figure-block {
	list-style: none;
	margin: 0;
	padding: 0;
}

.page-prejudice .figure-block li {
	display: inline-block;
}


.page-prejudice .figure-block li.circle {
  width: 102px;
  height: 102px;
  border-radius: 50%;
  background-color: #eeeeee;
	text-align: center;
  display: inline-block;
  margin: 0 10px 0;
}

@media (min-width: 480px) {
	.page-prejudice .figure-block li.circle {
	  width: 170px;
	  height: 170px;
	}	
}

@media (min-width: 768px) {
	.page-prejudice .figure-block li.circle {
	  width: 300px;
	  height: 300px;
	  margin: 0 20px 0;
	}	
}

@media (min-width: 1080px) {
	.page-prejudice .figure-block li.circle {
	  margin: 0 40px 0;
	}	
}

.page-prejudice .figure-block li.circle .figure-title {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	margin: 0;
	font-size: 1em;
	font-weight: bold;
	font-family:"游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
}

.page-prejudice .figure-block li.circle .figure-title .en-name {
	display: block;
	font-size: .75em;
	font-weight: normal;
	font-family:"Times New Roman";
	color: #848788;
	margin-top: 5px;
}

@media (min-width: 480px) {
	.page-prejudice .figure-block li.circle .figure-title {
	  font-size: 1.125em;
	}

	.page-prejudice .figure-block li.circle .figure-title .en-name {
		font-size: .875em;
	}	
}

.figure-block li.cross {
	width: 25px;
  height: 1px;
  background-color: #b13368;
  transform: rotate(45deg);
  margin: 0 auto 50px;
  vertical-align: bottom;
}

@media (min-width: 480px) {
	.figure-block li.cross {
	  width: 38px;
	  margin: 0 auto 80px;
	}
}

@media (min-width: 768px) {
	.figure-block li.cross {
	  margin: 0 auto 150px;
	}
}

.figure-block li.cross::after {
	content: "";
  display: block;
  width: 100%;
  height: 100%;
	background-color: #b13368;
	transform: rotate(90deg);
}

.figure-discription {
	text-align: left;
}

.figure-discription .en-title {
	font-size: 1.125em;
	color: #848788;
	font-weight: bold;
	font-family:"游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
}

.figure-discription p {
	font-size: .875em;
}

.prejudice-list {
	list-style: none;
	padding: 0 10px;
}
@media (min-width: 768px) {
	.prejudice-list {
		margin-top: 45px;
		padding: 0;
	}
}

.prejudice-list > li {
	display: -ms-flex-box;
	display: flex;
	padding: 10px;
	background: #eeeeee;
}
.prejudice-list > li:not(:last-child) {
	margin-bottom: 80px;
}
@media (min-width: 768px) {
	.prejudice-list > li {
		position: relative;
		padding: 20px 0;
		padding-left: 80px;
		counter-increment: pcounter;
	}
	.prejudice-list > li::before {
		position: absolute;
		top: -45px;
		left: 15px;
		display: block;
	  font-family: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
	  font-style: italic;
	  font-size: 3.125em;
		content: counter(pcounter) ".";
	}
}

.prejudice-list-img {
	width: 32%;
	margin: 0;
	margin-right: 2%;
}

.prejudice-list-comment {
	width: 62%;
	font-size: .875em;
}


/*---------------------------------------------
	Page Company Area
  ---------------------------------------------*/
.page-company-area {
	margin: 0 auto 100px;
}

@media (min-width: 768px) {
	.page-company-area {
		max-width: 820px;
	}
}

.page-company {
	margin: 0 10px;
	padding: 0;
}

@media (min-width: 768px) {
	.page-company {
		margin: 0;
	}
}

.about-company {
	margin-bottom: 100px;
}


.about-company dl {
	border-bottom: 1px solid #c9c9c9;
}

.about-company dl::after {
	display: block;
	content: "";
	clear: both;
}

.about-company dt {
	padding: 10px 0 0;
	font-size: .875em;
}

@media (min-width: 768px) {
	.about-company dt {
		width: calc(25.60975609756098% - 18px);
		padding: 16px 0 16px 18px;
		float: left;
	}
}

.about-company dt:not(:first-of-type) {
	border-top: 1px solid #c9c9c9;
}

@media (min-width: 768px) {
	.about-company dt:not(:first-of-type),
	.about-company dd:not(:first-of-type) {
		border-top: 1px solid #c9c9c9;
	}
}

.about-company dd {
	margin: 0;
	padding: 10px 0;
	font-size: .875em;
}

@media (min-width: 768px) {
	.about-company dd {
		width: 74.39024390243902%;
		margin: 0;
		padding: 16px 0;
		float: left;
	}
}

.map {
	position: relative;
  width: 100%;
	height: 300px;
}

.map iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.map-area > p {
	font-size: .875em;
}

@media (min-width: 768px) {
	.map {
		height: 390px;
	}
}

/*---------------------------------------------
	Single Faq Area
  ---------------------------------------------*/
.single-faq-area {
	margin: 0 auto 100px;
}

@media (min-width: 768px) {
	.single-faq-area {
		max-width: 820px;
	}
}

.faq-block {
	padding: 0 10px;
}

@media (min-width: 768px) {
	.single-faq-area {
		padding: 0;
	}
}

.faq-block dt {
	margin-bottom: 30px;
	font-family:"游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
}

.faq-block dt::before {
	margin-right: 16px;
	color: #848788;
  font-family: "Times New Roman";
  font-size: 1.875em;
  content: "Q";
}

.faq-block dt:not(:first-of-type) {
	margin-top: 30px;
	padding-top: 30px;
	border-top: 1px dotted #c9c9c9;
}

.faq-block dd {
	position: relative;
	padding-left: 15px;
	padding-right: 15px;
	font-size: .875em;
}

.faq-block dd::before {
	position: absolute;
	top: -10px;
	left: -15px;
	color: #848788;
  font-family: "Times New Roman";
  font-size: 1.875em;
  content: "A";
}

@media (min-width: 768px) {
	.faq-block dd {
		padding-left: 55px;
		padding-right: 30px;
	}

	.faq-block dd::before {
		left: 20px;
	}
}

/*---------------------------------------------
	Archive Faq Area
  ---------------------------------------------*/
.archive-faq-area {
	margin: 0 auto 100px;
}

@media (min-width: 768px) {
	.archive-faq-area {
		max-width: 820px;
	}
}

.archive-faq {
	margin: 0 10px;
}

@media (min-width: 768px) {
	.archive-faq {
		margin: 0;
	}
}

.archive-faq .archive-faq-list {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: center;
	letter-spacing: -.5em;
}

@media (min-width: 768px) {
	.archive-faq .archive-faq-list {
		margin: 0;
	  display: -ms-flex-box;
	  display: flex;
	  -ms-flex-wrap: wrap;
	  flex-wrap: wrap;
	}
}

.archive-faq .archive-faq-list li {
	display: block;
	margin-bottom: 55px;
	letter-spacing: normal;
	margin: 0 auto 55px;
}

@media (min-width: 480px) {
	.archive-faq .archive-faq-list li {
		width: 80%;
	}
}

@media (min-width: 768px) {
	.archive-faq .archive-faq-list li {
		display: inline-block;
		width: 48.78048780487805%;
		margin: 0 0 55px;
		text-align: left;
	}

	.archive-faq .archive-faq-list li:not(:nth-of-type(even)) {
		margin-right: 2.439024390243902%;
	}
}

.archive-faq .archive-faq-list li a {
	display: block;
  padding: 16px 10px;
	text-decoration: none;
	text-align: center;
	color: #1b1b1b;
	font-size: 1em;
	font-family:"游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
	position: relative;
	transition: all .3s;
	border: 1px solid #c9c9c9;
}

.archive-faq .archive-faq-list li a:hover {
	opacity: .7;
}

@media (min-width: 1400px) {
	.archive-faq .archive-faq-list li {
		margin-left: 0;
	}
}

.archive-faq .archive-faq-list li p {
	font-size: .875em;
	color: #959595;
	margin: 20px 0 0 0;
	text-align: left;
}

/*---------------------------------------------
	Page Inquiry Area
  ---------------------------------------------*/
.page-inquiry-area,
.productinquiry-area {
	margin: 0 auto 100px;
}

@media (min-width: 768px) {
	.page-inquiry-area {
		max-width: 820px;
	}
}

.page-inquiry {
	margin: 0 10px;
}

@media (min-width: 768px) {
	.page-inquiry {
		margin: 0;
	}
}

.hide {
	display: none!important;
}

.form-message {
	margin-bottom: 60px;
}

.form-message p {
	font-size: .875em;
}

.form-message p em {
  color: #e60012;
  font-size: .875em;
}

input[type="text"],
input[type="email"],
textarea {
 border:1px solid #aaaaaa;
 background: #eeeeee;
 box-sizing: border-box;
}

input.common {
	width: 100%;
	height: 25px;
}

input.short {
	width: 100%;
	height: 25px;
}

input.long {
	width: 100%;
	height: 25px;
}

@media (min-width: 480px) {
	input.short {
		width: 45%;
	}
}

@media (min-width: 768px) {
	input.common {
		width: 295px;
	}

	input.short {
		width: 85px;
	}

	input.long {
		width: 360px;
	}
}

@media screen and (min-width: 768px) {
	input.long {
		margin-left: 5px;
	}
}

textarea {
	width: 100%;
	height: 175px;
}

@media (min-width: 768px) {
	textarea {
		width: 505px;
	}
}

.required::after {
  content: "※";
  color: #e60012;
  padding: 2px 8px 2px 0;
  font-size: .875em;
}

.inquiry-table {
	width: 100%;
	border-bottom: 1px solid #c9c9c9;
}

@media (min-width: 768px) {
	.inquiry-table {
		display: -ms-flex-box;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		max-width: 820px;
		margin-top: 100px;
		border-bottom: none;
	}

	.inquiry-table label {
		margin-left: 20px;
	}
}

.inquiry-table dt {
	font-size: .875em;
}

@media (min-width: 768px) {
	.inquiry-table dt {
		width: 230px;
	}
}

.inquiry-table dt:not(:first-of-type) {
	margin-top: 5px;
	border-top: 1px solid #c9c9c9;
}
@media (min-width: 768px) {
	.inquiry-table dt:not(:first-of-type) {
		border-top: none;
	}
}

.inquiry-table dd {
	margin: 0;
}

@media (min-width: 768px) {
	.inquiry-table dd {
		width: calc(100% - 230px);
	}
}

.inquiry-table dt,
.inquiry-table dd {
	padding: 5px 0;
}

@media (min-width: 768px) {
	.inquiry-table dt,
	.inquiry-table dd {
		border-bottom: 1px solid #c9c9c9;
		padding: 10px 0 10px 0;
	}
}

.inquiry-table dd .inst {
	margin-left: 4px;
	font-size: .875em;
}

.zipcode-search {
  display: inline-block;
  margin-left: 20px;
  font-size: .875em;
}

@media screen and (min-width: 768px) {
  .zipcode-search {
    margin-left: 20px;
  }
}

.zipcode-search a {
  display: block;
  background: #0075a9;
  padding: 0 5px;
  text-decoration: none;
  color: #fff;
}

@media screen and (min-width: 768px) {
  .zipcode-search a {
    width: 125px;
    padding: 3px 0;
    text-align: center;
    transition: all .3s;
  }

  .zipcode-search a:hover {
    opacity: .7;
  }
}

.zipcode-search a::before {
  content: "\f002";
  font-family: 'FontAwesome';
  margin-left: 0;
  margin-right: 0.25em;
}

select {
	width: 135px;
	height: 25px;
	border: 1px solid #aaaaaa;
	font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-size: .875em;
}

.personal-info-area {
	text-align: center;
}

@media screen and (min-width: 768px) {
	.personal-info-area {
		max-width: 820px;
	}
}

.personal-info-title {
	text-align: left;
	font-size: 1em;
	font-family:"游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
}

.personal-info-block {
	text-align: left;
	background: #eeeeee;
	padding: 20px;
}

@media screen and (min-width: 768px) {
	.personal-info-block {
		max-width: 820px;
	}
}

.personal-info-block p {
	font-size: .875em;
}

.personal-info-block .personal-info {
	list-style: none;
	margin: 0;
	padding: 0;
}

.personal-info-block .personal-info > li {
  display: block;
  font-size: .875em;
}

.personal-info-block .concent-block label{
	font-size: .875em;
}

input[type="checkbox"] {
 border:1px solid #aaaaaa;
 background: #eeeeee;
 width: 14px;
 height: 14px;
 margin-right: 10px;
}

.concent-btn {
	display: block;
	width: 190px;
  margin: 50px auto;
  padding: 12px;
	text-decoration: none;
	text-align: center;
	background: #848788;
	color: #fff;
	font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-size: .875em;
	transition: all .3s;
	border: none;
}

.concent-btn:hover {
	opacity: .7;
}

.reduction {
	width: 97%;
	margin: 0 auto;
}

@media screen and (min-width: 768px) {
	.reduction {
		width: 100%;
		margin: 0 auto;
	}
}

/*---------------------------------------------
	Page Basic Area
  ---------------------------------------------*/
.page-basic-area {
	margin: 0 auto 100px;
}

@media (min-width: 768px) {
	.page-basic-area {
		max-width: 820px;
	}
}

.page-basic-block {
	margin: 0 10px;
}

@media (min-width: 768px) {
	.page-basic-block {
		margin: 0;
	}
}

.page-basic-block .declaration {
	margin-top: 90px;
	width: 100%;
}

.page-basic-info {
	width: 100%;
	padding: 0;
}

.page-basic-info li {
	margin-bottom: 20px;
	margin-left: 1.5em;
}

/*---------------------------------------------
	Error Comment Area
  ---------------------------------------------*/
.error-comment-area {
	margin: 100px auto;
	text-align: center;
}

@media (min-width: 768px) {
	.error-comment-area {
		max-width: 820px;
	}
}

.error-comment-area > h1 {
	font-family:"游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
	font-size: 2.25em;
}

.error-comment-area .error-message {
	margin: 50px 0;
}

.error-btn-back {
	display: block;
	width: 210px;
	margin: 0 0 50px 10px;
}

.error-btn-back {
	margin: 0 auto 50px;
}

.error-btn-back a {
	display: block;
  padding: 10px 20px;
	text-decoration: none;
	text-align: center;
	background: #848788;
	color: #fff;
	font-size: .75em;
	position: relative;
	transition: all .3s;
}

.error-btn-back a:hover {
	opacity: .7;
}

/*---------------------------------------------
	Custom Login
  ---------------------------------------------*/
@media (min-width: 768px) {
	.login {
			background: #fff;
	}
}

.login #login h1 a {
	background: #fff url(../img/logo.png) no-repeat 0 0;
  width: 200px;
  height: 60px;
}

#login #nav {
	display: none;
}

#login #backtoblog {
	display: none;
}

body.login div#login form#loginform {
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid #ccc;
}
/* Style end */