@charset "utf-8";
body,div,
ul,ol,li,dl,dt,dd,br,
form,fieldset,input,textarea,
h1,h2,h3,h4,h5,h6,pre,code,p,blockquote,hr,
th,td {
    margin:0;
    padding:0;
}

body {
	font-size:13px;
	font-family: aktiv-grotesk, 'Noto Sans', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", 'メイリオ', Meiryo, sans-serif !important;	
	line-height: 1.5;
	background-color:#FFF;
	color: #333;
	min-height: 100%;
	position: relative;
}
body.stop-scrolling {
  position: fixed;
  z-index: -1;
  width: 100%;
  height: 100%;
}
img, object, embed, video {
	/*max-width: 100%;*/
	border:none;
}
#bgstretcher img{ max-width:none !important;}
img { -ms-interpolation-mode: bicubic; }

.text10 { font-size:77%; }
.text11 { font-size:85%; }
.text12 { font-size:93%; }
.text13 { font-size:100%; }
.text14 { font-size:108%; }
.text15 { font-size:116%; }
.text16 { font-size:123.1%; }
.text17 { font-size:131%; }
.text18 { font-size:138.5%; }
.text19 { font-size:146.5%; }
.text20 { font-size:153.9%; }
.text21 { font-size:161.6%; }
.text22 { font-size:167%; }
.text23 { font-size:174%; }
.text24 { font-size:182%; }
.text25 { font-size:189%; }
.text26 { font-size:197%; }

/*a{ color:#0A8ECC;}*/
a:visited,a:link{ color:#333 !important;text-decoration:none !important;}

a:hover{
	text-decoration: none;
	color: #15654c !important;
}
a:hover img{filter: alpha(opacity=70); -moz-opacity:0.7; opacity:0.7;zoom:1;}

.fluid {
	clear: both;
	margin-left: 0;
	width: 100%;
	float: left;
	display: block;
}

.fluidList {
    list-style:none;
    list-style-image:none;
    margin:0;
    padding:0;        
}
.wrapper {
	width: 100%;
	padding-left: 0%;
	padding-right: 0%;
	margin: auto;
	clear: none;
	float: none;
	margin-left: auto;
}

p{ margin:0; padding:0;}
ul,li{list-style:none; padding:0 !important; margin:0 !important;}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clear {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

a.btn {
	border: solid 1px #333;
	padding: 0.25rem 1.5rem;
	line-height: 1.5;
	font-size: 1rem;
	min-width: 150px;
	transition: all 0.15s ease;
	box-sizing: border-box;
}
a.btn.btn-light {
	background: #FFF;
	color: #333;
}
a.btn.btn-light:hover {
	background-color: #333;
	color: #FFF !important;
}
a.btn.btn-dark {
	border: solid 1px #FFF;
	background: transparent;
	color: #FFF !important;
}
a.btn.btn-dark:hover {
	background-color: #FFF;
	color: #000 !important;
}
.btn-newitem {
	display: block;
	text-align: center;
	margin: 0rem auto 2rem;
	padding: 0.5rem;
	border: solid 1px #666;
	width: 100%;
}
.btn-newitem:hover {
	border: solid 1px #15654c;
}
@media screen and (min-width: 0px) and (max-width: 640px) {
a.btn {
	font-size: 1.4rem;
	min-width: 200px;
	padding: 0.5rem;
}
.btn-newitem {
	margin: 2rem auto 3rem;
	padding: 0.5rem;
	width: 90%;
	max-width: 1000px;
	font-size: 1.6rem;
}
}

/*for mobile********************/
.navobile-mobile-only {
    display: none;
}

#navobile-device-pixel {
  width: 0;
}
/*****************************/

table.table-border-none {
	border: none;
	width: auto;
}
table.table-border-none tr td {
	border: none;
	width: auto;
	padding: 1px 4px 1px 4px;
	font-size: 100%;
}

/*sprite setting*/
.g2 div,.menu-item-home .hicon,.menu-HOME .hicon,.snslist a,.snslist a,.innerfoot .yt,.mainmenubtn span,.snsmenubtn span{ background:url(/img/common/commonsprite.png) no-repeat;}

/* Mobile Layout: 480px and below. *****************************************************************************/

#content{ background-color: #FFFFFF; z-index:-1 !important}

.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	clear: none;
	float: none;
}

/*** header  ***************/
header {
	z-index: 100;
	background: #FFF;
	width: 100%;
	height: auto;
	min-width: 1080px;
	top: 0;
	transition: all 0.2s ease-out;
}
header {
	position: fixed;
}
header.fixed {
	position: fixed;
	box-shadow: 0 0.25rem 1rem rgba(0,0,0,.1);
}
header ,
header .header_nav a:link,
header .header_nav a:visited {
	color: #15654c !important;
}
header a:hover {
	color: #26533f !important;
}
header::before {
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.0) 80%, rgba(0,0,0,0) 100%);
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.0) 80%,rgba(0,0,0,0) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.0) 80%,rgba(0,0,0,0) 100%);
}
header .inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0.5rem 1rem;
	position: relative;
}
header .logoarea a {
	display: block;
	width: 256px;
	height: 50px;
	margin: 1rem;
	position: relative;
	background-image: url(../images/ch_logo_set_g.svg);
	background-repeat: no-repeat;
	text-indent: 101%;
	white-space: nowrap;
	overflow: hidden;
}
.header_nav .topline {
	display: flex;
	justify-content: flex-end;
	position: relative;
}
.header_nav .topline .header_upper_link,
.header_nav .topline .lang {
	padding: 0 1rem;
}
.header_nav .topline .header_upper_link a{
	padding: 0.5rem 1rem;
}
.header_nav .topline .lang span {
	padding: 0 0 0.25rem;
}
.header_nav .topline .lang a {
	opacity: 0.6;
}
.header_nav .topline .lang .currentlang {
	border-bottom: solid 2px;
}
.header_nav .topline .lang .line {
	display: inline-block;
	width: 1px;
	height: 1rem;
	margin: 0 0.5rem;
	background: #15654c;
}
.globalnavi {
	padding: 1rem 0;
}
.globalnavi .menu {
	display: flex;
}
.globalnavi .menu>li>a {
	padding: 0 1rem 1rem;
	font-size: 1.125rem;
	position: relative;
}
.globalnavi .menu>li>a::after {
	display: block;
	width: calc(0% - 2rem);
	height: 0.375rem;
	background: #15654c;
	content: "";
	position: absolute;
	bottom: 0;
	left: 1rem;
	transition: 0.2s width ease-out;
}
.globalnavi .menu>li>a:hover:after{
	width: calc(100% - 2rem);
}
.globalnavi .menu li > .sub-menu {
	display: none;
}
.globalnavi .sub-menu,
.globalnavi .sub-menu a {
	color: #444 !important;
}
.globalnavi .menu li > .sub-menu > .menu-Producttop {
	width: auto;
	font-size: 1.4rem;
}
.globalnavi .menu li > .sub-menu > .menu-Producttop .jname {
	font-size: 0.8rem;
	margin: 0 0 0 1rem;
}
.globalnavi .menu li > .sub-menu > .menu-newitem {
	width: auto !important;
	display: flex;
	align-items: center;
	align-self: center;
	padding: 0.25rem 1rem !important;
	margin: 0 60% 0.5rem 1rem !important;
	border: solid 1px #666;
	justify-content: center;
	transition: all 0.15s ease;
}
.globalnavi .menu li > .sub-menu > .menu-newitem:hover {
	background-color: #FFF;
	border: solid 1px #15654c;
	color: #15654c !important;
}
.globalnavi .menu li > .sub-menu > li {
	width: 23%;
	margin: 0 1% !important;
	margin-bottom: 1rem !important;
}
.globalnavi .menu li > .sub-menu > li .item-cat {
	background: #FFF;
	display: flex;
	flex-direction: column;
	justify-content: center;
	color: #666 !important;
	font-weight: bold;
	font-size: 1rem;
	height: 60px;
	position: relative;
	padding: 0 0 0 70px;
	margin: 0 0 1rem;
}
.globalnavi .menu li > .sub-menu > li .item-cat:before {
	display: block;
	width: 60px;
	height: 60px;
	content: "";
	background-color: #999;
	background-size: cover;
	position: absolute;
	top: 0;
	left: 0;
}
.menu-Chair .item-cat:before {
	background-image: url(../images/icon_menu-Chair.png);
}
.menu-Sofa .item-cat:before {
	background-image: url(../images/icon_menu-Sofa.png);
}
.menu-Table .item-cat:before {
	background-image: url(../images/icon_menu-Table.png);
}
.menu-Cabinet .item-cat:before {
	background-image: url(../images/icon_menu-Cabinet.png);
}
.menu-Bed .item-cat:before {
	background-image: url(../images/icon_menu-Bed.png);
}
.menu-Accessories .item-cat:before {
	background-image: url(../images/icon_menu-Accessories.png);
}
.menu-System.furniture .item-cat:before {
	background-image: url(../images/icon_menu-Systemfurniture.png);
}

.menu-NorthNoble .item-cat:before {
	background-image: url(../images/icon_menu-NorthNoble.png);
}
.menu-SimpleNatural .item-cat:before {
	background-image: url(../images/icon_menu-SimpleNatural.png);
}
.menu-AdvancedClassic .item-cat:before {
	background-image: url(../images/icon_menu-AdvancedClassic.png);
}

.globalnavi .menu li > .sub-menu > li > .sub-menu > li {
	width: 100%;
	margin: 0 0 0.5rem !important;
}
.globalnavi .menu li > .sub-menu > li > .sub-menu > li > a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0.25rem 0;
}
.globalnavi .menu li > .sub-menu > li > .sub-menu > li > a:hover {
	color: #135f3d !important;
}
.globalnavi .menu li > .sub-menu > li > .sub-menu > li > a::after {
	content: "\f054";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	margin-right: 0.25rem;
	transition: all 0.2s ease;
}
.globalnavi .menu li > .sub-menu > li > .sub-menu > li > a:hover::after {
	margin-right: 0;
}
.globalnavi .menu li > .sub-menu li > .sub-menu {
	display: block;
}
.globalnavi .menu .menu-Product {
	display: block;
	z-index: 110;
	cursor: pointer;
}
.globalnavi .menu .menu-Product::after {
	display: block;
	width: calc(0% - 2rem);
	height: 0.375rem;
	background: #15654c;
	content: "";
	position: relative;
	bottom: -0.666rem;
	left: 1rem;
	transition: 0.2s width ease-out;
}
.globalnavi .menu .menu-Product:hover:after {
	width: calc(100% - 2rem);
}
.globalnavi .menu .menu-Product > a {
  pointer-events: none;
}
.globalnavi .menu .menu-Product > .sub-menu {
	flex-flow: wrap;
	position: absolute;
	top: calc(98px - 0rem);
	left: 0;
	width: 100%;
	max-height: calc(100vh - 120px);
	padding: 1rem calc((100vw - 1200px)/2) !important;
	background: #F5F5F5;
	text-align: left;
	z-index: 120;
	cursor: default;
	box-sizing: border-box;
	overflow-y: auto;
}
.overlay {
	display: none;
	position: absolute;
	top: 98px;
	left: 0;
	width: 100%;
	height: calc(100vh - 98px);
	background: rgba(0, 0, 0, .5);
	z-index: 90;
}
@media screen and (min-width: 0px) and (max-width: 640px) {
header {
	min-width: 100%;
}
header.hide ,header.fixed.hide {
	transform: translateY(-110%);
}
/* sp menu */
nav.spmenu {
	position: absolute;
	top: 98px;
	left: 0;
	background: #F5F5F5;
	width: 100%;
	color: #333 !important;
	z-index: 100;
}
.smenu_trigger {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: -98px;
	right: 0;
	width: 98px;
	height: 98px;
}
.smenu_trigger span {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 40%;
	height: 6px;
	border-radius: 1rem;
}
.smenu_trigger span:after,
.smenu_trigger span:before {
	display: block;
	width: 40%;
	height: 6px;
	border-radius: 1rem;
	content: "";
	position: absolute;
	transition: all 0.05s ease-out;
}
.smenu_trigger span:before {
	transform: translateY(-16px);
	transition: all 0.05s ease-out;
}
.smenu_trigger span:after {
	transform: translateY(16px);
	transition: all 0.05s ease-out;
}
.smenu_trigger.open span {
	width: 6px;
}
.smenu_trigger.open span:before {
	transform: translateY(0px) rotateZ(45deg);
}
.smenu_trigger.open span:after {
	transform: translateY(0px) rotateZ(-45deg);
}
.smenu_trigger span,
.smenu_trigger span:after,
.smenu_trigger span:before,
header:hover .smenu_trigger span,
header:hover .smenu_trigger span:after,
header:hover .smenu_trigger span:before  {
	background: #15654c;
}
.home .smenu_trigger span,
.home .smenu_trigger span:after,
.home .smenu_trigger span:before {
	background: #FFF;
}
.spmenu>ul {
	display: none;
	border-top: solid 1px rgba(0,0,0,.3);
}
.spmenu.open>ul {
	display: block;
	overflow-y: scroll;
	max-height: calc(100vh - 98px);
}
.spmenu li,.spmenu a {
	box-sizing: border-box;
}
.spmenu>ul li {
	font-size: 1.8rem;
	text-align: left;
	display: block;
	position: relative;
}
header:hover .spmenu>ul li {
	color: #15654c  !important;
}
.spmenu .jname {
	font-size: 1.2rem;
	margin: 0 0 0 1rem;
}

.spmenu>ul>.lang {
	display: block;
	padding: 2rem !important;
	font-size: 1.6rem;
	text-align: center;
	background: #FFF;
	border-bottom: solid 1px rgba(0,0,0,.3);
}
.spmenu>ul>.lang span {
	padding: 0 0 0.25rem;
}
.spmenu>ul>.lang a {
	opacity: 0.6;
}
.spmenu>ul>.lang .currentlang {
	border-bottom: solid 2px;
}
.spmenu>ul>.lang .line {
	display: inline-block;
	width: 1px;
	height: 2rem;
	margin: 0 1rem;
	background: #15654c;
}


.spmenu>ul>li>.main_menu {
	display: block;
	padding: 1.25rem 4rem 1.25rem 1.5rem;
	border-bottom: solid 1px rgba(0,0,0,.3);
	position: relative;
}
.spmenu>ul>li>a.main_menu {
	width: calc(100% - 4.75rem);
}
.spmenu ul li a::after {
	content: "\f054";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	display: block;
	width: 4.75rem;
	text-align: center;
	position: absolute;
	top: calc(50% - 1rem);
	right: 0;
}
.spmenu ul li.lang a::after {
	display: none;
}
.spmenu>ul>li {
	background: #FFFFFF;
}
.spmenu>ul>li>ul>li {
	background: #F5F5F5;
}
.spmenu>ul>li>ul>li>ul>li {
	background: #E8E8E8;
	font-size: 1.5rem;
}
.spmenu .only_menu,.sub_menu>li>a {
	padding: 1.25rem 4rem 1.25rem 1.5rem;
	display: block;
	border-bottom: solid 1px rgba(0,0,0,.3);
}
.spmenu .main_menu+.sub_menu_trigger {
	display: flex;
	justify-content: center;
	align-items: center;
	color: #15654c;
	height: 4.75rem;
	width: 4.75rem;
	border-bottom: solid 1px rgba(0,0,0,.3);
	border-left: solid 1px rgba(0,0,0,.3);
	background: #eee;
	position: absolute;
	top: 0;
	right: 0;
	box-sizing: border-box;
}
.spmenu .main_menu+.sub_menu_trigger::after {
	content: "\f067";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
}
.spmenu .sub_menu_trigger.open::after {
	content: "\f068";
}
.spmenu .sub_menu {
	display: none;
}

.spmenu .main_menu.only_menu+.sub_menu_trigger {
	border-left: none;
	padding: 0 2.375rem 0 calc(100% - 2.375rem);
	border-bottom: none;
	background: transparent;
}
.spmenu .main_menu.only_menu {
	color: #333 !important;
}
.spmenu>ul>.dark {
	padding-bottom: 100px !important;
}
.spmenu>ul>.dark,
.spmenu>ul>li.dark>ul>li {
	background: #2B2B2B;
}
.spmenu>ul>.dark>ul>li>a {
	color: #CCC !important;
	display: block;
	padding: 1.25rem 4rem 1.25rem 1.5rem;
	display: block;
	font-size: 1.4rem;
	border-top: solid 1px rgba(255,255,255,.5);
}
.spmenu_icon_link {
	width: 90%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 0 auto;
	padding: 3rem 0;
}
.spmenu_icon_link a {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	font-size: 1.2rem;
	width: 180px;
	padding: 1rem;
	margin: 0.25rem;
	border-radius: 0.5rem;
	color: #FFF !important;
	text-align: center;
}
.spmenu_icon_link a:hover {
	background: rgba(255,255,255,.15);
}
.spmenu_icon_link a img {
	display: block;
	margin-bottom: 0.5rem;
	width: 3rem;
	height: 3rem;
}
.spmenu_icon_link a:hover img {
	opacity: 1;
}
.spmenu_btn_link {
	display: flex;
	width: 90%;
	margin: 0 auto;
	padding: 2rem 0 0;
	justify-content: center;
}
.spmenu_btn_link a.btn {
	padding: 1rem 1rem 0.75rem;
	margin: 0 0.5rem;
	text-align: center;
	min-width: auto;
	flex-grow: 1;
}
.spmenu_icon_link a:after,
.spmenu_btn_link a:after {
	display: none !important;
	text-align: center;
}

}


/*** maincontents  **************/
.maincontfr{background:#FFF;}


.categorytop {
	height: 200px;
	width: 1000px;
	padding: 0 calc(50% - 500px);
	font-size: 2.5rem;
	position: relative;
	background-size: cover;
	background-position: center;
}
.categorytop .title {
	color: #FFF;
	width: 50vw;
	height: 100%;
	position: absolute;
	left: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	background: -moz-linear-gradient(left, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.2) 50%, rgba(0,0,0,0.1) 75%, rgba(0,0,0,0) 100%);
	background: -webkit-linear-gradient(left, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.2) 50%,rgba(0,0,0,0.1) 75%,rgba(0,0,0,0) 100%);
	background: linear-gradient(to right, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.2) 50%,rgba(0,0,0,0.1) 75%,rgba(0,0,0,0) 100%);
	padding-left: calc(50% - 500px);
}
@media screen and (min-width: 0px) and (max-width: 640px) {
.categorytop {
	height: 150px;
	width: 100vw;
	margin: 100px 0 -100px;
	padding: 0;
	font-size: 2.5rem !important;
	position: relative;
	background-size: cover;
	font-weight: normal;
	background-position: center;
}
.categorytop .title {
	color: #FFF;
	width: 80vw;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	padding-left: 2rem;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: center;
	background: -moz-linear-gradient(left, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.2) 50%, rgba(0,0,0,0.1) 75%, rgba(0,0,0,0) 100%);
	background: -webkit-linear-gradient(left, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.2) 50%,rgba(0,0,0,0.1) 75%,rgba(0,0,0,0) 100%);
	background: linear-gradient(to right, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.2) 50%,rgba(0,0,0,0.1) 75%,rgba(0,0,0,0) 100%);
}
}
.products .categorytop {
	background-image: url(../images/bg_head_product.jpg);
}
.scene .categorytop {
	background-image: url(../images/bg_head_scene.jpg?22040100);
}
.about .categorytop {
	background-image: url(../images/bg_head_about.jpg);
}



/*** foot  **********************/

.sidefloating {
	display: flex;
	flex-direction: column;
	background: #FFF;
	width: 84px;
	padding: 0 0.5rem;
	position: fixed;
	bottom: 80px;
	right: 0.5rem;
	border-radius: 0.375rem;
	box-shadow: 0 0.5rem 0.5rem rgba(0,0,0,.15);
	opacity: 0.9;
	transition: all 0.3s ease-in;
	z-index: 2;
	text-align: center;
}
.sidefloating:hover {
	right: 1rem;
	opacity: 1;
}
.sidefloating a {
	color: #15654c !important;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	min-height: 60px;
	padding: 5px 0;
	border-top: solid 1px #5d8271;
	font-size: 0.75rem;
}
.sidefloating a:hover {
	color: #20734e !important;
} 
.sidefloating a:first-child {
	border-top: none;
}
.sidefloating a img {
	display: block;
	width: 24px;
	height: 24px;
	margin-bottom: 0.25rem;
}
@media screen and (min-width: 0px) and (max-width: 640px) {
.sidefloating {
	width: 100vw;
	height: 100px;
	padding: 0;
	right: 0;
	bottom: 0;
	border-radius: 0;
	flex-direction: row;
	justify-content: space-around;
	align-items: center;
	box-shadow: 0 0 0.5rem rgba(0,0,0,.1);
	opacity: 1;
}
.sidefloating.hide {
	bottom: -100px;
}
.sidefloating:hover {
	right: 0;
}
.sidefloating a {
	font-size: 1.25rem;
	border-top: none;
}
.sidefloating a img {
	width: 40px;
	height: 40px;
}
}


.footer_upper {
	padding: 4rem 0;
}
.footer_upper.category_menu {
	background: #EEEEEE;
	margin: 0 !important;
}
.footer_upper.shop_menu {
	background: #FFFFFF;
}
.footer_upper .inner {
	width: 1000px;
	margin: 0 auto;
	text-align: left;
}
.footer_upper .inner h3 {
	font-size: 1.5rem;
	font-weight: normal;
	margin-bottom: 1rem;
}
.footer_upper .inner h4 {
	font-size: 1rem;
	margin-bottom: 1rem;
	background: rgba(0, 0, 0, .08);
	padding: 0.5rem 1rem;
}
.footer_upper .inner h4 small {
	font-size: 0.8rem;
	display: inline-block;
	margin: 0 0 0 1rem;
}
.footer_upper_menu {
	display: flex;
	flex-flow: wrap;
	margin: 0 -0.5rem 2rem !important;
}
.footer_upper_menu.product li {
	width: 23%;
	margin: 0 1% 1rem !important;
}
.footer_upper_menu.scene li {
	width: 31.3%;
	margin: 0 1% 1rem !important;
}
.footer_upper_menu>li>.item-cat {
	background: #FFF;
	display: flex;
	flex-direction: column;
	justify-content: center;
	color: #666 !important;
	font-weight: bold;
	font-size: 1rem;
	height: 60px;
	position: relative;
	padding: 0 0 0 70px;
	margin: 0 0 1rem;
}
.footer_upper_menu>li>.item-cat:before {
	display: block;
	width: 60px;
	height: 60px;
	content: "";
	background-color: #999;
	background-size: cover;
	position: absolute;
	top: 0;
	left: 0;
}
.footer_upper_menu>li>.sub-menu>li {
	width: 100%;
	margin: 0 0 0.5rem !important;
}
.footer_upper_menu>li>.sub-menu>li> a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0.25rem 0;
}
.footer_upper_menu>li>.sub-menu>li> a:hover {
	color: #135f3d !important;
}
.footer_upper_menu>li>.sub-menu>li> a::after {
	content: "\f054";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	margin-right: 0.25rem;
	transition: all 0.2s ease;
}
.footer_upper_menu>li>.sub-menu>li> a:hover::after {
	margin-right: 0;
}

.footer_upper .shoppage_link {
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 1rem;
}
.footer_upper .shoppage_link a {
	display: inline-block;
	width: 21%;
	margin: 0 4% 1rem 0;
	font-size: 0.85rem;
}
@media screen and (min-width: 0px) and (max-width: 640px) {
.footer_upper .inner {
	width: 90%;
}
.footer_upper_menu.product>li, .footer_upper_menu.scene li {
	width: 100%;
}
.footer_upper_menu>li>.item-cat {
	font-size: 1.5rem;
	height: 80px;
	padding: 0 0 0 95px;
}
.footer_upper_menu>li>.item-cat:before {
	height: 80px;
	width: 80px;
}
.footer_upper_menu>li>.sub-menu>li {
	width: auto;
	display: inline-block;
	margin-right: 2rem !important;
}
.footer_upper_menu>li>.sub-menu>li> a {
	display: inline-block;
	font-size: 1.28rem;
	padding: 0.65rem 0;
}
.footer_upper_menu>li>.sub-menu>li> a::after {
	margin-left: 0.5rem;
}
.footer_upper_menu>li>.sub-menu>li> a:hover::after {
	margin-right: 0.25rem;
}
.footer_upper .inner h4 {
	font-size: 1.4rem;
}
.footer_upper .inner h4 small {
	font-size: 1rem;
	display: inline-block;
	margin: 0.25rem 0 0 0;
}
.footer_upper .shoppage_link a {
	width: 46%;
	font-size: 1.28rem;
	padding: 0.5rem 0;
}
}

#footer {
	background: #2B2B2B;
	color: #FFF;
	text-align: center;
}
#footer .inner {
	max-width: 1200px;
	min-width: 1080px;
	margin: 0 auto;
	padding: 4rem 0 1rem;
}
#footer a {
	color: rgba(255, 255, 255, .8) !important;
	transition: all 0.2s ease-out;
}
#footer a:hover {
	color: rgba(255, 255, 255, 1) !important;
}
.footer_text_link{
	margin-bottom: 3rem;
}
.footer_text_link a {
	display: inline-block;
	padding: 0 0.75rem;
  font-size: 0.925rem;
	border-left: solid 1px #AAA;
}
.footer_text_link a:first-child {
	border-left: none;
}
.footer_icon_link .separator {
	width: 1px;
	height: 90px;
	background: #666;
	display: block;
}
.footer_icon_link {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-bottom: 3rem;
}
.footer_icon_link a {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	font-size: 1rem;
	width: 150px;
	padding: 1rem;
	margin: 0.25rem;
	border-radius: 0.5rem;
}
.footer_icon_link a:hover {
	background: rgba(255,255,255,.15);
}
.footer_icon_link a img {
	display: block;
	margin-bottom: 0.5rem;
	width: 32px;
	height: 32px;
}
.footer_icon_link a:hover img {
	opacity: 1;
}
.footer_bottom_link {
	margin-bottom: 2rem;
}
.footer_bottom_link a {
	display: inline-block;
	padding: 0.5rem 1rem;
	font-size: 0.8rem;
}
#footer .logolink {
	display: block;
}
#footer .logolink:hover img {
    opacity: 1;
}
#footer .copyright {
	color: #888;
	font-size: 0.75rem;
	letter-spacing: 0.05rem;
}


@media screen and (min-width: 0px) and (max-width: 640px) {
#footer .inner {
	width: 90%;
	min-width: unset;
	padding-bottom: 180px;
}
.footer_text_link a {
	font-size: 1.5rem;
	margin-bottom: 2rem;
	border-left: none;
}
.footer_icon_link a {
	font-size: 1.2rem;
}
.footer_icon_link a img {
	width: 3rem;
	height: 3rem;
}
.footer_bottom_link a {
	font-size: 1.4rem;
}
#footer .copyright {
	font-size: 1.2rem;
}
}

/*
#footer{ clear:both;}
.footerfr{ position:relative; height:50px; background-color:#000; width:100%}
.innerfoot{ margin:0px auto 0 auto; width:100%; text-align: center; padding-top:0px;}
.innerfoot .fmenu{ display:none;}
.innerfoot .footinfo{height:24px; line-height:24px; float:right; }
.innerfoot a{ color:#999; margin-left:30px;font-size:93%;}
.innerfoot a:link,.innerfoot a:visited{ text-decoration:none; color:#999 !important}
.innerfoot a:hover{	color: #D8242F !important;}
.innerfoot .lang{height:24px; line-height:24px; float:left; color:#999;font-size:100%; font-family:Tahoma, Geneva, sans-serif;}
.innerfoot .lang span{height:24px;line-height:24px;}
.innerfoot .lang .currentlang{ margin-left:10px;margin-right:10px; border-bottom:2px solid #C00; padding-bottom:2px}
.innerfoot .lang .line{ border-right:1px solid #999; height:24px; width:1px; line-height:24px;}
.innerfoot .lang a{margin-left:10px;margin-right:10px}
.innerfoot .yt{ display:none; float:left; color:#999; margin-top:12px; font-size:10px; width:44px; height:20px; background-position:-114px -49px;}
.innerfoot .copy{ float:none; color:#999; margin-top:10px; font-size:153.9%; line-height:33px;}


.footlinefr{ display:block;background:#FFF url(/img/top/lineback.png) repeat; height:38px;}
.footlinefr .botttomline{ width:1000px; margin:0 auto 0 auto; text-align:right}
.botttomline{}
.botttomline:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.botttomline div{float: right; margin-left:22px; }
.botttomline div a{ line-height:38px;}
.botttomline div a:link,.botttomline div a:visited{  color:#595757; text-decoration:none;}
.botttomline span{}
.botttomline .message{ line-height: 38px;}
.botttomline .line{ border-right: 1px solid #999; height: 15px; width: 1px; margin: 12px 0 0 12px;}
.botttomline .fb img{ width:21px; height:21px; margin:0 7px 0 0;}
.botttomline .ig img{ width:21px; height:21px; margin:0 7px 0 0;}
.botttomline .yt img{ width:21px; height:21px; margin:0 7px 0 0;}
.botttomline .mc span{ width:21px; height:21px; background-position:-21px -539px;display:block; float:left; margin:9px 7px 0 0;}
*/

/*footer_upper_link
.footer_upper_link {
	background: #F5F3EE;
	padding: 1.5rem 0;
	border-bottom: solid 1px rgba(0,0,0,.3);
	display: flex;
	justify-content: center;
	text-align: center;
}
.footer_upper_link a {
	flex-direction: column;
	background: #FFF;
	padding: 0.75rem;
	box-shadow: 0 1px 2px rgba(165, 157, 139, .1);
	margin: 0 0.5rem;
	width: 25%;
	min-width: unset;
	font-size: 166%;
}
.footer_upper_link a img {
	width: 100%;
	margin: 0 0 0.75rem;
}
.footer_upper_link a span.icon {
	width: 30px;
	height: 20px;
	margin: 0;
	display: inline-block;
	background: url(/img/common/onlineshop_cart.svg) no-repeat;
	background-size: contain;
}

.maincont-bottom-account {
	padding: 20px 30px;
	margin: 0;
	background: rgba(0, 0, 0, 0) url("/img/common/menu_back.png") repeat scroll 0 0;
	text-align: center;
}
.maincont-bottom-account .title {
	width: 100%;
	font-size: 200%;
}
.maincont-bottom-account .account {
	margin-top: 20px;
	width: 33%;
	float: left;
	text-align: center;
	font-size: 170%;
}
.maincont-bottom-account .account .icon {
	margin-bottom: 8px;
}
.maincont-bottom {
	display: flex;
	justify-content: space-around;
	width: 100%;
	margin: 0;
	padding: 1rem 0;
	background: #dad8d1;
}
.company-link{
    width:90%;
}
.company-link a{
  font-size:24px;
  height:60px;
  line-height:60px;
  display: block;
	padding:0px;
	text-align: center;
}
.company-link a span {
	display: inline-block;
	width: 22px;
	height: 28px;
	border: solid 3px #000;
	vertical-align: middle;
	margin: 0 1rem 0.25rem 0;
	position: relative;
}
.company-link a span::after {
	display: block;
	content: "";
	width: 28px;
	height: 3px;
	background: #000;
	position: absolute;
	top: 6px;
	left: 8px;
	transform: rotateZ(-45deg);
}
*/

/*etc*/
.zeroMargin_mobile {
	margin-left: 0;
}
.hide_mobile {
	display: none !important;
}



.totop{ text-align:center;width:100%}
.totop span{ margin-right:10px; display:block;text-decoration:none; color:#000; cursor:pointer; width:100%; background-color:#FFF; line-height:3;}

.imgfr img{max-width: 100%;}

	
/*for slide menu********************************************/
#slidemenu {
	position: fixed;
	visibility: hidden;
 }

/*** only moble css *************/
@media screen and (min-width: 0px) and (max-width: 640px) {
	
h1{ margin:18px 30px 26px 30px;  font-size:244% !important;}
	
#content{	border-left:1px solid #B3B3B3; background-color: #FFFFFF;} 

/*#gmenu{ display:none}*/

.mainmenubtn,.snsmenubtn{position:relative; display: block;border-left: none !important; height:auto; width:80px; cursor:pointer}
.mainmenubtn{float:left;text-align:left;width:150px !important;}
.snsmenubtn{ float:right;text-align:left; overflow:hidden;}
.mainmenubtn span{ display:block;background-position:-124px 0px; width:35px; height:24px; margin:4px 0px 0px 23px;}

.home .mainmenubtn,.home .snsmenubtn{ /*height:80px;*/}
.home .mainmenubtn span{/*margin:18px 0px 0px 23px;*/}

.snsactive{ width:354px;}
.chide{ display:none;}
.snsmenu{  width:350px; position:relative}
#sbtn{ float:left;width:125px; display:block; }
#sbtn .arrow-r{ margin-left:60px}



.panlistfr{ display:none;}
.leftcolumn{ display:none;}
#maincont{width: 100%;margin-top: 100px;}

/*{ font-size:230%;  margin:18px 0 26px 30px; font-weight:normal}*/
.maincolumn{ float:none; width:100%; padding-top:10px;}
.maincolumn .cont{ position:relative; font-size:182%; line-height:1.8em; margin:18px 0px 30px 0px;font-weight:normal; min-height:550px !important;}



/*** menu *****/
/*for slide menu********************************************/
#content {
	background: #FFFFFF;
	/*-webkit-transform: translate3d(0px, 0px, 1px);
	-webkit-transition: .2s -webkit-transform ease-in-out;*/
	z-index: 1;
}
#content.show {
	/*-webkit-transform: translate3d(560px, 0px, 1px);*/
	min-width: 100px;
}

/*
#slidemenu {
	background-color: #FFF;
	left: 0;
	top: 0;
	position: fixed;
	visibility: hidden;
	z-index: -1;
	-webkit-transition: visibility 0s linear .2s;
 }
#slidemenu.show {
    height: 100%;
    visibility: visible;
    z-index: 1;
    -webkit-transition: z-index 0s linear .2s;
 }
.slidemenu_contents {
	display: none;
	display: block;
	height: 100%;
	position: relative;
	 font-size:123.1%; 
	width: 560px;
	padding-bottom:50px;
	
}

	.slidemenu_contents li a{ display:block; text-align:left;
	 padding:0px 0px 0 30px !important;
	 width:94.5%;
	 font-size:190%;
	 border-top:1px solid #B3B3B3 !important; 
	  letter-spacing:0.1em;
	  outline:none !important;
	  -webkit-tap-highlight-color:rgba(0,0,0,0) !important;
	}

	.slidemenu_contents li span{
		  outline:none !important;
	  -webkit-tap-highlight-color:rgba(0,0,0,0) !important;
	}
	.slidemenu_contents li a:hover{ 
		  outline:none !important;
	  -webkit-tap-highlight-color:rgba(0,0,0,0) !important;

	}
	.slidemenu_contents > ul > li > a{
	height:86px; line-height:86px; font-weight:normal;
	}

	.slidemenu_contents > ul > li > ul > li > a {
		width: 89%;
		padding: 1.5rem 0px 1.5rem 60px !important;
		border-top: 1px solid #B3B3B3 !important;
		font-weight: normal;
	}


	.slidemenu_contents ul > li > span{ display:block; text-align:left;
	padding:0px 0px 0 30px !important;
	width:95%;
	 font-size: 190%;
	 border-top:1px solid #B3B3B3; 
	  letter-spacing:0.1em;
	  height:86px; line-height:86px; font-weight:normal;
	   cursor:pointer;
	}

	.slidemenu_contents ul > li > ul > li > span{ display:block; text-align:left;
	padding:0px 0px 0 60px !important;
	width:90%;
	 font-size:214%;
	 border-top:1px solid #E6E6E6; 
	  letter-spacing:0.1em;
	  height:86px; line-height:86px; font-weight:normal;
	   cursor:pointer;
	}
	.slidemenu_contents a:link,.slidemenu_contents a:visited,.slidemenu_contents a:hover,.slidemenu_contents a:focus,.slidemenu_contents a:active{ text-decoration:none; color:#000 !important;}
	
	.slidemenu_contents a.smenu_item_contract {
		background: #555;
		color: #FFF !important;
		margin-bottom: 1.5em !important;
	}
	.slidemenu_contents .other {
		background-color: #E6E6E6;
		font-size: 90%;
	}
	.slidemenu_contents .other span,
	.slidemenu_contents .other a {
		height: 68px;
		line-height: 68px;
		border-top: none !important;
		color: #555 !important;
	}
	.slidemenu_contents .other > ul > li {
		background-color: #EEE;
		font-size: 90%;
	}
	
    .slidemenu_contents ul {
	  margin:0 !important;
	  padding:0 !important;
	  display:block;
 		  
   }

   .slidemenu_contents li {
      float: none;
    	  display:block;
		  margin:0 !important;
	  padding:0 !important;
	  font-size:100%;
    }
	   .slidemenu_contents li ul{
	   }
	.slidemenu_contents > ul > li > ul > li > ul > li > a{
		width:83%;
		padding:8px 0px 8px 90px !important;
		border-top:1px solid #E6E6E6 !important;
		color:#333;
		display:block;
		font-weight:normal;
		height:86px; line-height:86px; font-weight:normal;
	}
	.slidemenu_contents .other > ul > li > a {
		font-size: 210%;
	}


#slidemenu_list{ margin-bottom:100px;}

.en-h{ height:auto !important;line-height:1.2 !important;}
li.tline {}
li.tline a{ height:100px !important;line-height:1.4 !important; display:block !important; padding-top:13px !important; }

   .slidemenu_contents > ul > li:first-child a{
		 border-top:1px solid #B3B3B3 !important; 
}
	a.lmenu-home{}
	a.lmenu-home div{ line-height:86px;}
	.slidemenu_contents a.lmenu-home span{ font-size:100%; display:block; float:left;background:url(/img/common/commonsprite.png) -128px -24px no-repeat; margin:28px 15px 0 0; width:25px !important; height:25px !important;}

a.current,.current-cat a,.current_page_item a{background:url(/img/common/menu_back.png) repeat; }

.slidemenu_contents .lang{height:50px; line-height:50px; color:#333;font-size:214%; font-family:Tahoma, Geneva, sans-serif; margin:30px auto 0 auto; text-align:center;	padding-bottom:50px;}
.slidemenu_contents .lang span{margin-left:20px; width:250px; float:left; display:block;line-height:50px; display:inline !important; border:1px solid #CCCCCC; text-align:center;padding:10px 0px 10px 0px; }
.slidemenu_contents .lang .currentlang{ margin-left:20px; border-bottom:2px solid #C00;padding:10px 0px 10px 0px;}
.slidemenu_contents .lang .line{ border-right:1px solid #333; height:24px; width:1px; line-height:24px;}
.slidemenu_contents .lang a{ text-align:center; letter-spacing:normal; font-size:100%;line-height:50px !important; padding-left:5px !important;height:50px; display:block; border-top: none !important;}
.slidemenu_contents .yt{ display:none; float:left; color:#333; margin-top:12px; font-size:10px; width:44px; height:20px; background-position:-114px -49px;}

.slidemenu_contents .account{height:50px; line-height:50px; color:#333;font-size:214%; font-family:Tahoma, Geneva, sans-serif; margin:30px auto 0 auto; text-align:center;	padding-bottom:50px;}
.slidemenu_contents .account span{margin-left:20px; width:250px; float:left; display:block;line-height:50px; display:inline !important; border:1px solid #CCCCCC; text-align:center;padding:10px 0px 10px 0px; }
.slidemenu_contents .account a{ text-align:center; letter-spacing:normal; font-size:100%;line-height:50px !important; padding-left:5px !important;height:50px; display:block; border-top: none !important;}

.slidemenu_contents li.ld { height:200px; font-size:154%;}

	
#slidemenu_list li > ul{ display:none;}
*/
/***********************/

/*sns
.snsblock{ margin-bottom:30px;}
.journal .snsblock{ }
.snsblock div{line-height: 0; display:inline-block;vertical-align:top; text-align: left;border:0 !important;padding:0 7px 0px 0px !important;margin:0 !important;height:21px !important;text-indent:0 !important;}
.snsblock img{border:0 !important;padding:0;margin:0;vertical-align:top !important;}
.snsblock div.fb{ margin-left:30px !important;margin-top:-10px; padding-top:-10px !important; width:100px; }
.etc-more{ background:url(/img/products/sp-more.png) top center no-repeat;  height:30px; padding-top:50px; text-align:center;}
*/
/* リンクボタン */
.button-link a {
	display: block;
	border: 1px solid #ccc;
	width: 250px;
	height: 80px;
	background-color: #fff;
	margin-right: 40px;
	line-height: 80px;
	text-align: center;
	margin: 0 auto;
}
.button-link a:hover {
	border: 1px solid #d8242f;
	color: #000000 !important;
}


.footlinefr{display:none;}


}
/* tablet Layout: 641px -(768px) inherit style from mobile  *****************************************************************************/
@media only screen and (min-width:641px) {
.gridContainer {
/*	margin-left: 10px;
	margin-right: 10px;*/
}
.leftcolumn{ display:block;}



/*globalnavi *************/


#maincont{ width:1000px;margin:0 auto 0 auto}
.home #maincont ,.page-template-loop-p_scene_detail #maincont{width: 100%;}

/*twocolumn*/
.maincolumn{ float:left; width:760px; padding-top:10px; min-height:549px;}
/*onecolumn*/
.products .maincolumn,.shop .maincolumn,.category-shop .maincolumn,.site .maincolumn,.privacy .maincolumn,.policy .maincolumn,.membersclub .maincolumn,.usersguide .maincolumn,.maintenance .maincolumn, .about .maincolumn, .maintenance-wood .maincolumn, .remove .maincolumn { float:none; width:1000px; padding-top:10px;margin: 0 auto;}
.ja_en.news_en .maincolumn,.ja_en.catalogue .maincolumn,.ja_en.category-news .maincolumn,.contact_e .maincolumn,.ja_en.company .maincolumn,.designer .maincolumn{ float:none; width:1000px; padding-top:10px;}

.maincolumn .cont{ line-height:2em; margin-bottom:50px;font-size:108%;}

.onecolumn {width: 100%;}



/*sns*/
.mainmenubtn{ display:none !important}
/*.navobile-content .mainmenubtn .sw{ display:none;}*/

.snsmenu{
	position: relative;
	color: #CCC;
	width: 1000px;
	margin: 0 auto;
}
.home .snsmenu {
	top: -4px !important;
	width: 90px;
	float: right;
}
#sbtn{ display:none !important}
.snsmenubtn {
	position: relative;
	display: block;
	background: #444;
	width: 100%;
	margin: 0 auto;
	height: 30px;
	text-align: right;
}
/*.snsmenubtn {
	position: absolute;
	display: block;
	background: #444;
	width: 1000px !important;
	margin: 0 auto 0 auto;
	height: 30px;
	text-align: right;
	top: -42px;
	padding: 0 calc((100vw - 1000px) / 2 - 4px);
	left: calc((100vw - 1000px) / -2);
}*/
.home .snsmenubtn {
	position: absolute;
	display: block;
	width: 80px !important;
	padding: 0;
	left: auto;
	top: 10px;
	right: calc((100vw - 1000px) / 2 - 8px);
	margin: 0 auto 0 auto;
	height: 20px;
	text-align: right;
	background: none;
}
.snsmenubtn a {
	width: 20px;
	height: 20px !important;
	background-position: 0 0;
	background-size: cover;
	display: inline-block;
	padding: 0 !important;
	margin: 5px 0 5px 15px !important;
	opacity: 0.6;
	transition: all 0.2s ease;
}
.snsmenubtn a:hover {opacity: 1;}

.snsmenubtn a.fb{ background: url(/img/common/fb_btn_w.svg) no-repeat;}
.snsmenubtn a.tw{ background: url(/img/common/tw_btn_w.svg) no-repeat;}
/*.snsmenubtn a.pt{ background-position:-80px -25px !important;}*/
.home .snsmenubtn a.fb {background: url(/img/common/fb_btn_k.svg) no-repeat;}
.home .snsmenubtn a.tw {background: url(/img/common/tw_btn_k.svg) no-repeat;}


.snsmenu .pc_lang {
	display: inline-block;
	height: 30px;
	overflow: hidden;
	line-height: 30px;
	position: absolute;
	top: 0;
	right: 80px;
}
.snsmenu .pc_lang span,.snsmenu .pc_lang span a {
	background: none;
	color: #CCC !important;
	display: inline-block;
	height: 24px;
	line-height: 24px;
	width: auto;
	margin: 0 0.5em !important;
	padding: 0 !important;
	font-family: Tahoma, Geneva, sans-serif;
}
.snsmenu .pc_lang span.currentlang {
	padding: 0 0.5em !important;
	border-bottom: solid 2px #D00;
}
.botttomline span{ background:url(/img/top/topsprite.jpg) no-repeat;}


/*panlist*/
.panlistfr{ display:block;background:#FFF; width:100%; padding: 0 0 0.5rem;background:#FFF; width:100%;padding-top: 120px;}
.panlist{ width:1000px; margin:0 auto 0 auto; height:30px; line-height:30px; text-align:left; color:#808080}
.panlist li{ float:left;}

.panlist a:link,.panlist a:visited{ text-decoration:none; color:#808080; font-size:93%}
.panlist a:hover{ }
/*snslist*/
/*.snslist{display:block;width:1000px; margin:0 auto 0 auto; height:50px; text-align:right; }
.snslist a{ width:24px; height:24px; float:right; display:block; margin:18px 0 0 20px;}
.snslist a.fb{ background-position:-100px 0 ;}
.snslist a.tw{ background-position:-104px -25px;}
.snslist a.pt{ background-position:-80px -25px;}
*/
h1{ font-size:214%; margin-bottom:26px;font-weight:normal}
h1 small {font-size: 65%;}
/** leftmenu *************************/
/** column ****************/
.leftcolumn{ float:left; width:240px; padding-top:16px; display:block; margin-bottom:40px;}
.leftcolumn .leftmenu{ width:200px;border-top:1px solid #B3B3B3}
.leftmenu ul {margin:0; padding:0;}
.leftmenu li { list-style:none; border-bottom:1px solid #B3B3B3;margin:0; padding:0;width:200px; }
.leftmenu li.sub{ border-bottom:1px solid #E6E6E6; cursor:default;}
.l-menu > li > a{ color:#333 !important; text-decoration: none; display:block; padding:13px 12px 13px 12px;line-height:1.5em}
.l-menu > li > a:hover{ color:#333; text-decoration: none;background-image:url(/img/common/m-underline.png); background-position:left bottom;background-repeat:no-repeat;}
.l-menu > li > span{ color:#333 !important; text-decoration: none; display:block; padding:13px 12px 13px 12px;line-height:1.5em}
/*.l-menu > li > span:hover{ color:#333; text-decoration: none;background-image:url(/img/common/m-underline.png); background-position:left bottom;background-repeat:no-repeat;}*/
.l-menu > li.current-cat > span{background:url(/img/common/menu_back.png) repeat !important; color:#333 !important; text-decoration: none; display:block; padding:13px 12px 13px 12px;line-height:1.5em}



.leftmenu .menu_en li a{ font-size:85% !important;}
.leftmenu .menu_en li:first-child a{ font-size:100% !important;}

/************/
/*etc*/
.zeroMargin_tablet {
	margin-left: 0;
}
.hide_tablet {
	display: none !important;
}
.hide_mobile {
	display: block !important;
}
.hide_desktop {
	display: none !important;
}
.totop{ text-align:right;}
.totop span{ display:inline;text-decoration:none; color:#000; cursor:pointer; width:auto; background-color:transparent !important;line-height:1.5;}

/*footer
.innerfoot{ margin:0px auto 0 auto; width:100%; text-align: center; padding-top:16px;}
.footerfr{ position:relative; height:97px; background-color:#000; width:100%}
.innerfoot{ margin:0px auto 0 auto; width:1000px; text-align:right; padding-top:16px;}
.innerfoot .fmenu{ display: block;}
.innerfoot .copy{ float:right; margin-top:12px; font-size:100%; line-height:33px;}
.innerfoot .yt{ display:none;}
*/
/*footer_upper_link

.footer_upper_link {
	background: #F5F3EE;
	padding: 1.5rem 0;
	border-bottom: solid 1px rgba(0,0,0,.1);
	display: flex;
	justify-content: center;
}
.footer_upper_link a {
	display: flex;
	flex-direction: row;
	font-size: 100%;
	align-items: center;
	background: #FFF;
	margin: 0 0.75rem;
	padding: 0.75rem;
	width: 22%;
	min-width: 240px;
	max-width: 290px;
	box-shadow: 0 1px 2px rgba(165, 157, 139, .1);
	transition: all 0.1s ease-out;
}
.footer_upper_link a img {
	width: 116px;
	margin: 0 1rem 0 0;
}
.footer_upper_link a span.icon {
	width: 30px;
	height: 20px;
	margin: 0;
	display: inline-block;
	background: url(/img/common/onlineshop_cart.svg) no-repeat;
	background-size: contain;
}
.footer_upper_link a:hover {
	box-shadow: 0 4px 16px rgba(165, 157, 139, .2);
}
.footer_upper_link a:hover img {
	opacity: 1;
}
*/



/*gototop*/
.footerfr .toparrow{ display:block; cursor:pointer; position:absolute; right:30px; top:37px;
 background: url(/img/common/commonsprite.png) -236px -69px no-repeat; width:24px; height:24px;}

/*現在のページ*/
.current-cat{ padding:0;}
.globalnavi .current-menu-item a,.globalnavi .current-post-ancestor a,.globalnavi .current-category-ancestor a,.news_en .menu-News a,.globalnavi .current-page-ancestor a{background-position:0px bottom};
a.current,.current-cat > a,.current_page_item a{background:url(/img/common/menu_back.png) repeat !important; }
.l-menu li.current-cat > a,.l-menu li.current_page_item a{background:url(/img/common/menu_back.png) repeat !important; }




/*.l-menu li span.current-cat{background:url(/img/common/menu_back.png) repeat !important; }*/

.faq .globalnavi .current-page-ancestor a{background-position:-208px bottom !important;}


/*sns*/
.snsblock{ margin-bottom:30px;}
.journal .snsblock{ }
.snsblock div{line-height: 0; display:inline-block;vertical-align:top; text-align: left;border:0 !important;padding:0 7px 0px 0px !important;margin:0 !important;height:21px !important;text-indent:0 !important;}
.snsblock img{border:0 !important;padding:0;margin:0;vertical-align:top !important;}
.snsblock div.fb{ margin-left:30px !important;margin-top:-10px; padding-top:-10px !important; width:100px; }


/* リンクボタン */
.button-link a {
	display: block;
	border: 1px solid #ccc;
	width: 157px;
	height: 30px;
	background-color: #fff;
	margin-right: 40px;
	line-height: 30px;
	text-align: center;
	margin: 0 auto;
}
.button-link a:hover {
	border: 1px solid #d8242f;
	color: #000000 !important;
}
}


/*ssl*/
.ssl_seal_frame {
	position:relative;
}
.ssl_seal_frame .ssl_seal {
	width:150px;
	height:90px;
	margin-top:30px !important;
	margin:0 auto;
	text-align: center;
}


/* pc sp */
.pc_block {display: block;}
.pc_flex {display: flex;}
.pc_inline {display: inline;}
.pc_inline_block {display: inline-block;}
.sp_block {display: none;}
.sp_flex {display: none;}
.sp_inline {display: none;}
.sp_inline_block {display: none;}
@media screen and (min-width: 0px) and (max-width: 640px) {
.pc_block {display: none;}
.pc_flex {display: none;}
.pc_inline {display: none;}
.pc_inline_block {display: none;}
.sp_block {display: block;}
.sp_flex {display: flex;}
.sp_inline {display: inline;}
.sp_inline_block {display: inline-block;}
}


/* Desktop Layout: 769px - (1232px) inherit style from tablet and mobile ****************************************************************/
@media only screen and (min-width: 769px) {
.gridContainer {
	margin-left: auto !important;
	margin-right: auto !important;
	padding-left: 0px;
	padding-right:0px;
	width:1020px !important;
}


.zeroMargin_desktop {
	margin-left: 0;
}
.hide_tablet {
	display: none !important;
}
.hide_desktop {
	display: none !important;
}
.hide_mobile {
	display: block !important;
}

}
@media only screen and (min-width: 1101px) {
.totop span{ margin-right:0px;}
}