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

BaseLayout CSS

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/

body {
    overflow-x: hidden;
}
/* body.noscroll {
    position: fixed;
} */

html > iframe {
	display: none;
}

#wrapper {
	width: 100%;
}
#wrapper .ebgra {
	font-family: 'EB Garamond', serif;
}
#wrapper .en {
	font-family: 'Prata', serif;
}

#navWrapper ul li ul.submenu::-webkit-scrollbar{ /* スクロールバー本体 */
	width: 5px;
	background: #936F53;
}
#navWrapper ul li ul.submenu::-webkit-scrollbar-thumb{ /* スクロールバーの動く部分 */
	background: #BCA360;
	border-radius: 2px;
}

#container #content #pankuzu {
	margin: 5px auto 15px;
}
#container #content #pankuzu div {
	display: inline-block;
}
#container .pc {
	display:block;
}
#container .sp {
	display:none;
}

body > iframe, body > img {
    display: none;
}


/* header
----------------------------------------------*/
header .tablink {
	padding: 0 0 0 0;
	position:relative;
}
header .pulldown li .tablink {
	padding: 0 10px 0 0;
}
footer .tablink {
	padding: 0 10px 0 0;
	position:relative;
}
footer .tablink + i {
	color: #909090;
}
/*header .tablink::before,
footer .tablink::before {
	content:"";
	width:17px;
	height:17px;
    font-size: 1.2rem;
	background:url(../img/common/icon_tab.jpg) center center no-repeat;
	background-size:100% auto;
	position:absolute;
	top:0;
	right:0;
}*/
header {
    width: 100%;
    position: fixed;
    height: 120px;
    z-index: 4;
    top: 0;
    padding: 0;
    box-sizing:border-box;
    border-bottom:solid 1px #BABABA;
    background-color: #FFF;
    transition: all 0.5s ease-in-out;
    font-size:10px;
    z-index: 100;
}
header.sticky {
    top: -30px;
}
header .gnavinner {
	width: 100%;
	max-width: 1186px;
	box-sizing: border-box;
	margin: 0 auto;
	padding:28px 0 0;
	position: relative;
}

header .gnavinner .logo {
    box-sizing: border-box;
	position: absolute;
	width: 100%;
	max-width: 120px;
	margin: 0 auto;
	left: 0;
	top:28px;
	z-index:10;
	text-align:left;
}
header .gnavinner h1.logo {
    line-height: 1;
    font-size: initial;
}
header .gnavinner h1.logo a {
    font-size: initial;
}

header .gnavinner .logo a {
	display: inline-block;
	z-index:10;
}
header .gnavinner .logo img {
	width: 188px;
	height: auto;
}
header .gnavinner .tb_submenu {
	position:absolute;
	top:43px;
	right:42px;
	display:none;
}
header .gnavinner .sp_resinfo {
	display:none;
}

/* メインナビ */
header .main_nav {
	display: flex;
	width: 100%;
	max-width: 914px;
	position: absolute;
	top:64px;
	right:0;
	margin: 0 auto;
	z-index:2;
  -webkit-box-pack: justify;
     -ms-flex-pack: justify;
   justify-content: space-between;
   font-family:ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro,メイリオ,Meiryo,ＭＳ\ Ｐゴシック,MS P Gothic,Osaka,sans-serif;
}
header .main_nav > li {
	display: inline-block;
	margin: 0 8px;
}
header .main_nav .tablink + i {
	font-size: 1.2rem;
	color: #909090;
	vertical-align: unset;
}
header .main_nav .catename .tablink + i {
	display: none;
}
header .main_nav .singlemenu .tablink + i {
	display: none;
}

/*header .main_nav li.m_onlineshop .tablink::before {
	display:none;
}
header .main_nav li.singlemenu .tablink::before {
	display:none;
}*/

header .main_nav > li.submenu ul li {
	float:left;
}
header .main_nav > li.submenu ul li:last-child {
	float:right;
}
header .main_nav li .catename,
header .main_nav li.singlemenu a {
	display: inline-block;
	color: #4b4b4b;
	font-size: 14px;
	padding: 0 0 42px;
	position: relative;
}
header .main_nav li .catename {
	cursor:default;
}
header .main_nav li.submenu li a {
	display: inline-block;
	color: #4b4b4b;
	font-size: 14px;
	padding: 0 0 14px 20px;
	cursor:pointer;
	position: relative;
}
header .main_nav li.submenu li a:last-child {
	margin: 0 0 0 20px;

}
header .main_nav li.submenu li a span::before{
	content:"";
	display:block;
	width:15px;
	height:19px;
	background:url(../img/common/icon_res.png) center center no-repeat;
	background-size:100% auto;
	margin: auto 0;
	position:absolute;
	top:0;
	left:0;
}
header .main_nav li.submenu li.fev a span::before{
	background:url(../img/common/icon_fev.png) center center no-repeat;
	background-size:100% auto;
}

header .main_nav li.sp_other {
	display:none;
}

/* プルダウン */
header .main_nav > li .pulldown {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	padding: 0;
	margin: 120px 0 0;
	z-index: 0;
	background: rgba(255,255,255,1);
	overflow: hidden;
	visibility: hidden;
	opacity:0;

	box-shadow: 0px 5px 3px -3px rgba(0,0,0,0.6);
	-webkit-box-shadow: 0px 5px 3px -3px rgba(0,0,0,0.6);
	-moz-box-shadow: 0px 5px 3px -3px rgba(0,0,0,0.6);

	-webkit-transition: all .6s;
	-moz-transition: all .6s;
	-ms-transition: all .6s;
	-o-transition: all .6s;
	transition: all .6s;
}
header .main_nav > li .pulldown .inner ul {
	display:inline-block;
	text-align:center;
}
header .main_nav > li .pulldown .inner ul li {
	display:inline-block;
	padding: 0 7px;
}
header .main_nav li.m_onlineshop .pulldown .inner ul li {
	padding: 0 18px;
}
header .main_nav > li .pulldown .inner li a {
	font-size:14px;
	text-decoration:underline;
}
header.sticky .main_nav > li .pulldown {
	margin: 42px 0 0;
}
header .main_nav > li.select .pulldown {
	width: 100%;
	height: auto;
	visibility: visible;
	opacity:1;
}
header .main_nav > li .pulldown .inner {
	width: 100%;
	max-width: 1186px;
	box-sizing: border-box;
	padding: 20px 0;
	margin: 0 auto;
	font-size: 1.4rem;
	text-align: center;
	color: #FFF;
	position: relative;
}
@media screen and (max-width:1186px) {
	header .gnavinner .logo {
		left:10px;
	}

}
@media screen and (max-width:1120px) {
    header {
    	height: 137px;
    }
    header .gnavinner {
        height: 137px;
    }
    header .gnavinner .logo {
	    margin: 0 auto;
	    left: 0;
	    right: 0;
	    top: 27px;
        max-width: 114px;
    }
    header .gnavinner .logo img {
    	width: 114px;
    }
    header .main_nav > li {
    	margin: 0;
    }
    header .main_nav li .catename,
    header .main_nav li.singlemenu a {
	    padding: 0 12px 14px;
    }
    header .main_nav {
  		display: block;
	    width: 100%;
	    max-width:initial;
	    margin: 0 auto;
	    padding: 16px 0 0;
	    text-align: center;
	    top:auto;
	    bottom:0;
	    left:0;
	    border-top:solid 1px #BABABA;
	}

	header .main_nav li.submenu {
	    cursor: pointer;
	    position: absolute;
	    top: -46px;
	    right: 42px;
	}

	header .main_nav > li .pulldown {
   		margin: 137px 0 0;
	}
	header .main_nav > li .pulldown .inner {
		padding: 30px 0 18px;
	}
	header .main_nav > li .pulldown .inner ul li {
		line-height: 1;
		padding:0 0 20px;
	}
	header .main_nav > li .pulldown .inner ul.tb_left,
	header .main_nav > li .pulldown .inner ul.tb_right {
	    width: 50%;
	    box-sizing: border-box;
	    padding: 0 30px;
	}
	header .main_nav > li .pulldown .inner ul.tb_left {
	    float: left;
	}
	header .main_nav > li .pulldown .inner ul.tb_right {
	    float: right;
	}
	header .main_nav > li .pulldown .inner ul.tb_left li,
	header .main_nav > li .pulldown .inner ul.tb_right li {
		display: block;
	    padding:0 0 20px;
	    text-align: left;
	}

}
@media screen and (max-width:700px) {
	header .main_nav li .catename, header .main_nav li.singlemenu a {
    	padding: 0 8px 14px;
	}
}

@media screen and (max-width:640px) {
	#container .pc {
		display:none;
	}
	#container .sp {
		display:block;
	}
   #gnavBackground {
    	position: fixed;
    	top: 0;
	    left: 0;
    	width:100%;
    	height:100%;
    	background: rgba(0,0,0,0.7);
    	z-index:3;
    	cursor: pointer;
    }

    header {
    	height: 60px;
    	transition: initial;
    }
    header #headSubmenu {
    	display: none;
    }
	header .tablink {
		padding: 0 12px 0 0;
	}
	header .gnavinner {
		height: 60px;
	}
	header .gnavinner .logo {
		width:75px;
		position:absolute;
	    border-bottom: none;
        margin: 0 auto;
	    padding: 15px 0 0;
	    top:0;
	    left:0;
	    right:0;
	}
	header .gnavinner .logo img {
	    width: 75px;
      vertical-align: middle;
	}
	header .gnavinner .sp_resinfo {
		display:inline-block;
		padding: 11px 7px;
		box-sizing:border-box;
	    font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝","MS PMincho",serif;
	    font-size:14px;
	    color:#4B4B4B;
	    position:absolute;
	    top:11px;
	    right:15px;
	    border:solid 1px #e7e7e7;
	    line-height: 1;
	}

	header .spreserve {
		position: absolute;
		top:0;
		right:0;
		padding:5px 5px 0 0;
	}
	header .spreserve a {
		display: inline-block;
	    font-size: 1.2rem;
	    font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝","MS PMincho",serif;
	    padding: 5px 14px 4px;
	    margin: 0;
	    border: solid 1px #4B4B4B;
	    color: #4B4B4B;
	}
	header #gNavTrigger {
		display: block;
	    width: 28px;
	    height: 28px;
		position: absolute;
		top: 17px;
		left: 20px;
	}
	header #gNavTrigger::after {
		content:"menu";
		font-size: 10px;
		line-height: 1;
		color: #4B4B4B;
		display: block;
		text-align: center;
		position: absolute;
		bottom: -2px;
	}
	header.active #gNavTrigger::after {
		content:"close";
	}
	header #gNavTrigger span {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 2px;
		background: #4B4B4B;
	}
	header.active #gNavTrigger span {
		height: 0;
		background: none;
	}
	header #gNavTrigger span:before {
		content: "";
		position: absolute;
		top: 7px;
		left: 0;
		width: 100%;
		height: 2px;
		background: #4B4B4B;
	}
	header.active #gNavTrigger span:before {
		-webkit-transform: rotate(45deg);
	    -moz-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	    transform: rotate(45deg);
	}
	header #gNavTrigger span:after {
		content: "";
		position: absolute;
		top: 14px;
		left: 0;
		width: 100%;
		height: 2px;
		background: #4B4B4B;
	}
	header.active #gNavTrigger span:after {
		top: 7px;
		-webkit-transform: rotate(135deg);
	    -moz-transform: rotate(135deg);
	    -ms-transform: rotate(135deg);
	    transform: rotate(135deg);
	}

	header .main_nav {
		display:block;
	    position: fixed;
	    bottom:auto;
	    right:auto;
	    left: -85%;
	    top: 0;
	    width: 85%;
	    height: 100vh;
	    box-sizing:border-box;
	    padding: 0;
		background-color: #FFF;
	    z-index: 20;
        overflow: scroll;
        border-top:none;
	}
	header .main_nav > li {
	    display: block;
	    float: none;
	    text-align: left;
	}
	header .main_nav li .catename,
	header .main_nav li.singlemenu a {
	    display: block;
	    color: #4B4B4B;
	    box-sizing:border-box;
	    font-size: 14px;
	    padding: 19px 15px;
	    background-color: #FFF;
	    border-bottom: solid 1px #e3e3e3;
	    position:relative;
	}
	header .main_nav li .catename::before {
	    content: "";
	    width: 11px;
	    height: 1px;
	    border-top: #4b4b4b 1px solid;
	    position: absolute;
	    top: 29px;
	    right: 8px;
	}
	header .main_nav li .catename::after {
	    content: "";
	    width: 11px;
	    height: 11px;
	    border-right: #4b4b4b 1px solid;
	    position: absolute;
	    top: 24px;
	    right: 13px;
	}
	header .main_nav li .catename.open::after {
		display: none;
	}
	header .main_nav li.m_onlineshop .tablink {
	    padding: 0 12px 0 0;
	}
	header .main_nav .catename .tablink + i {
		display: inline-block;
	}
	/*header .main_nav li.m_onlineshop .tablink::before {
		display:block;
	}
	header .main_nav li.singlemenu .tablink {
	    padding: 0 25px 0 0;
	}
	header .main_nav li.singlemenu .tablink::before {
		display:block;
	}
	header .main_nav li.singlemenu a {
	    padding: 0;
	}*/
	header .main_nav .singlemenu .tablink + i {
		display: inline-block;
	}
	header .main_nav li.singlemenu a::before {
	    content: "";
	    display: block;
	    width: 8px;
	    height: 8px;
	    position: absolute;
	    margin: auto 0;
	    top: 0;
	    right: 12px;
	    bottom: 0;
	    border-right: #4B4B4B 1px solid;
	    border-top: #4B4B4B 1px solid;
	    -webkit-transform: rotate(45deg);
	    -moz-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	    transform: rotate(45deg);
	}
	header .main_nav li.submenu {
		padding: 15px 5px 34px;
	    position: static;
	}
	header .main_nav > li.submenu ul li,
	header .main_nav li.sp_other ul li {
	    width: 50%;
	    box-sizing: border-box;
	    border-right: solid 1px #FFF;
	}
	header .main_nav > li.submenu ul li:last-child {
	    border-left: solid 1px #FFF;
	    border-right: none;
	}
	header .main_nav li.sp_other ul li {
		float:left;
	}
	header .main_nav li.sp_other ul li:last-child {
		float:right;
	    border-left: solid 1px #FFF;
	    border-right: none;
	}
	header .main_nav li.submenu li a,
	header .main_nav li.sp_other ul li a {
		display:block;
		text-align:center;
		padding: 8px 0;
		background:#e3e3e3;
	    font-size: 14px;
	}
	header .main_nav li.submenu li a span{
		padding: 0 0 0 17px;
		position:relative;
	}
	header .main_nav li.submenu li a span::before{
		width:11px;
		height:17px;
		margin: auto 0;
		top:0;
		bottom:0;
		left:0;
	}
	header .main_nav li.submenu li a:last-child {
	    margin: 0;
	}
    header .main_nav > li .pulldown {
    	display:none;
	    margin: 0;
	    padding: 0;
	    position: static;
	    height: auto;
	    opacity: 1;
	    overflow: hidden;
		visibility: visible;
	    -moz-box-shadow: initial;
	    -webkit-box-shadow: initial;
	    -webkit-transition: initial;
	    -moz-transition: initial;
	    -ms-transition: initial;
	    -o-transition: initial;
	    transition: initial;
	}
	header .main_nav > li .pulldown .inner {
		padding: 12px 10px;
		background:#e3e3e3;
	}
    header .main_nav > li .pulldown .inner ul {
		display: block;
		text-align: left;
    }
 	header .main_nav > li .pulldown .inner ul.tb_left,
	header .main_nav > li .pulldown .inner ul.tb_right {
	    width: 100%;
	    padding: 0;
	}
	header .main_nav > li .pulldown .inner ul li,
 	header .main_nav > li .pulldown .inner ul.tb_left li,
	header .main_nav > li .pulldown .inner ul.tb_right li {
		display:block;
		width:100%;
		box-sizing:border-box;
		margin: 0 auto 1px;
	    padding: 12px 14px 15px;
		text-align:left;
	    line-height: 1;
		background:#FFF;
	}
	header .main_nav li.m_onlineshop .pulldown .inner ul li {
	    padding: 12px 14px 15px;
	}
	header .main_nav > li .pulldown .inner li a {
		text-decoration:none;
	}

	header .main_nav li.sp_other {
		display:block;
	    padding: 0 5px 120px;
	}
	header .main_nav li.sp_other .menuttl {
		font-size: 18px;
	    text-align: center;
	    margin: 0 0 10px;
	    font-family: 'Prata', serif;
	}
}


/* 来店予約パーツ */

.sp{ display: none !important;}

@media screen and (max-width:640px) {
.sp{ display: block !important;}
.sp-header {
  width: 100%;
  position: fixed;
  z-index: 3;
  top: 60px;
  transition: all 0.5s ease-in-out;
  font-size: 11px;
  font-size: 1.1rem;
	opacity: 0;
	visibility: hidden;
  background: #fff;
	padding: 20px 10px 10px;
  overflow-x: scroll;
  overflow-y: hidden;
	text-align: center;
	border-bottom: solid 1px #BABABA;
}

.sp-header.on {
	opacity: 1.0;
	visibility: visible;
}

@keyframes hide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    visibility: hidden;
  }
}
@keyframes fadein {
  from {
    opacity: 0;
    visibility: hidden;
  }
  to {
    opacity: 1;
    visibility: visible;
  }
}

.sp-header ul {
	display: inline-block;
  margin: auto;
	display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
	margin: 0px auto 15px;
}
.sp-header li {
  margin: 0 8px;
  display: inline-block;
	width: 48.95%;
  margin-bottom: 0;
}
.sp-header li > a {
	display: block;
  padding: 10px 0 8px;
  background: #FFF4F0;
	border: 1px solid #f3ddd5;
  position: relative;
  font-size: 1.4rem;
  text-align: center;
  font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝","MS PMincho",serif;
}
.sp-header li > a::before {
	content:"";
  display: block;
  width: 8px;
  height: 8px;
  position: absolute;
  margin: auto 0;
  top: 0;
  right: 14px;
  bottom: 0;
  border-right: #4B4B4B 1px solid;
  border-top: #4B4B4B 1px solid;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.sp-header li:last-child{	margin-left: 2%;}

}

/* Content
--------------------------- */
#container {
	margin: 0;
	padding: 120px 0 110px;
	width: 100%;
	position: relative;
}

#container #content {
	background: #FCEED2 url(../img/common/main_bg_01.jpg) no-repeat top center;
	background-size: 100% auto;
	margin: 0;
	padding: 20px 0 0;
	position: relative;
	z-index: 1;
}

#container #pankuzu {
    max-width: 1240px;
    margin: 19px auto 12px;
    padding: 0 20px;
    box-sizing: border-box;
}
#container #content #pankuzu span {
    font-size: 1.2rem;
}
#container #pankuzu h1 {
    font-size: 1.2rem;
	font-family:ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro,メイリオ,Meiryo,ＭＳ\ Ｐゴシック,MS P Gothic,Osaka,sans-serif;
	margin: 0;
	color: #4b4b4b;
}
#container #pankuzu a {
	color: #4b4b4b;
	text-decoration: underline;
    font-size: 1.2rem;
}


#container h1 {
	margin: 20px 0 16px;
	font-size: 30px;
	color: #3F1000;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	max-width: 950px;
}

#container .pagetop {
    width: 100%;
    max-width: 950px;
    text-align: right;
    margin: 0 auto;
    padding: 8px 0 0;
    border-top: solid 1px #8e734c;
}
#container .pagetop img {
    width: auto;
    height: 15px;
}

@media screen and (max-width:1120px) {
	#container {
		padding:137px 0 110px;
	}
}
@media screen and (max-width:800px) {
	#container {
		padding:137px 0 64px;
	}
}
@media screen and (max-width:640px) {
	#container {
		padding:60px 0 64px;
	}
	#container #pankuzu {
	    padding: 0 10px;
	}
	#container #pankuzu h1 {
	    font-size: 1rem;
	}
	#container #pankuzu a {
	    font-size: 1rem;
	}
}


/* Footer
--------------------------- */
footer {
	background: #FFF;
	padding: 25px 0 0;
	box-sizing: border-box;
	border-top: solid 1px #BABABA;
	position:relative;
	font-size: 1.2rem;
}
footer .foottop {
	display: block;
    width: 40px;
    height: 40px;
    background: #4F4843;
    position: absolute;
    top:-40px;
    right:20px;
}
footer .foottop::before {
    content: "";
    width: 8px;
    height: 8px;
    border-left: #FFF 1px solid;
    border-top: #FFF 1px solid;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    margin: 0 auto;
    position: absolute;
    top: 20px;
    left: 0;
    right: 0;
}
footer .foottop span {
	display:none;
}

footer .inner {
	max-width: 1200px;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

footer .inner .linkList1 {
	width:258px;
	float:left;
}
footer .inner .linkList2 {
	width:165px;
	float:left;
}
footer .inner .linkList3 {
	width:193px;
	float:left;
}
footer .inner .linkList4 {
	width:312px;
	float:right;
}
footer .inner .linkList3 .tb_left {
	padding: 0 0 23px;
}

footer .inner .linkList1 .catename,
footer .inner .linkList2 .catename,
footer .inner .linkList3 .catename,
footer .inner .linkList4 .catename {
	padding: 0 0 6px;
	display: inline-block;
	font-weight:bold;
}
footer .m_onlineshop .catename .tablink + i {
	display: none;
}

footer .inner .pulldown {
	display:block;
}
footer .inner .linkList1 li,
footer .inner .linkList2 li,
footer .inner .linkList3 li,
footer .inner .linkList4 li {
	padding: 0 0 6px;
}
footer .inner .linkList4 .m_onlineshop {
	margin: 0 0 16px;
}
footer .inner .linkList4 .singlemenu {
	font-weight:bold;
	margin:0 0 8px;
}
footer .inner .linkList4 .contactWrap {
	margin: 28px auto 0;
}
footer .inner .linkList4 .contactWrap .contactttl {
	font-weight:bold;
	margin: 0 auto 10px;
}
footer .inner .linkList4 .contactWrap .fa-phone {
	display: none;
    margin: 0 5px 0 0;
}


footer .submenu {
	margin: 20px auto 0;
}
footer .submenu li {
	display: block;
	width:150px;
	margin: 0;
	float:left;
}
footer .submenu li a {
	display: block;
	width:100%;
	box-sizing: border-box;
	color: #4b4b4b;
	font-size: 14px;
	text-align:center;
	margin: 0;
	cursor:pointer;
	position: relative;
	border:solid 1px #4f4843;
	float:left;
}
footer .submenu li:last-child {
	float:right;
}
footer .submenu li a span {
	display:inline-block;
	padding: 3px 18px 2px;
	position: relative;
}
footer .submenu li a span::before{
	content:"";
	display:block;
	width:14px;
	height:19px;
	background:url(../img/common/icon_res.png) center center no-repeat;
	background-size:100% auto;
	margin: auto 0;
	position:absolute;
	left:0;
}
footer .submenu li.fev a span::before{
	background:url(../img/common/icon_fev.png) center center no-repeat;
	background-size:100% auto;
}


footer .inner .otherlink {
	width:100%;
	text-align:left;
	padding:24px 0 16px;
	border-bottom:solid 1px #bababa;
	float:left;
}
footer .inner .otherlink br.tb,
footer .inner .otherlink br.sp {
	display:none;
}
footer .inner .otherlink li {
	width:auto;
	display:inline-block;
	padding: 0 7px;
	position:relative;
}
footer .inner .otherlink li::before {
	content:"";
	display:block;
	width:1px;
	height:100%;
	background:#4b4b4b;
	position:absolute;
	top:0px;
	right:0;
}
footer .inner .otherlink li:first-child {
	width:auto;
	display:inline-block;
	padding: 0 7px 0 0;
	position:relative;
}
footer .inner .otherlink li:last-child {
	padding: 0 0 0 7px;
}
footer .inner .otherlink li:last-child::before {
	display:none;
}


footer .inner .copyWrap {
	width:100%;
	padding:13px 0 12px;
	float:left;
	position:relative;
}
footer .inner .copyWrap .discopyright .copylogo img {
    width: 14px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 2px;
}
footer .inner .copyWrap .kunocopyright {
	position:absolute;
	top:13px;
	right:0;
}
footer .inner .copyWrap .kunocopyright a,
footer .inner .copyWrap .kunocopyright p {
	display:inline-block;
	padding: 0 0 0 26px;
}
footer .inner .copyWrap .discopyright p.disney br {
	display: none;
}
footer .inner .copyWrap .kunocopyright a {
	text-decoration:underline;
}


/*
------------------------------------------------------------------------------------------------------------------ Small PC */
@media screen and (max-width: 1200px) {
	footer {
		padding: 25px 20px 0;
	}
}
/*
------------------------------------------------------------------------------------------------------------------ Small PC */
@media screen and (max-width: 1000px) {
	footer .inner .copyWrap {
		width:100%;
		padding:13px 20px 12px;
		float:left;
		position:relative;
	}
	footer .inner .copyWrap .discopyright {
		text-align:right;
		margin: 0 0 2px;
	}
	footer .inner .copyWrap .kunocopyright {
		position:relative;;
		text-align:center;
		top:auto;
		right:auto;
	}
	footer .inner .copyWrap .kunocopyright p {
		position:absolute;
		right:0;
	}
}

/*
------------------------------------------------------------------------------------------------------------------ Small PC */
@media screen and (max-width: 980px) {
	footer .inner .linkList4 {
		float:left;
	}
}

/*
------------------------------------------------------------------------------------------------------------------ Small PC */
@media screen and (max-width: 768px) {
	footer {
		padding: 0;
		border-top:solid 1px #e3e3e3;
	}
	footer .tablink::before {
	    width: 13px;
	    height: 13px;
	}
	footer .inner .linkList1 {
		width:100%;
		float:none;
	}
	footer .inner .linkList2 {
		width:100%;
		float:none;
	}
	footer .inner .linkList3 {
		width:100%;
		float:none;
	}
	footer .inner .linkList4 {
		width:100%;
		float:none;
	}
	footer .inner .linkList3 .tb_left {
		padding: 0 0 23px;
	}
	footer .inner .linkList1 .catename,
	footer .inner .linkList2 .catename,
	footer .inner .linkList3 .catename,
	footer .inner .linkList4 .catename,
	footer .inner .linkList4 .singlemenu a {
		padding: 12px 18px;
		display: block;
		font-weight:normal;
		border-bottom:solid 1px #e3e3e3;
		position:relative;
		font-weight:normal;
		font-size: 1.4rem;
		cursor:pointer;
	}
	footer .inner .catename::before {
	    content: "";
	    width: 11px;
	    height: 1px;
	    border-top: #4b4b4b 1px solid;
	    position: absolute;
	    top: 21px;
	    right: 8px;
	}
	footer .inner .catename::after {
	    content: "";
	    width: 11px;
	    height: 11px;
	    border-right: #4b4b4b 1px solid;
	    position: absolute;
	    top: 16px;
	    right: 13px;
	}
	footer .inner .catename.open::after {
		display: none;
	}
	footer .inner .linkList4 .singlemenu a::before {
	    content: "";
	    display: block;
	    width: 8px;
	    height: 8px;
	    position: absolute;
	    margin: auto 0;
	    top: 0;
	    right: 12px;
	    bottom: 0;
	    border-right: #4B4B4B 1px solid;
	    border-top: #4B4B4B 1px solid;
	    -webkit-transform: rotate(45deg);
	    -moz-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	    transform: rotate(45deg);
	}

	footer .inner .linkList1 li,
	footer .inner .linkList2 li,
	footer .inner .linkList3 li,
	footer .inner .linkList4 li {
		padding: 0 0 6px;
	}
	footer .inner .linkList4 .m_onlineshop {
		margin: 0;
	}
	footer .inner .linkList4 .singlemenu {
		margin:0;
	}
	footer .inner .linkList4 .contactWrap {
		margin: 28px auto 0;
		text-align:center;
	}
	footer .inner .linkList4 .contactWrap .contactttl {
		font-weight:bold;
		margin: 0 auto 10px;
	}

	header .main_nav li.m_onlineshop .tablink {
	    padding: 0 10px 0 0;
	}
	footer .m_onlineshop .catename .tablink + i {
		display: inline-block;
	}
    footer .inner .pulldown {
    	display:none;
	    margin: 0;
	    padding: 0;
	    position: static;
	    height: auto;
	    opacity: 1;
	    overflow: hidden;
		visibility: visible;
	    -moz-box-shadow: initial;
	    -webkit-box-shadow: initial;
	    -webkit-transition: initial;
	    -moz-transition: initial;
	    -ms-transition: initial;
	    -o-transition: initial;
	    transition: initial;
	}
	footer .pulldown .inner {
		padding: 12px 10px;
		background:#e3e3e3;
	}
    footer .pulldown .inner ul {
		display: block;
		text-align: left;
    }
 	footer .pulldown .inner ul.tb_left,
	footer .pulldown .inner ul.tb_right {
	    width: 100%;
	    padding: 0;
	}
	footer .pulldown .inner ul li,
 	footer .pulldown .inner ul.tb_left li,
	footer .pulldown .inner ul.tb_right li {
		padding: 0;
	}
	footer .pulldown .inner ul li a,
 	footer .pulldown .inner ul.tb_left li a,
	footer .pulldown .inner ul.tb_right li a {
		display:block;
		width:100%;
		box-sizing:border-box;
		margin: 0 auto 1px;
	    padding: 12px 14px 15px;
		text-align:left;
		font-size: 1.4rem;
	    line-height: 1;
		background:#FFF;
	}
	footer .inner .otherlink {
		text-align:center;
		padding: 24px 0 2px;
		border:none;
	}
	footer .inner .otherlink br.tb {
		display:block;
	}
	footer .inner .otherlink li {
		margin: 0 0 14px;
	}
	footer .inner .otherlink li:nth-child(3) {
	    padding: 0 0 0 7px;
	}
	footer .inner .otherlink li:nth-child(3)::before {
	    display: none;
	}

	footer .submenu {
		max-width:540px;
		margin: 30px auto 0;
	}
	footer .submenu li {
		width:100%;
		max-width:260px;
	}
	footer .submenu li a span {
		display:inline-block;
		padding: 11px 18px 10px;
		position: relative;
	}
	footer .inner .linkList4 .contactWrap .fa-phone {
		display: inline-block;
	}
	footer .inner .linkList4 .contactWrap .sptel a {
		text-decoration: underline;
	}
	footer .inner .copyWrap .discopyright p.disney {
		font-size: 1rem;
	}
	footer .inner .copyWrap .discopyright p.disney br {
		display: block;
	}
	footer .inner .copyWrap .discopyright .copylogo img {
		width:10px;
	}
	footer .inner .copyWrap .kunocopyright a, footer .inner .copyWrap .kunocopyright p {
	    font-size: 1rem;
	}
}


/*
------------------------------------------------------------------------------------------------------------------ Small PC */
@media screen and (max-width: 640px) {
	footer .foottop {
	    width: 100%;
	    height: auto;
	    background: #FFF;
	    position: static;
		padding:15px 0;
		text-align:center;
		border-bottom:solid 1px #e3e3e3;
	}
	footer .foottop::before {
	    display:none;
	}
	footer .foottop span {
		display:inline-block;
		position:relative;
		padding: 0 0 0 25px;
		font-size:1.4rem;
	}
	footer .foottop span::before {
	    content: "";
	    width: 10px;
	    height: 10px;
	    border-left: #000 1px solid;
	    border-top: #000 1px solid;
	    -webkit-transform: rotate(45deg);
	    -moz-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	    transform: rotate(45deg);
	    margin: 0 auto;
	    position: absolute;
	    top: 8px;
	    left: 0;
	}

	footer .submenu {
		max-width:80%;
		margin: 30px auto 0;
	}
	footer .submenu li {
		width:49%;
		max-width:initial;
	}
	footer .submenu li a span {
		display:inline-block;
		padding: 8px 10px 7px 18px;
		position: relative;
	}
	footer .inner .otherlink li:nth-child(7)::before {
		display: none;
	}
	footer .inner .otherlink br.sp {
		display: block;
	}
	footer .inner .copyWrap .discopyright {
	    text-align: left;
	}
	footer .inner .copyWrap .kunocopyright {
		text-align:left;
	}
	footer .inner .copyWrap .kunocopyright a {
	    padding: 0;
	}
}

/* Other
--------------------------- */

#overlayBox,
#fontOverlayBox,
#simulationOverlayBox {
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 999999;
	top: 0;
	left: 0;
	display: none;
}
#overlayBack,
#fontOverlayBack,
#simulationOverlayBack {
	width: 100%;
	height: 100%;
	background: #FFF;
	position: absolute;
}
#overlayContainer,
#fontOverlayContainer,
#simulationOverlayContainer {
	width: 700px;
	height: 500px;
	background: #FFF;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -250px 0 0 -350px;
	padding: 20px;
	border: #DDD 1px solid;
	box-sizing: border-box;
}
#fontOverlayContainer {
	width: 440px;
	height: 600px;
	margin: -300px 0 0 -220px;
}
#fontOverlayContainer img {
	width: 100%;
	/*height: 560px;*/
}
#simulationOverlayContainer {
	width: 800px;
	height: 600px;
	margin: -300px 0 0 -400px;
}
#overlayContainer .close,
#fontOverlayContainer .close,
#simulationOverlayContainer .close {
	position: absolute;
	top: 10px;
	right: 10px;
	cursor: pointer;
	line-height: 1;
}
#overlayContainer .close:after,
#fontOverlayContainer .close:after,
#simulationOverlayContainer .close:after {
	content: "×";
	font-size: 18px;
	color: #000;
	line-height: 1;
}
#overlayContainer #overlayContent .guide_Ttl {
	font-size: 16px;
	padding-bottom: 5px;
	margin-bottom:20px;
	border-bottom: solid 2px #CCC;

}
#overlayContainer #overlayContent .guide_left {
	float: left;
	width: 303px;
}
#overlayContainer #overlayContent .guide_left .subTtl {
	margin-bottom: 12px;
}
#overlayContainer #overlayContent .guide_left .guideTxt {
	margin-bottom: 20px;
}
#overlayContainer #overlayContent .guide_left img {
	display: none;
}
#overlayContainer #overlayContent .guide_right {
	float: right;
	width: 322px;

}
#overlayContainer #overlayContent .guide_right img {
	width: 100%;
}

.txt_red {
	color: #e40010;
}


/*
------------------------------------------------------------------------------------------------------------------ Small PC */
@media screen and (max-width: 1200px) {

}

/*
------------------------------------------------------------------------------------------------------------------ Tablet Landscape */
@media screen and (max-width: 1024px) {

#footer .inner #fNav li:first-child {
	display: block;
	margin: 0 0 5px;
}
#footer .inner #fNav li:first-child + li + li + li + li + li + li + li {
	display: block;
	margin: 5px 0 0;
}

}

/*
------------------------------------------------------------------------------------------------------------------ Tablet Portrait */
@media screen and (max-width: 880px) {
#container #content #pankuzu {
	width: auto;
	padding: 0 20px;
	margin: 20px auto 15px;
}
#header {
	position: fixed;
	top: 0;
	left: 0;
}

#header .inner .logo {
	width: 172px;
	padding: 10px 0;
	margin: 0 0 0 10px;
}
#header .inner .pc_tel {
	display:none;
}
#header .inner .sp_tel {
	display:block;
}

.fixed #navWrapper {
	/*position: fixed;
	top: 0;
	left: 0;*/
}
#navWrapper #pcNavTrigger {
	display: none;

}

#navWrapperTrigger {
	display: block;
	width: 54px;
	height: 54px;
	position: absolute;
	top: 0;
	right: 0;
	background: url(../img/common/gnav_arrow.png) center center no-repeat;
	z-index: 11;
	cursor: pointer;
}
#navWrapperTrigger.open {
	background: url(../img/common/gnav_arrow_open.png) center center no-repeat;
}
#navWrapperTrigger:before {
	content: "";
	background: #653B27;
	width: 1px;
	height: 47px;
	position: absolute;
	top: 2px;
	left: -1px;
}
#navWrapperTrigger:after {
	content: "";
	background: #1D110C;
	width: 1px;
	height: 47px;
	position: absolute;
	top: 2px;
	left: 0;
}
.fixed #navWrapper {
    position: relative;
}

#navWrapper > ul {
	padding: 0;
	background: none;
}
#navWrapper > ul > li {
	width: 23%;
}
#navWrapper > ul > li + li + li + li + li {
	display: none;
}
#navWrapper > ul > li + li + li + li + li + li {
	display: block;
	width: 8%;
}
#navWrapper > ul > li div.menulist span.menu_e {
    top: 5%;
}
#navWrapper > ul > li:first-child div.submenu,
#navWrapper > ul > li:first-child + li  div.submenu,
#navWrapper > ul > li:first-child + li + li  div.submenu,
#navWrapper > ul > li:first-child + li + li + li  div.submenu {
	background-size: auto 70%;
}

#navWrapper > ul > li + li + li + li + li div.menulist span.menu_e img {
	width: 50%;
	margin: 6% 0 0;
}

#navWrapper > ul,
#navWrapper > ul > li:first-child + li + li + li + li {
	background: none;
}

#navWrapper > ul > li + li + li + li + li div.menulist {
	border-right: none;
}
#navWrapper > ul > li + li + li + li + li ul.submenu {
    left: inherit;
    right: 0;
 width: 180px;
}

#navWrapper > ul > li:first-child div.menulist {
	border-left: none;
}

#container .pagetop {
    width: 95%;

}

/*
------------------------------------------------------------------------------------------------------------------ SmartPhone Portrait */
@media screen and (max-width: 640px) {


/* Content
--------------------------- */
#simulationOverlayBox {
	position: absolute;
}
#overlayContainer,
#fontOverlayContainer,
#simulationOverlayContainer {
	width: 90%;
	height: auto;
	top: 5%;
	left: 5%;
	margin: 0;
	padding: 20px;
	box-sizing: border-box;
}
#simulationOverlayContainer {
	top: 1%;
}
#overlayContainer .close,
#fontOverlayContainer .close,
#simulationOverlayContainer .close {
	position: absolute;
	top: 10px;
	right: 10px;
	cursor: pointer;
	line-height: 1;
}
#overlayContainer .close:after,
#fontOverlayContainer .close:after,
#simulationOverlayContainer .close:after {
	content: "×";
	font-size: 1rem;
	color: #000;
	line-height: 1;
}
#overlayContainer #overlayContent {
	overflow-y: auto;
	width: 98%;
	height: 350px;
}
#overlayContainer #overlayContent::-webkit-scrollbar{
    width: 5px;
}
#overlayContainer #overlayContent::-webkit-scrollbar-thumb{
    background: #999;
}
#overlayContainer #overlayContent::-webkit-scrollbar-track-piece:start{
    background: #FFF;
}
#overlayContainer #overlayContent::-webkit-scrollbar-track-piece:end{
    background: #FFF;
}

#overlayContainer #overlayContent .guide_Ttl {
	font-size: 14px;
}
#overlayContainer #overlayContent .guide_left {
	float: none;
	width: 100%;
}
#overlayContainer #overlayContent .guide_left .guideTxt {
	margin-bottom: 12px;
}
#overlayContainer #overlayContent .guide_left img {
	display: block;
	width: 80%;
	margin-left: 10%;
	margin-bottom: 20px;
}
#overlayContainer #overlayContent .guide_right {
	float: none;
	width: 100%;
}
#overlayContainer #overlayContent .guide_right img {
	display: none;
}



#footer .inner #spfNav li {
	width: 100%;
	padding: 3px 0 13px;
	margin: 0;
}
#footer .inner .f_content > .disneylink a {
	font-size: 10px;
}


}


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

#header .inner .logo {
	width: 102px;
}

#navWrapper > ul > li + li + li + li div.menulist span.menu_e {
	top: 12%;
}
#navWrapper > ul > li + li + li + li + li div.menulist span.menu_e img {
	margin: 14% 0 0;
}


#navWrapper > ul > li div.menulist span.menu_e img,
#navWrapper > ul > li + li div.menulist span.menu_e img,
#navWrapper > ul > li + li + li div.menulist span.menu_e img,
#navWrapper > ul > li + li + li + li div.menulist span.menu_e img {
    width: 80%;
    margin: 5% 0 0;
}

#navWrapperTrigger {
	width: 27px;
	height: 42px;
	background-size: 80% auto;
}
#navWrapperTrigger:before {
	height: 42px;
}
#navWrapperTrigger:after {
	height: 42px;
}


#container #content #pankuzu {
	padding: 0 10px;
	width: auto;
}




}
