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

	 BASE

--------------------------------------------*/
body,html {
	font-family:"游ゴシック","YuGothic", "游ゴシック体","メイリオ", Meiryo,'ヒラギノ角ゴ ProN W3', Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN, Arial, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:500;
}
body {
	width:100%;

	color:#212121;
	font-size: 14px;
	font-weight:400;
	line-height:1.45;
	letter-spacing: 0.03em;
}
@media screen and (max-width : 767.9999px ) {
body {
	font-size: 13px;
	min-width:inherit;
}
}
/*--------------------------------------------

	 DEFAULT SELECTER

--------------------------------------------*/
table {
	width:100%;
}
img{
	max-width:100%;
}
/*--------------------------------------------

	 FONTS

--------------------------------------------*/
.serif{
	font-family: "游明朝体", "YuMincho", "游明朝", "Yu Mincho", Georgia, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
@font-face {
  font-family: 'PorterBold';
  src: url(../font/PorterBold.woff);
}
@font-face {
  font-family: 'MyriadPro';
  src: url(../font/MyriadPro.woff);
}
@font-face {
  font-family: 'Raleway';
  src: url(../font/MyriadPro.woff);
}
/*--------------------------------------------

	 HOVER STYLE

--------------------------------------------*/
a {
	text-decoration:none;
	color:#212121;
	display:inline-block;
	transition:0.5s;
}
.over {
	transition: 0.3s;
}
.ios .over:hover,
.ios .over:active,
.ios .over:link,
.ios .over:visited,
.ios .over::focus {
	opacity:1;
}
@media screen and (min-width : 768px ){
	a:hover {
		color:#212121;
		text-decoration:none;
	}
	.over:hover {
		opacity:0.6;
	}
}
/*--------------------------------------------

	GLOBAL CSS

--------------------------------------------*/
.cf:after {
	content: "";
	clear: both;
	display: block;
	height: 0;
}
:root .cf::after { /* IE9 */
	content: ""\9;
	clear: both\9;
	display: block\9;
	height: 0\9;
}
.bold{
	font-weight:bold;
}
.nolink {
	pointer-events: none;
}
.flex {
	display:flex;
}
.ggmap,
.youtube {
	position: relative;
	padding-bottom: 56.16%;
	/*padding-top: 10px;*/
	height: 0;
	overflow: hidden;
}
.ggmap iframe,
.ggmap #ggmap object,
.ggmap #ggmap embed,
.youtube iframe,
.youtube #ggmap object,
.youtube #ggmap embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ios input[type="submit"],
.ios input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
.ios input[type="submit"]::-webkit-search-decoration,
.ios input[type="button"]::-webkit-search-decoration {
  display: none;
}
.ios input[type="submit"]::focus,
.ios input[type="button"]::focus {
  outline-offset: -2px;
}
@media screen and (min-width : 768px ){
	.for_sp{
		display:none !important;
	}
}
@media screen and (max-width : 767.9999px ) {
	.for_pc{
		display:none !important;
	}
}
.secInner{
	margin:0 auto;
}
.btn_01 {
	text-align:center;
}
.btn_01 a{
	width:140px;
	text-align: center;
	line-height: 1;
	font-size:10px;
	font-family: 'PorterBold';
	color:#fff;
	box-sizing: border-box;
	padding:9px;
	border: 1px solid #212121;
	background:#212121;
	border-radius: 15px;
}
@media screen and (min-width : 768px ){
	.btn_01 a:hover{
		background:transparent;
		color:#212121;
	}
}
.btn_02 {
	text-align:right;
	margin-top: 24px;
}
.btn_02 a{
	width:100%;
	text-align: center;
	line-height: 1;
	font-size:15px;
	font-weight:bold;
	color:#fff !important;
	box-sizing: border-box;
	padding:16px;
	border: 1px solid #fb6c6c;
	background:#fb6c6c;
	border-radius: 5px;
}
@media screen and (min-width : 768px ){
	.btn_02 a:hover{
		background:transparent;
		color:#fb6c6c !important;
		text-decoration:none !important;
	}
}

@media screen and (max-width : 767.9999px ){
	.btn_02 {
		margin-top: 16px;
	}
	.btn_02 a{
		padding: 12px;
		font-size:13px;
	}
}
.ttl_01{
	text-align: center;
	position: relative;
	padding:0 0 18px;
}
.ttl_01 .eng{
	line-height:1;
	font-family: 'PorterBold';
	font-size:32px;
	margin: 0 0 18px;
}
.ttl_01 .jpn{
	font-size:16px;
	line-height: 1;
}
.ttl_01:after{
	content: "";
	display: block;
	width:1px;
	height:50px;
	background:#212121;
	position: absolute;
	left:50%;
	bottom:0;
	transform: translate(-50%,100%);
}
@media screen and (max-width : 1200px ){
}
@media screen and (max-width : 1100px ){
}
@media screen and (max-width : 767.9999px ){
	.ttl_01{
		padding:0 0 12px;
	}
	.ttl_01 .eng{
		font-size: 18px;
		margin: 0 0 10px;
	}
	.ttl_01 .jpn{
		font-size:13px;
		line-height: 1;
	}
	.ttl_01:after{
		height:30px;
	}
}
.ml12 .letter {
  display: inline-block;
  line-height: 1em;
}
/*--------------------------------------------
	
	HEADER
	
--------------------------------------------*/
#header {
	padding:24px 0 20px;
	width:100%;
	background:#fff;
	z-index: 101;
	position: absolute;
}
#hdrInner {
	padding:0 60px;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	position: relative;
}
#header #hdrLogo{
	width:235px;
	height: 53px;
}
#header #hdrLogo a{
	text-indent: -9999px;
	display: block;
	height: 100%;
	background: url(../Image/common/logo--01.svg) left top no-repeat;
	background-size:contain;
}
@media screen and (min-width : 768px ){
	#header #hdrLogo a:hover{
		opacity:0.6;
	}
}
#header #gNavi ul{
	display: flex;
}
#header #gNavi ul li{
	margin:0 15px;
}
#header #gNavi ul li:last-child{
	margin-right:0;
}
#header #gNavi ul li a{
}
@media screen and (max-width : 1220px ){
	#header #hdrLogo{
		width:211.5px;
		height: 47.7px;
	}
	#header #gNavi ul li{
		margin:0 10px;
		letter-spacing: 0.01em;
	}
	#header #gNavi ul li a{
		font-size:0.9em;
	}	
}
@media screen and (max-width : 1080px ){
	#header #hdrLogo{
		width:188px;
		height: 42.4px;
	}
	#header #gNavi ul li{
		margin:0 8px;
		letter-spacing: 0em;
	}
	#header #gNavi ul li a{
		font-size:12px;
	}	
}
@media screen and (min-width : 768px ){
	#header #gNavi ul li a:hover{
		color:#26b7bc;
	}
}
#header #subNavi {
	position: absolute;
	right:60px;
	top:-24px;
	padding:10px 0 0;
	display: flex;
}
#header #subNavi .langBox{
	display: flex;
	padding:0 17px 0 0;
}
#header #subNavi .langBox li{
}
#header #subNavi .langBox li a{
	display: block;
	width:32px;
	line-height: 20px;
	text-align: center;
}
#header #subNavi .langBox li a.active{
	position: relative;
	color:#26b7bc;
}
#header #subNavi .langBox li a.active:before{
	content: "";
	display: block;
	position: absolute;
	width:100%;
	height:3px;
	background:#26b7bc;
	top:-10px;
	left:0;
}
@media screen and (min-width : 768px ){
	#header #subNavi .langBox li a:hover{
		color:#26b7bc;
	}
}
#header #subNavi .snsBox{
	display: flex;
	padding:0 0 0 24px;
	border-left:1px solid #212121;
}
#header #subNavi .snsBox li:not(:last-child){
	margin:0 8px 0 0;
}
#header #subNavi .snsBox li a{
	padding:4px;
	background:#4b4b4b;
	width:11px;
	line-height:10px;
	text-align: center;
	border-radius:50%;
	border:1px solid #4b4b4b;
}
#header #subNavi .snsBox li i{
	font-size:10px;
	color:#fff;
}
@media screen and (min-width : 768px ){
	#header #subNavi .snsBox li a:hover{
		background:#fff;
	}
	#header #subNavi .snsBox li a:hover i{
		color:#4b4b4b;
	}
}
#header--alt{
	transform: translate(0,-120%);
	transition: 1s;
	position: fixed;
	top:0;
	left:0;
	z-index: 120;
	width:100%;
	box-sizing: border-box;
	padding:10px 60px 10px;
	background:#fff;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#header--alt.show{
	transform: translate(0,0);
}
#header--alt #hdrLogo--alt{
	width:42px;
	height:42px;
}
#header--alt #hdrLogo--alt a{
	text-indent: -9999px;
	display: block;
	height: 100%;
	background: url(../Image/common/logo--02.svg) left top no-repeat;
	background-size:contain;
}
@media screen and (min-width : 768px ){
	#header--alt #hdrLogo--alt a:hover{
		opacity:0.6;
	}
}
#header--alt #gNavi--alt{
}
#header--alt #gNavi--alt ul{
	display: flex;
}
#header--alt #gNavi--alt ul li{
	margin:0 15px;
}
#header--alt #gNavi--alt ul li:last-child{
	margin-right:0;
}
#header--alt #gNavi--alt ul li a{
}
@media screen and (min-width : 768px ){
	#header--alt #gNavi--alt ul li a:hover{
		color:#26b7bc;
	}
}
@media screen and (max-width : 979.9999px ){
	#header #gNavi,
	#header #subNavi,
	#header--alt {
		display: none;
	}
}
@media screen and (max-width : 767.9999px ){
	#header {
		padding:15px 0 15px;
		position: absolute;
	}
	#hdrInner {
		padding:0 5%;
	}
	#header #hdrLogo{
		width:133px;
		height: 30px;
	}
	#header #subNavi {
		display: none;
	}
}

/*--------------------------------------------
	
	HAMBURGER NAVIGATION
	
--------------------------------------------*/
@media screen and (min-width : 980px ){
	#header #hbgNavi{
		display: none;
	}
}
#header #hbgNavi .drawer-hamburger{
	padding-right:26px;
	padding-top: 4px;
	top:0;
}
#header.fixed #hbgNavi .drawer-hamburger{
	padding-top: 13px;
}
/*#header #hbgNavi button{
	animation:show-right 1s ease 1;
}*/
/*-- TOP LOADING --*/
/*.loading--fix #top #header #hbgNavi button{
	animation:show-right 1s ease 1 both;
}*/
@keyframes show-right{
	0%{
		opacity:0;
		transform:translate(300px,0);
	}100%{
		opacity:1;
		transform:translate(0,0);
	}
}
.drawer-hamburger-icon, .drawer-hamburger-icon:before, .drawer-hamburger-icon:after{
	background:#212121;
}
#top #header.fixed .drawer-hamburger-icon, #top #header.fixed .drawer-hamburger-icon:before, #top #header.fixed .drawer-hamburger-icon:after,
.under .drawer-hamburger-icon, .under .drawer-hamburger-icon:before, .under .drawer-hamburger-icon:after{
	background:#212121;
}
#top #header.fixed .drawer-open .drawer-hamburger-icon, #top #header.fixed .drawer-open .drawer-hamburger-icon:before, #top #header.fixed .drawer-open .drawer-hamburger-icon:after,
.drawer-open .drawer-hamburger-icon, .drawer-open .drawer-hamburger-icon:before, .drawer-open .drawer-hamburger-icon:after{
	background:#212121;
}
.drawer-nav {
    width: 70%;
    background:#f8f7f2;
}
.drawer--right .drawer-nav{
	right:-90%;
	-webkit-transition: right 1.1s cubic-bezier(0.190, 1.000, 0.220, 1.000);
    transition: right 1.1s cubic-bezier(0.190, 1.000, 0.220, 1.000)
}
.drawer-menu{
	padding: 63px 0 22%;
}
#header.fixed  .drawer-menu{
	padding-top: 49px;
}
.drawer-menu li {
	margin:0;
	border:none;
}
.drawer-menu li a {
	display: block;
	padding: 15px 20px;
	color:#212121;
	background: #f8f7f2;
}
/*--------------------------------------------
	
	SIDEBAR
	
--------------------------------------------*/
#sidebar{
	position:fixed;
	right:0;
	top:0;
	width:60px;
	height:100%;
	z-index: 100;
	transform: translate(1000px,0);
	transition: 1s;
}
#sidebar.fixed{
	transform: translate(0,0);
}
#sidebar .box_01{
	position: absolute;
	top:40%;
	left: 50%;
	transform: translate(-50%,-50%);
}
#sidebar .box_01 .langBox{
	position: relative;
	padding:0 0 40px;
	margin:0 0 30px;
}
#sidebar .box_01 .langBox:after{
	content: "";
	display: block;
	width:1px;
	height: 20px;
	background: #212121;
	position: absolute;
	bottom:0;
	left:50%;
	transform: translate(-50%,0);
}
#sidebar .box_01 .langBox li{
	font-size:13px;
	text-align: center;
}
#sidebar .box_01 .langBox li:nth-child(n+2){
	margin:5px 0 0;
}
#sidebar .box_01 .langBox li a{
	width:32px;
	line-height: 32px;
}
#sidebar .box_01 .langBox li a.active{
	position: relative;
	color:#26b7bc;
}
#sidebar .box_01 .langBox li a.active:before{
	content: "";
	display: block;
	position: absolute;
	width:4px;
	height:100%;
	background:#26b7bc;
	top:0;
	right:-14px;
}
@media screen and (min-width : 768px ){
	#sidebar .box_01 .langBox li a:hover{
		color:#26b7bc;
	}
}
#sidebar .box_01 .snsBox{
}
#sidebar .box_01 .snsBox li{
	text-align: center;
}
#sidebar .box_01 .snsBox li:not(:first-child){
	margin:15px 0 0;
}
#sidebar .box_01 .snsBox li a{
	padding:4px;
	background:#4b4b4b;
	width:11px;
	line-height:10px;
	text-align: center;
	border-radius:50%;
	border:1px solid #4b4b4b;
}
#sidebar .box_01 .snsBox li i{
	font-size:10px;
	color:#fff;
}
@media screen and (min-width : 768px ){
	#sidebar .box_01 .snsBox li a:hover{
		background:#fff;
	}
	#sidebar .box_01 .snsBox li a:hover i{
		color:#4b4b4b;
	}
}
#sidebar .totop{
	position: absolute;
	z-index:110;
	width:180px;
	right: 36px;
    bottom: 30px;
    transform: rotate(90deg);
    transform-origin: right bottom;

}
#sidebar .totop a{
	font-size:10px;
	font-family: 'PorterBold';
	padding-right:80px;
}
#sidebar .totop a:after{
	content: "";
	display: block;
    width: 90px;
    height: 1px;
    background: #212121;
	position: absolute;
	right:0;
	top:51%;
}
@media screen and (max-width : 767.9999px ){
#sidebar{
	display: none;
	}
}

/*--------------------------------------------
	
	FRAMEWORK
	
--------------------------------------------*/
#contents {
	position:relative;
	z-index:20;
}
/*--------------------------------------------

	FOOTER
	
--------------------------------------------*/
#footer .box_01{
	padding:82px 60px 48px;
}
#footer .box_01 .ftrInner{
	max-width: 1200px;
	margin:0 auto;
}
#footer .box_01 .ftrInner .box-upper{
	margin:0 0 80px;
	display: flex;
	justify-content: space-between;
}
#footer .box_01 .ftrInner .box-upper ul{
	width:calc(50% - 20px);
}
#footer .box_01 .ftrInner .box-upper ul li{
	border-top:1px solid #898989;
}
#footer .box_01 .ftrInner .box-upper ul li:last-child{
	border-bottom:1px solid #898989;
}
#footer .box_01 .ftrInner .box-upper ul li a{
	display: flex;
	align-items: center;
	background: url(../Image/common/plus.svg) right 20px center no-repeat;
	background-size:20px;
}
#footer .box_01 .ftrInner .box-upper ul li .imgBox{
	width:148px;
}
#footer .box_01 .ftrInner .box-upper ul li .textBox{
	flex: 1;
	padding:0 0 0 10%;
}
#footer .box_01 .ftrInner .box-downer{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#footer .box_01 .ftrInner .box-downer .bnrBox{
	display: flex;
}
#footer .box_01 .ftrInner .box-downer .sakkaichi{
	width:98px;
}
#footer .box_01 .ftrInner .box-downer .sakkaichi a{
	display: block;
}
#footer .box_01 .ftrInner .box-downer .sakkaichi a:hover{
	opacity: 0.6;
}
#footer .box_01 .ftrInner .box-downer .ceramic-art{
	width:98px;
}
#footer .box_01 .ftrInner .box-downer .ceramic-art a{
	display: block;
}
#footer .box_01 .ftrInner .box-downer .ceramic-art a:hover{
	opacity: 0.6;
}
#footer .box_01 .ftrInner .box-downer .craft-festa{
	width:98px;
}
#footer .box_01 .ftrInner .box-downer .craft-festa a{
	display: block;
}
#footer .box_01 .ftrInner .box-downer .craft-festa a:hover{
	opacity: 0.6;
}
#footer .box_01 .ftrInner .box-downer .gingetsusha{
	width:98px;
}
#footer .box_01 .ftrInner .box-downer .gingetsusha a{
	display: block;
}
#footer .box_01 .ftrInner .box-downer .gingetsusha a:hover{
	opacity: 0.6;
}
#footer .box_01 .ftrInner .box-downer .ftrSubnavi ul{
	display: flex;
}
#footer .box_01 .ftrInner .box-downer .ftrSubnavi li{
	font-size:12px;
}
#footer .box_01 .ftrInner .box-downer .ftrSubnavi li:first-child{
	padding:0 40px 0 0;
	border-right:1px solid #212121;
}
#footer .box_01 .ftrInner .box-downer .ftrSubnavi li:not(:last-child){
	margin:0 40px 0 0;
}
#footer .box_01 .ftrInner .box-downer .ftrSubnavi li a{
}
#footer .box_01 .ftrInner .box-downer .ftrSubnavi li a:hover{
	text-decoration: underline;
}
#footer .box_02{
	background:#f3f1e9;
	position: relative;
	padding:54px 0 0;
}
#footer .box_02 .toggle--btn_01{
	position: absolute;
	left:50%;
	bottom:0;
	width:68px;
	height: 68px;
	box-sizing: border-box;
	padding:20px 0 0;
	border-radius: 50%;
	background: url(../Image/common/arrow-down.svg) center bottom 20px no-repeat #fff;
	background-size: 18px;
	font-family: 'PorterBold';
	font-size: 10px;
	text-align: center;
	transform: translate(-50%,50%);
	cursor: pointer;
}
#footer .box_02 .toggle--btn_01.active{
	background-image: url(../Image/common/arrow-up.svg);
}
#footer .box_02 .ftrSitemap{
	max-width:1200px;
	margin:0 auto;
	display: none;
	padding:24px 10px 60px;
}
#footer .box_02 .ftrSitemap .ttl_01{
	display: flex;
	align-items: flex-end;
	margin:0 0 40px;
}
#footer .box_02 .ftrSitemap .ttl_01:after{
	display: none;
}
#footer .box_02 .ftrSitemap .ttl_01 .eng{
	font-size:14px;
	margin:0 10px 0 0;
}
#footer .box_02 .ftrSitemap .ttl_01 .jpn{
	font-size:10px;
}
#footer .box_02 .ftrSitemap .wrap_01{
	display: flex;
	justify-content: space-between;
}
#footer .box_02 .ftrSitemap .wrap_01 .inner_01{
	width:24%;
	color:#909090;
	font-size:12px;
}
#footer .box_02 .ftrSitemap .wrap_01 .inner_01 a{
	color:#909090;
}
@media screen and (min-width : 768px ){
	#footer .box_02 .ftrSitemap .wrap_01 .inner_01 a:hover{
		color:#212121;
	}
}
#footer .box_02 .ftrSitemap .wrap_01 .inner_01 .parent:first-child{
	margin:0;
}
#footer .box_02 .ftrSitemap .wrap_01 .inner_01 .parent{
	margin: 50px 0 0;
	font-weight: bold;
}
#footer .box_02 .ftrSitemap .wrap_01 .inner_01 .parent-2{
	margin:25px 0 0;
}
#footer .box_02 .ftrSitemap .wrap_01 .inner_01 .list_01{
	margin:20px 0 0;
	padding:0 0 0 12px;	
}
#footer .box_02 .ftrSitemap .wrap_01 .inner_01 .list_01 li{
	margin:0 0 12px;
}
#footer .box_03{
	padding: 45px 0;
	text-align: center;
}
#footer .box_03 #copy{
	font-size:10px;
}
@media screen and (max-width : 1280px ){
		　　#footer .box_01 .ftrInner .box-downer .sakkaichi{
		width:120px;
	}
		#footer .box_01 .ftrInner .box-downer .ceramic-art{
		width:120px;
	}
		#footer .box_01 .ftrInner .box-downer .craft-festa{
		width:120px;
	}
		#footer .box_01 .ftrInner .box-downer .gingetsusha{
		width:190px;
	}
	#footer .box_01 .ftrInner .box-downer .ftrSubnavi li:first-child{
		padding:0 20px 0 0;
	}
	#footer .box_01 .ftrInner .box-downer .ftrSubnavi li:not(:last-child){
		margin:0 20px 0 0;
	}
}
@media screen and (max-width : 1180px ){
	　　#footer .box_01 .ftrInner .box-downer .sakkaichi{
		width:150px;
	}
		#footer .box_01 .ftrInner .box-downer .ceramic-art{
		width:150px;
	}
		#footer .box_01 .ftrInner .box-downer .craft-festa{
		width:150px;
	}
		#footer .box_01 .ftrInner .box-downer .gingetsusha{
		width:150px;
	}

	#footer .box_01 .ftrInner .box-downer .ftrSubnavi li{
		font-size:11.5px;
		letter-spacing: 0;
	}
	#footer .box_01 .ftrInner .box-downer .ftrSubnavi li:first-child{
		padding:0 15px 0 0;
	}
	#footer .box_01 .ftrInner .box-downer .ftrSubnavi li:not(:last-child){
		margin:0 15px 0 0;
	}
}
@media screen and (max-width : 1180px ){
	#footer .box_01 .ftrInner .box-downer{
		flex-wrap:wrap;
		justify-content: flex-end;
	}
	#footer .box_01 .ftrInner .box-downer .bnrBox{
		margin:0 0 24px;
	}
}
@media screen and (max-width : 1000px ){
	#footer .box_01 .ftrInner .box-upper ul{
		width:calc(50% - 10px);
	}
	#footer .box_01 .ftrInner .box-upper ul li a{
		background-size: 16px;
		background-position: right 10px center;
	}
	#footer .box_01 .ftrInner .box-upper ul li .textBox{
		padding:0 0 0 6%;
		font-size:12.5px;
	}
}
@media screen and (max-width : 890px ){
	#footer .box_01 .ftrInner .box-upper{
		flex-direction: column;
	}
	#footer .box_01 .ftrInner .box-upper ul{
		width:100%;
	}
	#footer .box_01 .ftrInner .box-upper ul li{
		border-top:1px solid #898989;
	}
	#footer .box_01 .ftrInner .box-upper ul li:last-child{
		border-bottom:none;
	}
	#footer .box_01 .ftrInner .box-upper ul:last-child li:last-child{
		border-bottom:1px solid #898989;
	}
	#footer .box_01 .ftrInner .box-upper ul li .imgBox{
		width:32%;
	}
	#footer .box_01 .ftrInner .box-upper ul li .textBox{
		padding:0 0 0 8%;
		font-size:13px;
	}
}
@media screen and (max-width : 767.9999px ){
	#footer{
	}
	#footer .box_01{
		padding:40px 4% 40px;
	}
	#footer .box_01 .ftrInner .box-upper{
		margin:0 0 36px;
	}
	#footer .box_01 .ftrInner .box-downer{
		display: block;
	}
	#footer .box_01 .ftrInner .box-downer .sakkaichi{
		width:36%;
	}
	#footer .box_01 .ftrInner .box-downer .ceramic-art{
		width:36%;
	}
	#footer .box_01 .ftrInner .box-downer .craft-festa{
		width:36%;
	}
	#footer .box_01 .ftrInner .box-downer .gingetsusha{
		width:36%;
	}	
	#footer .box_01 .ftrInner .box-downer .ftrSubnavi ul{
		flex-wrap: wrap;
	}
	#footer .box_01 .ftrInner .box-downer .ftrSubnavi li,
	#footer .box_01 .ftrInner .box-downer .ftrSubnavi li:first-child,
	#footer .box_01 .ftrInner .box-downer .ftrSubnavi li:not(:last-child){
		margin:0 0 10px;
		padding:0 10px;
		border:none;
		box-sizing: border-box;
		text-align: center;
		fotn-size:12px;
		letter-spacing: 0.03em;
	}
	#footer .box_01 .ftrInner .box-downer .ftrSubnavi li:not(:last-child){
		border-right:1px solid #212121;
	}
	#footer .box_02 .ftrSitemap {
		padding:0 6% 40px;
	}
	#footer .box_02 .ftrSitemap .ttl_01{
		margin:0 0 25px;
	}
	#footer .box_02 .ftrSitemap .wrap_01{
		flex-wrap:wrap;
	}
	#footer .box_02 .ftrSitemap .wrap_01 .inner_01{
		width:47.5%;
		font-size:11px;
	}
	#footer .box_02 .ftrSitemap .wrap_01 .inner_01:nth-child(n+3){
		margin:30px 0 0;
	}
	#footer .box_02 .ftrSitemap .wrap_01 .inner_01 .parent{
		margin: 30px 0 0;
	}
	#footer .box_02 .ftrSitemap .wrap_01 .inner_01 .parent-2{
		margin:15px 0 0;
	}
	#footer .box_02 .ftrSitemap .wrap_01 .inner_01 .list_01{
		margin:12px 0 0;
		padding:0 0 0 8px;	
	}
	#footer .box_02 .ftrSitemap .wrap_01 .inner_01 .list_01 li{
		margin:0 0 8px;
	}
	#footer .box_03 #copy{
		padding:0 10px;
	}
}


/* global menu add 190528*/

#header #gNavi ul,#header--alt #gNavi--alt ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}

#header #gNavi ul li,
#header--alt #gNavi--alt ul li{
    margin: 0 0px 0 30px;
	white-space: nowrap;
	font-size: 1.05em;
}

@media screen and (max-width : 1220px ){
#header #gNavi ul li,#header--alt #gNavi--alt ul li{
		margin:0 0px 0 20px;
	}
	}
	
@media screen and (max-width : 1080px ){
#header #gNavi ul li,#header--alt #gNavi--alt ul li{
		margin:0 0px 0 16px;
		}}


#header #gNavi ul li a:link span,
#header #gNavi ul li a:visited span,
#header--alt #gNavi--alt ul li a:link span,
#header--alt #gNavi--alt ul li a:visited span{
    margin-left: 3px;
    color:#4E8081;
	font-size: 0.9em;
}
		
#header #gNavi ul li a:hover span,
#header--alt #gNavi--alt ul li a:hover span
	{
			color: #26b7bc;
		}		

		

#hdrInner {
    padding: 20px 60px 0 60px;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    position: relative;
}