/***************************
 *
 * モジュール
 *
 **************************/


/* 
一般
*/
img{

}
.clear {
	clear: both;
}
.clearfix:after {
	clear: both;
	height: 0px;
	display: block;
	content: ".";
	visibility: hidden;
}
.center {
	text-align: center;
}
.left {
	text-align: left;
}
.right {
	text-align: right;
}
.m-auto {
	margin-left: auto;
	margin-right: auto;
}
.ov-hidden {
	overflow: hidden;
}
.mb-0 {
	margin-bottom: 0 !important;
}
.mb-20{
	margin-bottom: 20px !important;
}
.pt-20 {
	padding-top: 20px !important;
}
.pt-50 {
	padding-top: 50px !important;
}
.pb-50 {
	padding-bottom: 50px !important;
}
.mlr-0 {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.lh-15 {
	line-height: 1.5em;
}
.lh-16 {
	line-height: 1.6em;
}
.lh-166 {
	line-height: 1.667em;
}
.lh-19 {
	line-height: 1.9em;
}
.lh-2 {
	line-height: 2em;
}
.lh-22 {
	line-height: 2.222em;
}

.ft-l {
	font-weight: 300;
}
.ft-r {
	font-weight: 400;
}
.ft-md {
	font-weight: 500;
}
.ft-12 {
	font-size: 12px;
}
.ft-14 {
	font-size: 14px;
}
.ft-16 {
	font-size: 16px;
}
.ft-18 {
	font-size: 18px;
}
.ft-20 {
	font-size: 20px;
}
.ft-22 {
	font-size: 22px;
}
.ft-24 {
	font-size: 24px;
}
.ft-26 {
	font-size: 26px;
}
.ft-28 {
	font-size: 28px;
}
.ft-40 {
	font-size: 40px;
}
.box-col-50 {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;	
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	position: relative;	
	margin: 70px auto;
	height: 400px;	

}
.box-col-50 > div {
	padding-left: 50%;
	padding-left: calc(50% + 30px);
	padding-right: 30px;
	box-sizing: border-box;

}
.box-col-50 > .box-col-50-pic {

	position: absolute;
	right: calc(50% + 30px);
	top: 0px;
	transform: translate(0%, 0%);
	padding: 0;
	overflow: hidden;
	height: 400px;		
	width: 770px;
}
.box-col-50 > div.order-1 {
	padding-left: 30px;
	padding-right: 50%;
	padding-right: calc(50% + 30px);
}
.box-col-50 > .box-col-50-pic.order-2 {

	position: absolute;
	left: calc(50% + 30px);
	top: 0px;
	transform: translate(0%, 0%);
	padding: 0;
}
.order-1 {
	order: 1;
}
.order-2 {
	order: 2;
}

.col-2 {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;	
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;	
}
.col-36 {
	width: 36%;	
}
.col-69 {
	width: 59%;	
}
.col-49 {
	width: 49%;	
}

.section-50 {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;	
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	position: relative;	
	height: 100%;
	z-index: 10;
}
.section-50 > div {
	width: 50%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;	
}
.section-50.section-50-r > div:nth-child(1) {
	order: 2;
}
.section-50.section-50-r > div:nth-child(2) {
	order: 1;
}
.fx {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;	
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;	
}
.fx-bottom {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;	
}
.fx-center {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.filter {
	background: rgba(0,0,0,0.4);
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}


.col-3 {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;	
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;	
}

/* 
カラー
*/
.blue {
	color: #246ca3 !important;
}
.pink {
	color: #e5004f !important;
}
.red {
	color: #ed2856 !important;
}
.white {
	color: white !important;
}
.black {
	color: black !important;
}

/* 
OVER
*/
@keyframes flash {
      0% {
          opacity: 1;
      }

      100% {
          opacity: 0.5;
      }
  }

.over:hover {
	-ms-filter: "alpha(opacity=7)";
	opacity: 0.7;
	-webkit-transition: 0.5s ease;
	-moz-transition: 0.5s ease;
	-ms-transition: 0.5s ease;
	-o-transition: 0.5s ease;
	transition: 0.5s ease;		
}
.zoom, .wpp-thumbnail {
	
}
.zoom:hover, .wpp-thumbnail:hover {
	-moz-transition: ease-in-out 0.2s;
	-o-transition: ease-in-out 0.2s;
	-webkit-transition: ease-in-out 0.2s;
	transition: ease-in-out 0.2s;	
	-moz-transform: scale(1.05, 1.05);
	-ms-transform: scale(1.05, 1.05);
	-webkit-transform: scale(1.05, 1.05);
	transform: scale(1.05, 1.05);
	filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=70);
	opacity: 0.7;
	overflow: hidden;
}


/* 
フォント
*/

.en, .font-pathway {
	font-family: 'Pathway Gothic One', sans-serif;
}
.en-all * {
	font-family: 'Pathway Gothic One', sans-serif;
}

.serif {
	font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
}
.serif-all * {
	font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
}

/* 
ボタン
*/
.btn {
	margin: 20px auto;
	width: 250px;
	position: relative;

}
.btn a {
	height: 50px;
	line-height: 46px;
	display: block;
	text-align: center;
	color: #000000;
	font-size: 16px;
	box-sizing: border-box;
	border: 2px solid black;
}
.btn a i {
	color: white;
	margin-right: 5px;
}
.btn a:hover {
	opacity: 0.7;
	text-decoration: none;

}

.btn.btn-white {
	
}
.btn.btn-white a {
	border: 2px solid white;
	color: white;
	
}
.btn.btn-white a:hover {
	background: rgba(255,255,255,0.6);
}


.btn.btn-1 a {
	border: 1px solid #265dab;
	background: white;
	color: #265dad;
}

.btn-more-loading {
	display: block;
	width: 50px;
	margin: 0 auto;
}


/* 
アイコン
*/
.icon-home {
	background: url(../img/icon-home.png) 0 0 no-repeat;
	width: 12px;
	height: 12px;
}
/* 
ボックス
*/
.box {
	width: 100%; 
	max-width: 1160px;
	margin: 0 auto;

	box-sizing: border-box;
}
.box-550 {
	width: 550px;
	margin: 0;
	position: relative;
}
.box-700 {
	width: 700px;
	margin: 0 auto;
	position: relative;
}
.box-720 {
	width: 720px;
	margin: 0 auto;
	position: relative;
}
.box-800 {
	width: 800px;
	margin: 0 auto;
	position: relative;
}
.box-840 {
	width: 840px;
	margin: 0 auto;
	position: relative;
}
.box-900 {
	width: 900px;
	margin: 0 auto;
	position: relative;
}
.box-1000 {
	width: 1000px;
	margin: 0 auto;
	position: relative;
}
.box-1024 {
	width: 1024px;
	margin: 0 auto;
	position: relative;
}
.box-1040 {
	width: 1040px;
	margin: 0 auto;
	position: relative;
}
.box-1090 {
	width: 1090px;
	margin: 0 auto;
	position: relative;
}
.box-1100 {
	width: 1100px;
	margin: 0 auto;
	position: relative;
}
.box-1200 {
	width: 1200px;
	margin: 0 auto;
	position: relative;
}


/*
BG
*/



/* 
ヘッダー
*/
.header-logo {
	width: 200px;
	height: 20px;
}
.header-logo a {
	display: block;
	text-indent: -9999em;
	width: 100%;
	height: 100%;
	background: url(../img/logo.png) left center no-repeat;
	background-size: contain;
}
.l-header.l-header-bar .header-logo a {
	background: url(../img/logo-black.png) left center no-repeat;
	background-size: contain;
}

/*
GLOBAL NAVI	
*/
.l-nav .l-nav-inner {
	background: rgba(255,255,255,1);
	height: 100%;	
	box-sizing: border-box;	
	-webkit-transition: 0.5s ease;
	-moz-transition: 0.5s ease;
	-ms-transition: 0.5s ease;
	-o-transition: 0.5s ease;
	transition: 0.5s ease;
	overflow: scroll;

}
.side-open .l-nav {
  -webkit-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0);
}

.l-nav .menu {

}
.l-nav .menu > li {
	
}
.l-nav .menu > li a {
	display: block;
	font-size: 15px;
	color: #000000;
	padding: 18px 22px;
	text-align: left;
	box-sizing: border-box;
	border: 1px solid #cecece;
	border-bottom: none;
	position: relative;
	background: white;
}
.l-nav .menu li.nav-jp a {
	font-family: 'Noto Sans Japanese', "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;

}
.l-nav .menu > li > a:after {
	content: "\f105";
	font-family: fontawesome;
	display: block;
	position: absolute;
	right: 25px;
	top: 20px;
}
.l-nav .menu > li.nav-has-child > a:after {
	content: "\f107";
	font-family: fontawesome;
}
.l-nav .menu > li.nav-has-child.active > a:after {
	content: "\f106";
	font-family: fontawesome;
}
.l-nav .menu > li a:hover {
	text-decoration: none;
}
.l-nav .menu > li:last-child a {
	border-bottom: 1px solid #cecece;	
}

.l-nav .menu .sub-menu {
	/*transition: all 1s cubic-bezier(1, 0.013, 0.14, 1);
	height: 0;*/
	display: none;

}
.l-nav .menu .sub-menu.active {
	height: 100%;

}
.l-nav .menu .sub-menu li {
	
}
.l-nav .menu .sub-menu li a {
	background: #f1f1f1;
}
.l-nav .menu .sub-menu li a:after {
	content: "\f105";
	font-family: fontawesome;
	display: block;
	position: absolute;
	right: 25px;
	top: 20px;
	
}
/*
SLIDE MENU
*/

.overlay {
  content: '';
  visibility: hidden;
  position: fixed;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  /*background: rgba(57,57,57,0.5);*/
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  z-index: 3;
}
/*.overlay::after {
  content: "この部分をクリックで閉まる";
  visibility: hidden;
  position: fixed;
  top: 40%;
  left: 0;
  display: block;
  width: 100%;
  height: 50px;
  color: rgba(255,255,255,0);
  font-size: 40px;
  font-weight: bold;
  text-align: center;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}*/
.side-open .overlay {
  visibility: visible;
  cursor: pointer;
/*  background: rgba(0,0,0,.7);*/
}
.side-open .overlay::after {
 /* visibility: visible;
  color: rgba(255,255,255,.8);*/
}



/* 開閉用ボタン */
.side-menu-btn {
	position: fixed;
	top: 20px;
	right: 20px;
	width: 40px;
	height: 40px;
	padding: 5px;
	background: #ccc;
	cursor: pointer;
	z-index: 4;
}



.btn-menu {
	width: 30px;
	height: 30px;
	position: fixed;
	right: 50px;
	top: 15px;
	z-index: 9999999;
	cursor: pointer;
	box-sizing: border-box;
}
.btn-menu,
.btn-menu span {
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
}

.btn-menu span {
	position: absolute;
	left: 0px;
	width: 30px;
	height: 5px;
	background-color: white;
}
.btn-menu.btn-menu-black span {
	background-color: black;	
}
.btn-menu span:nth-of-type(1) {
	top: 0px;
}
.btn-menu span:nth-of-type(2) {
	top: 12px;
}
.btn-menu span:nth-of-type(3) {
	top: 25px;
}
.btn-menu.is-active span:nth-of-type(1) {
	-webkit-transform: translateY(13px) translateX(-0px) rotate(-45deg);
	transform: translateY(13px) translateX(-0px) rotate(-45deg);
}
.btn-menu.is-active span:nth-of-type(2) {
	opacity: 0;
}
.btn-menu.is-active span:nth-of-type(3) {
	-webkit-transform: translateY(-11px) translateX(-0px) rotate(45deg);
	transform: translateY(-11px) translateX(-0px) rotate(45deg);
}
.btn-menu.is-active span:before {
	display: none;
}
.btn-menu.is-active {

}
.btn-side-1 {
	position: absolute;
	left: -60px;
	width: 60px;
	height: 150px;
	top: 60px;
}
.btn-hojin,
.btn-branch,
.btn-store {
	width: 154px;
	height: 30px;
	line-height: 28px;
	height: 30px;
	text-align: center;
	position: fixed;
	right: 110px;
	top: 15px;
	color: white;
	z-index: 9999999;
	cursor: pointer;
	box-sizing: border-box;
	border: 1px solid white;
	font-size: 16px;
}
.btn-hojin:hover,
.btn-branch:hover,
.btn-store:hover {
	background: rgba(255,255,255,0.5);
	color: #eee;
}
.btn-hojin.btn-hojin-black,
.btn-branch.btn-branch-black,
.btn-store.btn-store-black {
	border: 1px solid black;
	color: black;
}
.btn-store + .list-store {

}
.list-store {
	right: 110px;
	top: 46px;
	width: 250px;
	z-index: 99;
	position: fixed;
	border-bottom: 1px solid white;
	display: none;
}
.list-store > li {
	
}
.list-store > li a {
	display: block;
	color: black;
	border: 1px solid white;
	border-bottom: none;

	height: 30px;
	box-sizing: border-box;
	text-align: center;
	font-size: 9px;
	width: 100%;
	/*background: url(../img/list-store-bullet.png) 96% center no-repeat;
	background-size: 7px 7px;*/
	position: relative;
	padding-top: 30px;
	height: 110px;
	background: rgba(255,255,255,0.5);
}
.list-store > li a:hover {
	background: rgba(255,255,255,1);
	/*background: rgba(255,255,255,0.5) url(../img/list-store-bullet.png) 96% center no-repeat;
	background-size: 7px 7px;*/
	color: black;
	text-decoration: none;
}
.list-store > li a img {
	display: block;
	margin: 0 auto 10px;
}
.list-store > li:nth-child(1) a img {
	width: 200px;
}
.list-store > li:nth-child(2) a img {
	width: 95px;
	margin-bottom: 0;
}
.list-store > li:nth-child(3) a img {
	width: 55px;
	margin-bottom: 0;
}
.btn-store.btn-store-black + .list-store {
	border-bottom: 1px solid black;
}
.btn-store.btn-store-black + .list-store > li a {
	color: black;
	border: 1px solid black;
	background: white;
}
/* 店舗一覧 */
.btn-hojin {
	right: 110px;
}
.btn-branch {
	right: 280px;
}
.btn-hojin a,
.btn-branch a{
	color: white;
}
.btn-hojin a:hover,
.btn-branch a:hover{
	text-decoration:	none;
}
.btn-hojin.btn-hojin-black a,
.btn-branch.btn-branch-black a{
	color: black;
}
/*
パンくず
*/
.bread {
	background: #f2f2f2;
	height: 39px;
	border-bottom: 1px solid #cecece;
}
.bread ul {
	/*width: 94%;*/
	margin: 0px auto;
	max-width: 1600px;
}
.bread ul li {
	color: #666666;
	font-size: 11px;
	line-height: 39px;
	display: inline;
}
.bread ul li:nth-child(1) {
	padding-left: 0.5em;	
}
.bread ul li i {
	position: relative;
	margin-right: 5px;
}
.bread ul li a {
	text-decoration: underline;
	color: #666666;
	font-size: 11px;
}
.bread ul span {
	color: #666666;
	font-size: 11px;	
}



/*
サイドバー
*/


/*
カテゴリ
*/

/*
フッター
*/

.footer-77 {
	position: fixed;
	right: 30px;
	bottom: 140px;
	z-index: 20;

}
.sbanner-coordinate{
margin-bottom:10px;	

}
.footer-shop {
	position: fixed;
	right: 30px;
	bottom: 30px;
	z-index: 20;
}
.footer-shop:hover {

}
.footer-shop .OnlineStore,		/* 2022.7.13 KARE追加 */
.footer-shop .Cambria{
/*	display:	inline-block;	/* 2022.7.13 KARE追加 これだと横並び */
	display:	block;			/* 2022.7.13 KARE追加 */
	margin-bottom:	20px;
}
.footer-shop .footer-shop-close {
	position: absolute;
	right: 5px;
	top: 5px;
/*	top: 130px;			/* 2022.5.1 オンラインショップ消去用 */
	cursor: pointer;
	color: #ccc;
	cursor: pointer;
}
	/* 2022.5.1 カンブリア宮殿消去用 */
.footer-shop .footer-cambria-close {
	position: absolute;
	right: 5px;
	top: 5px;
	cursor: pointer;
	color: #ccc;
	cursor: pointer;
}
.title-main {
	font-size: 50px;
	font-weight: normal;
	color: white;
}
.footer-contact {
	background: url(../img/bg-footer-contact-sub.jpg) center top no-repeat;
	background-size: cover;
	position: relative;
	z-index: 10;
}
.footer-contact.is-front {
	background: url(../img/bg-footer-contact.jpg) center top no-repeat;
	background-size: cover;	
}
.footer-contact * {
	color: white;
}
.footer-contact .footer-contact-inner {
	width: 100%;
	max-width: 1600px;
	margin: 80px auto 0px auto;
	padding: 90px 0 100px;
}
.footer-contact.is-front .footer-contact-inner {
	padding: 200px 0 100px;
}
.footer-contact .title-main {
	margin-bottom: 75px;
	
}
.footer-contact .list-contact > li {
	width: 33.333%;
	box-sizing: border-box;
	padding: 0 40px 80px;
	border-right: 1px solid white;
	/* height: 335px; */
	position: relative;
}
.footer-contact .list-contact > li:last-child {
	border-right: none;
}
.footer-contact .list-contact h3 {
	margin-bottom: 40px;
	line-height: 1.5em;
	height: 40px;
}
.footer-contact .list-contact p {
	font-size: 14px;
	line-height: 1.714em;
	margin-bottom: 15px;
}
.footer-contact .list-contact .btn {
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translate(-50%, 0%);
	margin: 0 auto;
}
.footer-contact .list-contact .btn a {
	font-size: 28px;
}
@media all and (min-width: 1400px) {
	.footer-contact .list-contact h3 br {
		display: none;
	}	
}

/*
FOOTER BANNERS
*/
.footer-banners {
	background: #f2f2f2;
	padding: 55px 0;
	position: relative;
	z-index: 10;;
}
.footer-banners .list-banner {
	width: 1100px;
	margin: 0 auto;
}
.footer-banners .list-banner > li {
		
}

/*
FOOTER SHOP
*/
.row-fluid {
        width: 100%;
}

.row-fluid:before, .row-fluid:after {
        display: table;
        content: "";
        line-height: 0;
        width: 100%;
}

.row-fluid:after {
        clear: both;
}

.row-fluid [class * ="span"] {
        display: block;
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        float: left;
        margin-left: 2.1276595744681%;
}

.row-fluid [class * ="span"]:first-child {
        margin-left: 0;
}

.row-fluid .controls-row [class * ="span"] + [class * ="span"] {
        margin-left: 2.1276595744681%;
}

.row-fluid .span16 {
        width: 100%;
}

.row-fluid .span15 {
        width: 93.617021276596%;
}

.row-fluid .span14 {
        width: 87.234042553191%;
}

.row-fluid .span13 {
        width: 80.851063829787%;
}

.row-fluid .span12 {
        width: 74.468085106383%;
}

.row-fluid .span11 {
        width: 68.085106382979%;
}

.row-fluid .span10 {
        width: 61.702127659574%;
}

.row-fluid .span9 {
        width: 55.31914893617%;
}

.row-fluid .span8 {
        width: 48.936170212766%;
}

.row-fluid .span7 {
        width: 42.553191489362%;
}

.row-fluid .span6 {
        width: 36.170212765957%;
}

.row-fluid .span5 {
        width: 29.787234042553%;
}

.row-fluid .span4 {
        width: 23.404255319149%;
}

.row-fluid .span3 {
        width: 17.021276595745%;
}

.row-fluid .span2 {
        width: 10.63829787234%;
}

.row-fluid .span1 {
        width: 4.2553191489362%;
}

.row-fluid .offset16 {
        margin-left: 104.25531914894%;
}

.row-fluid .offset16:first-child {
        margin-left: 102.12765957447%;
}

.row-fluid .offset15 {
        margin-left: 97.872340425532%;
}

.row-fluid .offset15:first-child {
        margin-left: 95.744680851064%;
}

.row-fluid .offset14 {
        margin-left: 91.489361702128%;
}

.row-fluid .offset14:first-child {
        margin-left: 89.36170212766%;
}

.row-fluid .offset13 {
        margin-left: 85.106382978723%;
}

.row-fluid .offset13:first-child {
        margin-left: 82.978723404255%;
}

.row-fluid .offset12 {
        margin-left: 78.723404255319%;
}

.row-fluid .offset12:first-child {
        margin-left: 76.595744680851%;
}

.row-fluid .offset11 {
        margin-left: 72.340425531915%;
}

.row-fluid .offset11:first-child {
        margin-left: 70.212765957447%;
}

.row-fluid .offset10 {
        margin-left: 65.957446808511%;
}

.row-fluid .offset10:first-child {
        margin-left: 63.829787234043%;
}

.row-fluid .offset9 {
        margin-left: 59.574468085106%;
}

.row-fluid .offset9:first-child {
        margin-left: 57.446808510638%;
}

.row-fluid .offset8 {
        margin-left: 53.191489361702%;
}

.row-fluid .offset8:first-child {
        margin-left: 51.063829787234%;
}

.row-fluid .offset7 {
        margin-left: 46.808510638298%;
}

.row-fluid .offset7:first-child {
        margin-left: 44.68085106383%;
}

.row-fluid .offset6 {
        margin-left: 40.425531914894%;
}

.row-fluid .offset6:first-child {
        margin-left: 38.297872340426%;
}

.row-fluid .offset5 {
        margin-left: 34.042553191489%;
}

.row-fluid .offset5:first-child {
        margin-left: 31.914893617021%;
}

.row-fluid .offset4 {
        margin-left: 27.659574468085%;
}

.row-fluid .offset4:first-child {
        margin-left: 25.531914893617%;
}

.row-fluid .offset3 {
        margin-left: 21.276595744681%;
}

.row-fluid .offset3:first-child {
        margin-left: 19.148936170213%;
}

.row-fluid .offset2 {
        margin-left: 14.893617021277%;
}

.row-fluid .offset2:first-child {
        margin-left: 12.765957446809%;
}

.row-fluid .offset1 {
        margin-left: 8.5106382978723%;
}

.row-fluid .offset1:first-child {
        margin-left: 6.3829787234043%;
}

.item_category .title {
	padding-top: 20px;
	padding-bottom: 10px;
}
.item_category .title h2 {
	font-family: 'Pathway Gothic One', sans-serif;
	font-size: 30px;
	letter-spacing: 0px;
	margin: 0px;	
	text-align: center;
}
.item_category .title p {
	font-size: 12px;
	padding: 0px;
	text-align: center;
}
/* item_category */
.item_category{margin-top:50px;}
.item_category .ty-menu__submenu{display:none;}
.item_category .ty-text-links{
	background:none;
	max-width:1200px;
	width:100%;
	margin:0 auto;
	font-size:0;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;	
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
.item_category .ty-text-links:after{
	content:"";
	clear:both;
}
.item_category .ty-text-links__item{
	display:inline-block;
	width: 33.3%;
	padding:10px;
	box-sizing:border-box;
    text-align: center;
	margin:0;
}
.item_category .ty-text-links__item a{
	font-size:16px;
	color:#333;
	font-weight:bold;
	background-color:#f4f4f4;
	display:block;
	padding:25px 0;
}
/*ソファ*/
.item_category .category_1 a,
.category_heading .category_1,
.footer_sub_navi .category_1{
	background-image: url(../img/sofa_illust.png); 
}
/*テーブル*/
.item_category .category_2 a,
.category_heading .category_2,
.footer_sub_navi .category_2{
	background-image: url(../img/dining_illust.png); 
}
/*テレビボード*/
.item_category .category_94 a,
.category_heading .category_94,
.footer_sub_navi .category_94{
	background-image: url(../img/tv_illust.png);
}
/*デスク*/
.item_category .category_6 a,
.category_heading .category_6,
.footer_sub_navi .category_6{
	background-image: url(../img/desk_illust.png);
}
/*チェア*/
.item_category .category_4 a,
.category_heading .category_4,
.footer_sub_navi .category_4{
	background-image: url(../img/chair_illust.png);
}
/*収納家具*/
.item_category .category_5 a,
.category_heading .category_5,
.footer_sub_navi .category_5{background-image: url(../img/strage_illust.png);
}
/*キッチンボード*/
.item_category .category_45 a,
.category_heading .category_45,
.footer_sub_navi .category_45{
	background-image: url(../img/kitchen_illust.png);
}
/*棚・シェルフ*/
.item_category .category_9 a,
.category_heading .category_9,
.footer_sub_navi .category_9{
	background-image: url(../img/shelf_illust.png);
}
/*アート*/
.item_category .category_10 a,
.category_heading .category_10,
.footer_sub_navi .category_10{
	background-image: url(../img/art_illust.png);
}
/*スリッパ*/
.item_category .category_138 a,
.category_heading .category_138,
.footer_sub_navi .category_138{
	background-image: url(../img/skips_illust.png);}
/*ラグ*/
.item_category .category_136 a,
.category_heading .category_136,
.footer_sub_navi .category_136{
	background-image: url(../img/rug_illust.png);}
/*その他*/
.item_category .category_66 a,
.category_heading .category_66,
.footer_sub_navi .category_66{
	background-image: url(../img/etc_illust.png);}

.item_category .ty-text-links__item a{
    background-repeat: no-repeat;
	background-size: 19% auto;
	background-position:left 10px center;  
}
.ty-text-links__a:hover{color:#37b37d !important; text-decoration: none;}


/* NAV FOOTER */
.footer-nav {
	width: 1100px;
	margin: 0 auto;
}
.nav-footer-box {
	display: block;
	width: 25%;
	vertical-align: top;
	letter-spacing: normal;
}
.nav-footer-box h2 {
	font-family: 'Pathway Gothic One', sans-serif;
	font-size: 24px;
	padding: 0 35px 18px;
	border-bottom: 1px solid #cecece;
	margin-top: 50px;
	margin-right: 20px;
	position: relative;
}
.nav-footer-box h2:before {
	content: "\f107";
	font-family: fontawesome;
	position: absolute;
	left: 10px;
	top: 0;
}
.list-nav-footer {
	margin-top: 10px;	
}
.list-nav-footer > li {
	padding: 6px;
}
.list-nav-footer > li a {
	font-size: 13px;
	color: #333333;
}
.nav-footer-box:last-child .list-nav-footer > li {
	padding: 6px 0;
}

.nav-footer-box .btn-social {
	
}
.nav-footer-box .btn-social a {
	display: block;
	font-size: 18px;
	font-weight: bold;
	border-radius: 5px;
	line-height: 35px;
	height: 35px;
	color: white;
	position: relative;
}
.nav-footer-box .btn-social a:hover {
	opacity: 0.7;
	text-decoration: none;
}
.nav-footer-box .btn-social a:after {
	content: "\f0da";
	font-family: fontawesome;
	color: white;
	position: absolute;
	right: 10px;
	top: 0px;
}
.nav-footer-box .btn-social.facebook a {
	background: #395795;
}
.nav-footer-box .btn-social.facebook a:before {
	content: "\f230";
	font-family: fontawesome;
	padding: 0 10px;
}
.nav-footer-box .btn-social.instagram a {
	background: #d8a974;
}
.nav-footer-box .btn-social.instagram a:before {
	content: "\f16d";
	font-family: fontawesome;
	padding: 0 10px;
}

/* FOOTER BOTTOM */
.footer-bottom {
	margin-top: 50px;
	padding: 50px 0;
	border-top: 1px solid #cecece;
}
.footer-bottom-l {
	width: 360px;
	font-size: 12px;
	line-height: 2em;
}
.footer-bottom-l a {
	display: block;
}
.footer-bottom-l a img {
	width: 250px;
}
.footer-bottom-r {
	width: 490px;
	padding-top: 45px;
}
.footer-bottom-r a {
	display: inline-block;
	margin-right: 15px;
}
.footer-bottom-r a .ic-target {
	width: 20px;
	height: 20px;
	background: url(../img/ic-target.svg) center center no-repeat;
	background-size: contain;
	display: inline-block;
	margin-right: 5px;
}
/* MAIN RECOMMEND */
.l-page .title-main {
	text-align: center;
	font-family: 'Pathway Gothic One', sans-serif;
	font-size: 28px;
	color: #333333;
	margin: 80px auto 50px;
	border: none;
}
.l-page .title-main.font-pathway {
	font-size: 48px;	
}
.l-page .title-main span {
	display: block;
	margin: 0px auto;
	text-align: center;
	font-size: 14px;
	/*margin-top: 20px;*/
	font-weight: normal;
}
.recs {
	max-width: 1600px;
	margin: 0px auto;	
}
.recs .title-main {
	/*border-bottom: 1px solid #cecece;*/
	margin-bottom: 0;
	padding-bottom: 5px;
}

.list-rec {

	text-align: left;
	/*border-top: 1px solid #cecece;*/
	/*border-bottom: 1px solid #cecece;*/
}
.list-rec > li {
	letter-spacing: normal;

	width: 25%;
	vertical-align: top;
	margin: 40px 0 50px;
}
.list-rec > li:nth-child(4n) .rec {
	border-right: none;	
}
.rec {
	border-right: 1px solid #cecece;
	padding: 0px 10px;
}
.rec .rec-link {
}
.rec .rec-pic {
	overflow: hidden;
}
.rec .rec-pic img {
	width: 100%;	
}
.rec .rec-text {
	height: 80px;
}
.l-page .rec .rec-text-title {
	margin: 20px auto 20px;
	padding: 0 10px;
	background: none;
}
.rec .rec-text p {
	font-size: 14px;
	color: #333333;
	text-align: left;
	padding: 0 10px;
}

.rec .rec-link:hover {
	text-decoration: none;
}
.rec .rec-link:hover .rec-pic img {
	-moz-transition: ease-in-out 0.2s;
	-o-transition: ease-in-out 0.2s;
	-webkit-transition: ease-in-out 0.2s;
	transition: ease-in-out 0.2s;	
	-moz-transform: scale(1.05, 1.05);
	-ms-transform: scale(1.05, 1.05);
	-webkit-transform: scale(1.05, 1.05);
	transform: scale(1.05, 1.05);
	filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=70);
	opacity: 0.7;	
}
.recs .btn {
	margin: 50px auto;
}

/*
SHARE SNS
*/

.share {
	
}
.share ul {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: flex-end;
	justify-content: flex-end;	
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;	
}

.share ul > li {
	display: block;
	letter-spacing: normal;
	width: 30px;
	height: 30px;
	letter-spacing: normal;
	box-sizing: border-box;
	text-align: center;
	line-height: 30px;
	border-radius: 0;
	margin: 0 0px;
}

.share ul > li:hover {
	opacity: 0.7;	
}
.share ul > li a {
	display: block;
	width: 100%;
	height: 100%;
}
.share ul > li a:hover {
	text-decoration: none;

}
.share ul li i, .share ul li span {
	color: black !important;
	font-size: 22px !important;
}

.share.share-single {
	border-top: 1px solid #f5f5f5;
	margin: 0 -40px -40px;
	padding: 40px 40px 40px;
}

.share.share-single ul {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	flex-wrap: nowrap;	
}
.share.share-single ul li {
	margin-right: 10px;
	height: 30px;
	border-radius: 0;


}


/*
ANI
*/
.anim-img-1 {
	position: relative;
}
.anim-img-1:after {
	content: '';
	display: block;
	position: absolute;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background: #7d9a58;
	transition: width 1s cubic-bezier(1, 0.013, 0.14, 1);
}
.anim-img-1.anim-start:after {
	width: 0;
}
.anim-img-2 {
	position: relative;
}
.anim-img-2:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background: white;
	transition: height 1s cubic-bezier(1, 0.013, 0.14, 1);
}
.anim-img-2.anim-start:after {
	height: 0;
}

.anim-img-3 {

}
.anim-img-3.anim-start {

	transition: all 2s cubic-bezier(1, 0.013, 0.14, 1) 0s;
}
.anim-img-4 {

}
.anim-img-4.anim-start {

	transition: all 2s cubic-bezier(1, 0.013, 0.14, 1) 0s;
}




/* ANI TEXT */
.ani-text {
	opacity: 0;
	display: inline-block;
	transform: scale(1) translate(18px, 20px);
	font-size: 24px;
}
.ani-text.is-active {
	opacity: 1;
	transform: scale(1) translate(0);
	font-size: 75px;
}

.ani-text:nth-child(1) {
	transition: opacity 3.2s ease 0.1s, transform 3.2s ease 0.2s;
}
.ani-text:nth-child(2) {
 	transition: opacity 3.2s ease 0.2s, transform 3.2s ease 0.3s;
}
.ani-text:nth-child(3) {
	transition: opacity 3.2s ease 0.25s, transform 3.2s ease 0.4s;
}
.ani-text:nth-child(4) {
	transition: opacity 3.2s ease 0.3s, transform 3.2s ease 0.5s;
}
.ani-text:nth-child(5) {
	transition: opacity 3.2s ease 0.35s, transform 3.2s ease 0.6s;
}
.ani-text:nth-child(6) {
 	transition: opacity 3.2s ease 0.4s, transform 3.2s ease 0.7s;
}
.ani-text:nth-child(7) {
	transition: opacity 3.2s ease 0.45s, transform 3.2s ease 0.8s;
}
.ani-text:nth-child(8) {
	transition: opacity 3.2s ease 0.5s, transform 3.2s ease 0.9s;
}
.ani-text:nth-child(9) {
	transition: opacity 3.2s ease 0.55s, transform 3.2s ease 1s;
}
.ani-text:nth-child(10) {
	transition: opacity 3.2s ease 0.6s, transform 3.2s ease 1.1s;
}
.ani-text:nth-child(11) {
	transition: opacity 3.2s ease 0.65s, transform 3.2s ease 1.2s;
}
.ani-text:nth-child(12) {
	transition: opacity 3.2s ease 0.7s, transform 3.2s ease 1.3s;
}
.ani-text:nth-child(13) {
	transition: opacity 3.2s ease 0.75s, transform 3.2s ease 1.4s;
}
.ani-text:nth-child(14) {
	transition: opacity 3.2s ease 0.8s, transform 3.2s ease 1.5s;
}
.ani-text:nth-child(15) {
	transition: opacity 3.2s ease 0.85s, transform 3.2s ease 1.6s;
}
.ani-text:nth-child(16) {
	transition: opacity 3.2s ease 0.85s, transform 3.2s ease 1.7s;
}

/* 改行 */
@media screen and (min-width: 680px){   
  .pc { display:block; }
  .sp { display:none; }
}
@media screen and (max-width: 680px){   
  .pc { display:none; }
  .sp { display:block; }
}