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

	Base

====================================================== --*/
@font-face {
    font-family: 'jrhakatacity';
    src:    url('../fonts/jrhakatacity.eot?jeaz5w');
    src:    url('../fonts/jrhakatacity.eot?jeaz5w#iefix') format('embedded-opentype'),
        url('../fonts/jrhakatacity.ttf?jeaz5w') format('truetype'),
        url('../fonts/jrhakatacity.woff?jeaz5w') format('woff'),
        url('../fonts/jrhakatacity.svg?jeaz5w#jrhakatacity') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'jrhakatacity2';
    src:    url('../fonts/jrhakatacity2.eot?wzmkqr');
    src:    url('../fonts/jrhakatacity2.eot?wzmkqr#iefix') format('embedded-opentype'),
        url('../fonts/jrhakatacity2.ttf?wzmkqr') format('truetype'),
        url('../fonts/jrhakatacity2.woff?wzmkqr') format('woff'),
        url('../fonts/jrhakatacity2.svg?wzmkqr#jrhakatacity') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
  font-family: 'jrhakatacity3';
  src:
    url('../fonts/jrhakatacity3.ttf?8681en') format('truetype'),
    url('../fonts/jrhakatacity3.woff?8681en') format('woff'),
    url('../fonts/jrhakatacity3.svg?8681en#jrhakatacity3') format('svg');
  font-weight: normal;
  font-style: normal;
}

body {
	background-color: #FFFFFF;
	font-size: 14px;
	color: #000;
	margin:0px;
	padding:0px;
	text-align:center;
	font-family:YuGothic,"游ゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif;
	-webkit-text-size-adjust: 100%;
}
.pc{
}
.smp{
	display:none;
}

.all {
	width: 100%;
	min-width:800px;
	overflow:hidden;
	margin:0px auto;
	text-align:left;
}
object ,
img {
	border: 0px;
	vertical-align:top;
}
dl,dt,dd,ul,li,ol,p,figure {
	margin: 0px;
	padding:0px;
	line-height:1.8em;
	list-style:none;
	font-weight:normal;
}
hr {
	display:none;
	clear:both;
}
.anchor{
	font-size:0px;
	line-height:0px;
	display:block;
	overflow:hidden;
	height:0px;
}
.clear{
	clear:both;
	font-size:0px;
	line-height:0px;
	height:0px;
}
sup{
	vertical-align:5px;
	font-size:9px;
}

/*-- 

	Link Ele

====================================================== --*/
a {
	color:#000;
	-webkit-transition:color 300ms ease;
	transition:color 300ms ease;
}
a:hover {
	color:#be904a;
}

a img{
	transition:opacity 300ms ease;
}
a:hover img{
	opacity:0.75;
}

/*-- 

	font Ele

====================================================== --*/
#Base .amupress dl dd li a::before,
#Farmers .contentsNavi li::before,
#Kids .contentsNavi li::before,
#Mamas .information p em::before,
#Mamas .contentsNavi li::before,
#Base .shopTop .mainImg::after,
ul.shopList li a h3::after,
#Base #information .mailMagazine p.lead::before,
#Base #information .facility .caution ul li::before,
#Base .blogDetail .share dd li a::before,
#Base .shopTop .detail dl.share dd li a::before,
#Base .shopTop .fav a::after,
#Base .gourmetSearch > dl dt span::before,
#Base .transportation dt::before,
#Base .parking nav.pdf a::before,
.topicsDetail > dl dd li a::before,
.topicsList > li dl dd li a::before,
#Base header h1:before,
.floorNavi dt span::before,
.floorGuide::before,
#DEITOS .shopSearch label::after,
#DEITOS .shopSearch label::before,
#DEITOS .information p::before,
#AMUEST .information p::before,
#AMU .information p::before,
#KOOTEN .shopSearch label::after,
#KOOTEN .shopSearch label::before,
#KOOTEN .kootenPhoto::before,
#KOOTEN .kootenSearch a::after,
#KOOTEN .kootenSearch a::before,
#KOOTEN .information p em::before,
#TSUBAME .information p em::before,
#TSUBAME .tsubamenoMori ol li p + p em::before,
#Index .generalInformation li::before,
#Index .information > div > ul > li > span::before,
#Index .information > div p::before,
#side ul.cinema li a span::after,
#globalNavi .search a::after,
ul.shopList li a.article::before,
ul.shopList li .fav a::after,
ul.sns li a::after,
header .fav > span::after,
header .fav a::after,
header .globalNavi .search a::after,
header .menu a::after,
body::after{
	font-family: 'jrhakatacity' !important;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position:absolute;
	text-indent:0px;
	z-index:1;
	line-height:1px;
}

ul.sns li.mail a::after {
	font-family: 'jrhakatacity2' !important;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position:absolute;
	text-indent:0px;
	z-index:1;
	line-height:17px;
}

/*-- 

	Head Ele

====================================================== --*/
header{
	width:100%;
	position:relative;
	min-height:177px;
	padding:10px 0px 28px 0px;
	z-index:1000;
}
header h1{
	text-align:center;
	padding:90px 0px 0px;
	margin:0px 0px 20px;
}
.all > h1{
	display:none;
}
header .globalNavi{
	background:#000;
	height:44px;
	width:100%;
	position:absolute;
	left:0px;
	top:0px;
	z-index:1;
}
header .menu{
	position:absolute;
	left:28px;
	top:10px;
	width:24px;
	height:24px;
	transition:all 300ms ease;
}
header .menu a{
	display:block;
	width:100%;
	height:100%;
	text-indent:-200px;
	overflow:hidden;
}
header .menu a::after{
	content:"\e918";
	color:#be904a;
	left:4px;
	top:12px;
	font-size:16px;
}
header .globalNavi p.logo a{
	position:absolute;
	left:61px;
	top:14px;
	font-size:1px;
	line-height:1px;
	width:196px;
	transition:all 300ms ease;
	background:url(../img/logo_white.svg) no-repeat left top;
	background-size:100% auto;
	display:block;
	color:transparent;
	height:18px;
}
header .globalNavi p.subLogo{
	display:none;
}
header .globalNavi .global{
	position:absolute;
	transition:all 300ms ease;
	right:113px;
	line-height:44px;
	top:0px;
	font-size:10px;
	background:none;
}
header .globalNavi .global a{
	color:white;
	text-decoration:none;
}
header .globalNavi .global a:hover{
	color:#be904a;
}

header .globalNavi .search{
	transition:all 300ms ease;
	position:absolute;
	right:79px;
	width:24px;
	height:24px;
	top:11px;
	padding:0px 0px 0px;
}
header .globalNavi .search a{
	display:block;
	width:100%;
	height:100%;
	text-decoration:none;
	overflow:hidden;
	text-indent:-100px;
}
header .globalNavi .search a::after{
	content:"\e92c";
	color:#fff;
	left:4px;
	top:12px;
	transition:color 300ms ease;
	font-size:18px;
}
header .globalNavi .search a:hover::after{
	color:#be904a;
}

header .fav{
	position:absolute;
	right:32px;
	width:32px;
	height:51px;
	background:url(../img/fav_bg.png) no-repeat left top;
	top:0px;
	transition:all 300ms ease;
	padding:9px 0px 0px;
}
header .fav > span,
header .fav a{
	display:block;
	width:26px;
	height:26px;
	margin:0px auto;
	overflow:hidden;
	text-indent:-100px;
	font-size:0px;
	text-decoration:none;
	position:relative;
}
header .fav > span::after,
header .fav a::after{
	content:"\e908";
	color:#be904a;
	left:5px;
	top:13px;
	font-size:16px;
	-webkit-transition:all 300ms ease;
	transition:all 300ms ease;
}
header .fav > span:hover::after,
header .fav a:hover::after{
	-webkit-transform:scale(1.25,1.25);
	transform:scale(1.25,1.25);
}
header .fav a.none::after{
	color:#999;
}

header .fav a .attention{
	width:6px;
	height:6px;
	border-radius:100%;
	display:block;
	border:2px solid white;
	position:absolute;
	right:2px;
	top:11px;
	z-index:10;
	background:#f00;
	-webkit-animation: attention 1000ms linear 0s infinite normal;
	animation: attention 1000ms linear 0s infinite normal;
}
@-webkit-keyframes attention {
	0% {background:#f00;}
	25% {background:#f00;}
	50% {background:#fff;}
	75% {background:#f00;}
	100% {background:#f00;}
}
@keyframes attention {
	0% {background:#f00;}
	25% {background:#f00;}
	50% {background:#fff;}
	75% {background:#f00;}
	100% {background:#f00;}
}
@-webkit-keyframes attention02 {
	0% {background:#f00;}
	25% {background:#f00;}
	50% {background:#000;}
	75% {background:#f00;}
	100% {background:#f00;}
}
@keyframes attention02 {
	0% {background:#f00;}
	25% {background:#f00;}
	50% {background:#000;}
	75% {background:#f00;}
	100% {background:#f00;}
}
header .globalNavi ul{
	text-align:center;
	font-size:0px;
}
header .globalNavi ul li{
	font-size:12px;
	transition:all 300ms ease;
	line-height:44px;
	display:inline-block;
	margin:0px 10px;
}
header .globalNavi ul li a{
	color:#fff;
	line-height:18px;
	display:inline-block;
	border-bottom:2px solid transparent;
	transition:border 300ms ease;
	text-decoration:none;
}
header .globalNavi ul li a:hover{
	border-bottom:2px solid white;
}
header .scrollNavi ul,
header .headerNavi{
	white-space:nowrap;
	text-align:center;
	font-size:0px;
}
header .headerText{
	font-size:14px;
	line-height:16px;
	text-align:center;
	margin:0px;
	color:#666;
}
header .scrollNavi ul li,
header .headerNavi li{
	display:inline-block;
	font-size:14px;
	line-height:16px;
	border-right:1px solid #ccc;
	padding:0px 15px;
	transition:all 300ms ease;
}
header .scrollNavi ul li:last-child,
header .headerNavi li:last-child{
	border:none;
}
header .scrollNavi ul li a,
header .headerNavi li a{
	font-weight:normal;
	transition:all 300ms ease;
	text-decoration:none;
	display:inline-block;
}

header .scrollNavi{
	background:#000;
	height:72px;
	width:100%;
	min-width:800px;
	position:fixed;
	left:0px;
	top:-72px;
	z-index:1;
	transition:top 300ms ease;
}
header .scrollNavi.on{
	top:0px;
}
header .scrollNavi ul{
	padding:28px 0px 0px;
}
header .scrollNavi ul li a{
	color:#fff;
}
header .scrollNavi ul li a:hover{
	color:#be904a;
}
header .scrollNavi .fav{
	background:none;
	height:35px;
	top:24px;
	height:auto;
	padding:0px;
}
header .scrollNavi .fav a .attention{
	-webkit-animation: attention02 1000ms linear 0s infinite normal;
	animation: attention02 1000ms linear 0s infinite normal;
	border:2px solid #000;
}

header .scrollNavi .menu{
	top:24px;
}

header p.emergency{
	border:2px solid #be944a;
	padding:10px 30px;
	font-size:16px;
	line-height:24px;
	border-radius:3px;
	max-width:1120px;
	box-sizing:border-box;
	margin:75px auto 0px;
}
@media screen and (max-width: 1156px){
	header p.emergency{
		margin:75px 10px 0px;
	}
}
header p.emergency + h1{
	text-align:center;
	padding:42px 0px 0px;
	margin:0px 0px 20px;
}

/*-- 

	Footer Ele

====================================================== --*/
.pagetop{
	position:fixed;
	right:15px;
	bottom:-40px;
	z-index:1000;
	-webkit-transition:bottom 300ms ease;
	transition:bottom 300ms ease;
}
.pagetop.on{
	bottom:15px;
}
.pagetop a{
	display:block;
	background:#000;
	width:40px;
	height:40px;
	position:relative;
	font-size:0px;
	color:transparent;
	border-radius:100%;
}

footer{
	width:100%;
	margin:10px 0px 0px;
	position:relative;
	padding:42px 0px 0px;
	background:url(../img/footer_bg.gif) repeat-x left bottom #f3f3f3;
	z-index:10;
}
footer > div{
	margin:0px auto;
	max-width:1120px;
	padding:0px 10px;
	position:relative;
}
footer ul.bns{
	padding:0px 0px 28px;
	margin:0px 0px 42px;
	overflow:hidden;
	border-bottom:1px solid #cccccc;
}
footer ul.bns li{
	float:left;
	width:10%;
	margin:0px 1.25% 14px 0px;
}
footer ul.bns li:last-child{
	margin:0px;
}
footer ul.bns li img{
	width:100%;
}
footer p{
	float:left;
	width:32%;
}
footer p img{
	width:100%;
}
footer ul.navi{
	background:url(../img/dot_pattern.gif) repeat-x left bottom;
	overflow:hidden;
	width:60%;
	min-width:500px;
	padding:0px 0px 18px;
	margin:0px 0px 25px auto;
}
footer ul.navi li{
	float:left;
	width:33%;
	font-size:14px;
	line-height:20px;
	margin:0px 0px 7px;
	padding-right: 5px;
	box-sizing: border-box;
}
footer ul.navi + ul{
	background:none;
	margin-bottom:8px;
}
footer ul.navi + ul li{
	font-size:14px;
}
footer ul.navi li:nth-of-type(3n-1){
	width:34%;
}
footer ul.navi li a{
	text-decoration:none;
}
footer ul.sns{
	position:absolute;
	left:10px;
	bottom:117px;
}
footer ul.sns li{
	float:left;
	width:32px;
	height:32px;
	margin:0px 14px 0px 0px;
}
footer ul.sns li:last-child{
	margin:0px;
}
footer ul.sns li a{
	display:block;
	width:32px;
	height:32px;
	border-radius:100%;
	text-indent:-100px;
	overflow:hidden;
	transition:border-radius 300ms ease;
}
footer ul.sns li a:hover{
	border-radius:0px;
}


footer small{
	display:block;
	line-height:36px;
	clear:both;
	color:white;
	font-size:10px;
	background:#666666;
}

/*-- 

	Common Parts Ele

====================================================== --*/

/*-- main --*/
/*-- ------------------------------------------------- --*/
.contents {
	max-width: 1140px;
	width:100%;
	min-width:800px;
	padding: 37px 0px 0px;
	margin: 0px auto 0px;
	overflow:hidden;
	position:relative;
}
.contents h2{
	margin:0px 0px 28px;
	background:url(../img/h2_bg.gif) repeat-x center;
	font-size:22px;
	text-align:center;
	color:#be904a;
	line-height:30px;
	width:100%;
}
.contents h2 span{
	display:inline-block;
	background:white;
	padding:0px 30px;
}
#main{
	width:67%;
	max-width:735px;
	float:left;
	padding-left:10px;
}


/*-- arrow --*/
/*-- ------------------------------------------------- --*/
/*-- arrow up down --*/
.pagetop a::before,
.pagetop a::after,
#Index .generalInformation li a::before,
#Index .generalInformation li a::after,
#Mamas .contentsNavi li a::before,
#Mamas .contentsNavi li a::after,
.pager03 li.prev span::before,
.pager03 li.prev a::before,
.pager03 li.prev span::after,
.pager03 li.prev a::after,
.pager03 li.next span::before,
.pager03 li.next a::before,
.pager03 li.next span::after,
.pager03 li.next a::after,
#Base .shopTop > nav a::before,
#Base .shopTop > nav a::after,
#Base .gourmetSearch > dl > dt::before,
#Base .gourmetSearch > dl > dt::after,
#Base .transportation dt a::before,
#Base .transportation dt a::after,
#kv > a.next::before,
#kv > a.next::after,
#kv > a.prev::before,
#kv > a.prev::after,
#eventDetail > a.next::before,
#eventDetail > a.next::after,
#eventDetail > a.prev::before,
#eventDetail > a.prev::after,
#event > a.next::before,
#event > a.next::after,
#event > a.prev::before,
#event > a.prev::after,
.pager02 li.prev a::before,
.pager02 li.prev a::after,
.pager02 li.next a::before,
.pager02 li.next a::after,
.pager li.prev a::before,
.pager li.prev a::after,
.pager li.next a::before,
.pager li.next a::after,
.pager02 li.prev span::before,
.pager02 li.prev span::after,
.pager02 li.next span::before,
.pager02 li.next span::after,
.pager li.prev span::before,
.pager li.prev span::after,
.pager li.next span::before,
.pager li.next span::after,
#Base header h1::before,
#Base header h1::after,
#KOOTEN .kootenPhoto a::before,
#KOOTEN .kootenPhoto a::after,
.floorNavi dt::before,
.floorNavi dt::after,
.floorGuide a::before,
.floorGuide a::after,
#DEITOS .shopSearch nav::before,
#DEITOS .shopSearch nav::after,
#KOOTEN .shopSearch nav::before,
#KOOTEN .shopSearch nav::after,
#Base .parking li > a::before,
#Base .parking li > a::after{
	content:"";
	width:12px;
	height:2px;
	background:#666;
	position:absolute;
	right:24px;
	top:50%;
	margin:-2px 0px 0px;
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
	-webkit-transition:all 400ms ease,transform 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000);
	transition:all 400ms ease,transform 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000);
}
#Mamas .contentsNavi li a::before,
#Mamas .contentsNavi li a::after,
#Base .gourmetSearch > dl > dt::before,
#Base .gourmetSearch > dl > dt::after,
#Base header h1::before,
#Base header h1::after,
#KOOTEN .kootenPhoto a::before,
#KOOTEN .kootenPhoto a::after,
.floorNavi dt::before,
.floorNavi dt::after,
.floorGuide a::before,
.floorGuide a::after{
	content:none;
}
.pagetop a::before,
#Base .shopTop > nav a::before,
#Base .gourmetSearch > dl dt::before,
#Base .transportation dt a::before,
#Base header h1::before,
.floorNavi dt::before,
#DEITOS .shopSearch nav::before,
#KOOTEN .shopSearch nav::before,
#Base .parking li > a::before{
	right:16px;
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
}
.pagetop a::before{
	background:#fff;
	right:18px;
}
.pagetop a::after{
	background:#fff;
	right:10px;
}
.pagetop a:hover::before,
.pagetop a:hover::after{
	margin:-7px 0px 0px;
}


.pagetop a:hover::before,
.pagetop a:hover::after,
.pager03 li a:hover::before,
.pager03 li a:hover::after,
.pager02 li.prev a:hover::before,
.pager02 li.prev a:hover::after,
.pager02 li.next a:hover::before,
.pager02 li.next a:hover::after,
.pager li.prev a:hover::before,
.pager li.prev a:hover::after,
.pager li.next a:hover::before,
.pager li.next a:hover::after,
#Base .shopTop > nav a:hover::before,
#Base .shopTop > nav a:hover::after,
#Base .transportation dt a:hover::before,
#Base .transportation dt a:hover::after,
#kv > a.next:hover::before,
#kv > a.next:hover::after,
#kv > a.prev:hover::before,
#kv > a.prev:hover::after,
#eventDetail > a.next:hover::before,
#eventDetail > a.next:hover::after,
#eventDetail > a.prev:hover::before,
#eventDetail > a.prev:hover::after,
#event > a.next:hover::before,
#event > a.next:hover::after,
#event > a.prev:hover::before,
#event > a.prev:hover::after,
#Base .parking li > a:hover::after,
#Base .parking li > a:hover::before{
	background:#be904a;
}



#Base .shopTop > nav a.on::after,
#Base .gourmetSearch > dl > dt.on:after,
#Base .transportation dt a.on::after,
#Base header h1.on::after,
.floorNavi dt.on::after,
#DEITOS .shopSearch nav.on::after,
#KOOTEN .shopSearch nav.on::after,
#Base .parking li > a.on::after{
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
}
#Base .shopTop > nav a.on::before,
#Base .gourmetSearch > dl > dt.on:before,
#Base .transportation dt a.on::before,
#Base header h1.on::before,
.floorNavi dt.on::before,
#DEITOS .shopSearch nav.on::before,
#KOOTEN .shopSearch nav.on::before,
#Base .parking li > a.on::before{
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
}

/*-- arrow right --*/
#Index .generalInformation li a::before,
#Mamas .contentsNavi li a::before,
.pager03 li.next span::before,
.pager03 li.next a::before,
#kv > a.next::before,
#eventDetail > a.next::before,
#event > a.next::before,
#KOOTEN .kootenPhoto a::before,
.floorGuide a::before{
	margin:2px 0px 0px;
	right:22px;
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
}
#Index .generalInformation li a::after,
#Mamas .contentsNavi li a::after,
.pager03 li.next span::after,
.pager03 li.next a::after,
#kv > a.next::after,
#eventDetail > a.next::after,
#event > a.next::after,
#KOOTEN .kootenPhoto a::after,
.floorGuide a::after{
	margin:-5px 0px 0px;
	right:22px;
}






.pager02 li.next span::before,
.pager li.next span::before,
.pager02 li.next a::before,
.pager li.next a::before{
	margin:2px 0px 0px;
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
	right:0px;
}
.pager02 li.next span::after,
.pager li.next span::after,
.pager02 li.next a::after,
.pager li.next a::after{
	margin:-5px 0px 0px;
	right:0px;
	left:auto;
}


/*-- arrow left --*/
.pager03 li.prev span::before,
.pager03 li.prev a::before,
#kv > a.prev::before,
#eventDetail > a.prev::before,
#event > a.prev::before,
.pager02 li.prev span::before,
.pager li.prev span::before,
.pager02 li.prev a::before,
.pager li.prev a::before{
	margin:2px 0px 0px;
	right:0px;
}

.pager03 li.prev span::after,
.pager03 li.prev a::after,
#kv > a.prev::after,
#eventDetail > a.prev::after,
#event > a.prev::after,
.pager02 li.prev span::after,
.pager li.prev span::after,
.pager02 li.prev a::after,
.pager li.prev a::after{
	margin:-5px 0px 0px;
	right:0px;
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
	left:auto;
}
#eventDetail > a.prev::after,
#eventDetail > a.prev::before,
#event > a.prev::after,
#event > a.prev::before{
	right:22px;
}


@media screen and (max-width: 800px){
.floorNavi dt::before,
#DEITOS .shopSearch nav::before,
#KOOTEN .shopSearch nav::before{
	right:20px;
}
.floorNavi dt::after,
#DEITOS .shopSearch nav::after,
#KOOTEN .shopSearch nav::after{
	right:28px;
}
#Mamas .contentsNavi li a::before,
#Mamas .contentsNavi li a::after,
#Base .gourmetSearch > dl > dt:before,
#Base .gourmetSearch > dl > dt:after,
#Base header h1::before,
#Base header h1::after,
#KOOTEN .kootenPhoto a::before,
#KOOTEN .kootenPhoto a::after,
.floorNavi dt::before,
.floorNavi dt::after,
.floorGuide a::before,
.floorGuide a::after{
	content:" ";
}

br.spnone {display: none;}

}
/*-- side --*/
/*-- ------------------------------------------------- --*/
#side{
	max-width:352px;
	width:31%;
	box-sizing:border-box;
	padding-right:10px;
	float:right;
}
/*-- side cinema --*/
/*-- ------------------------------------------------- --*/
.contents #side h2{
	font-size:18px;
	margin-bottom:21px;
}
.contents #side h2 span{
	padding:0px 25px;
}

#side div.cinema{
	max-width:287px;
	margin:0px auto;
}
#side div.cinema a{
	display:block;
	text-decoration:none;
}
#side div.cinema a p{
	line-height:26px;
	margin:15px 0px 22px 0px;
	font-weight:bold;
}
#side div.cinema img{
	width:100%;
}
#side ul.cinema{
	margin:0px 0px 25px;
}
#side ul.cinema li{
	background:url(../img/dot_pattern.gif) repeat-x left top;
}
#side ul.cinema li a{
	display:block;
	padding:14px 15px 14px 94px;
	min-height:60px;
	position:relative;
	text-decoration:none;
	line-height:26px;
	transition:all 300ms ease;
}
#side ul.cinema li a img{
	position:absolute;
	top:14px;
	left:15px;
}
#side ul.cinema li a span{
	display:table-cell;
	vertical-align:middle;
	height:60px;
}
#side ul.cinema li a[target=_blank] span::after{
	content:"\e905";
	display:inline-block;
	line-height:26px;
	color:#666;
	font-size:16px;
	margin:0px 0px 0px 10px;
	transition:color 300ms ease;
}
#side ul.cinema li a:hover span::after{
	color:#be904a;
}
/*-- side bns --*/
/*-- ------------------------------------------------- --*/
#side ul.bns{
	background:#f3f3f3;
	margin:0px 0px 29px;
	padding:27px 10px 6px;
}
#side ul.bns li{
	max-width:287px;
	width:100%;
	margin:0px auto 21px;
}
#side ul.bns li a{
	display:block;
	text-decoration:none;
}
#side ul.bns li a p{
	margin:15px 0px 0px;
	font-weight:bold;
}
#side ul.bns li img{
	width:100%;
}

/*-- side sns --*/
/*-- ------------------------------------------------- --*/
#side ul.sns{
	margin:0px 0px 29px;
	height:32px;
}
#side ul.sns li{
	float:left;
	width:25%;
	height:32px;
	margin:0px 0px 0px 0px;
	transition:all 300ms ease;
}
#side ul.sns li:last-child{
	margin:0px;
}
#side ul.sns:hover li{
	width:22%;
}
#side ul.sns:hover li:hover{
	width:34%;
}

#side ul.sns li a{
	display:block;
	height:32px;
	text-indent:-100px;
	overflow:hidden;
}


/*-- side sns --*/
/*-- ------------------------------------------------- --*/
#side .blogSearch{
	border:2px solid #f3f3f3;
	padding:12px 14px 16px;
	margin:0px 0px 29px;
}
#side .blogSearch .form{
	border:1px solid #cccccc;
	border-radius:2px;
	overflow:hidden;
	height:42px;
	position:relative;
	margin:0px 0px 26px;
}
#side .blogSearch .form input[type=text]{
	border:none;
	font-size:12px;
	line-height:20px;
	margin:11px 0px 11px 10px;
	width:80%;
	font-weight:bold;
	outline:none;
	font-family:YuGothic,"游ゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif;
}
#side .blogSearch .form input[type=submit]{
	border:none;
	background:none;
	font-family: 'jrhakatacity';
	color:#666;
	font-size:18px;
	line-height:18px;
	height:18px;
	padding:0px;
	width:20px;
	position:absolute;
	right:11px;
	top:12px;
}
#side .blogSearch dt{
	font-size:14px;
	text-align:center;
	color:#be904a;
	line-height:20px;
	border-bottom:1px solid #ccc;
	font-weight:bold;
	padding:0px 0px 8px;
	margin:0px 0px 18px;
}
#side .blogSearch dd ul{
	font-size:0px;
}
#side .blogSearch dd li{
	margin:0px 8px 8px 0px;
	word-break:break-all;
	display:inline-block;
}
#side .blogSearch dd li a{
	background:#f3f3f3;
	line-height:22px;
	font-size:14px;
	display:inline-block;
	padding:2px 5px;
	text-decoration:none;
}

/*-- side ranking --*/
/*-- ------------------------------------------------- --*/
#side .ranking{
	margin:0px 0px 21px;
}
#side .ranking .tab li{
	margin:0px 4%;
}
#side .ranking ol.block{
	display:none;
}
#side .ranking ol.current{
	display:block;
}
#side .ranking ol{
	margin-top:-14px;
}
#side .ranking .tab + ol{
	margin-top:0px;
}
#side .ranking ol li{
	background:url(../img/dot_pattern.gif) repeat-x left bottom;
}
#side .ranking ol li a{
	display:block;
	padding:15px 16px 15px 145px;
	position:relative;
	min-height:64px;
	text-decoration:none;
}
#side .recommend ol li a{
	padding:15px 16px 15px 96px;
}
#side .ranking ol li a p{
	display:table-cell;
	height:64px;
	vertical-align:middle;
	line-height:21px;
}
#side .ranking ol li a p span{
	display:block;
	color:#666;
	font-size:12px;
	transition:color 300ms ease;
}
#side .ranking ol li a:hover p span{
	color:#be904a;
}
#side .ranking ol li a > span{
	position:absolute;
	left:66px;
	top:0px;
	bottom:0px;
	width:64px;
	height:64px;
	margin:auto 0px ;
}
#side .recommend ol li a > span{
	left:16px;
}
#side .ranking ol li a > span img{
	max-width:100%;
	max-height:100%;
	position:absolute;
	left:0px;
	right:0px;
	top:0px;
	bottom:0px;
	margin:auto;
	box-sizing:border-box;
	border:1px solid #ccc;
}
#side .ranking ol li a strong{
	position:absolute;
	left:16px;
	top:50%;
	width:30px;
	height:32px;
	text-align:center;
	font-weight:normal;
	font-style:italic;
	color:white;
	padding:0px 2px 0px 0px;
	background:#666666;
	line-height:32px;
	border-radius:100%;
	margin:-16px 0px 0px 0px;
}
#side .ranking ol li:nth-of-type(1) a strong{ background:#be904a; }
#side .ranking ol li:nth-of-type(2) a strong{ background:#bfbfbf; }
#side .ranking ol li:nth-of-type(3) a strong{ background:#6a4d16; }
#side .ranking ol li:last-of-type{ background:none; }


/*-- side bns02 --*/
/*-- ------------------------------------------------- --*/
#side ul.bns02{
	background:#f3f3f3;
	margin:0px 0px 70px;
	padding:28px 10px 21px;
}
#side ul.bns02 li{
	max-width:287px;
	width:100%;
	margin:0px auto 7px;
}
#side ul.bns02 li a{
	display:block;
	text-decoration:none;
}
#side ul.bns02 li img{
	width:100%;
}




/*-- side contentsNavi --*/
/*-- ------------------------------------------------- --*/
.contentsNavi{
	position:absolute;
	right:0px;
	top:37px;
	max-width:352px;
	width:31%;
	box-sizing:border-box;
	padding-right:10px;
}

/*-- side floorGuide --*/
/*-- ------------------------------------------------- --*/
.floorGuide{
	border:1px solid #ccc;
	border-radius:2px;
	margin:5px 0px 14px 0px;
	position:relative;
}
.floorGuide::before{
	content:"\e902";
	display:inline-block;
	width:16px;
	top:50%;
	color:#666;
	left:16px;
	line-height:14px;
	font-size:16px;
	height:14px;
	vertical-align:-1px;
	margin:-7px 0px 0px 0px;
	font-weight:normal;
	position:absolute;
}
.floorGuide a{
	display:block;
	line-height:22px;
	padding:10px 10px 10px 48px;
	font-weight:bold;
	font-size:16px;
	text-decoration:none;
}
.floorGuide a::before{
}

/*-- side navi --*/
/*-- ------------------------------------------------- --*/
.floorNavi{
	border:1px solid #ccc;
	border-radius:2px;
	margin:5px 0px 28px 0px;
}
.floorNavi + dl{
	margin-top:-14px;
}
.floorNavi dt{
	display:block;
	line-height:22px;
	padding:10px 10px 10px 16px;
	font-weight:bold;
	font-size:16px;
	text-decoration:none;
	color:#be904a;
}
.floorNavi dt span::before{
	display:inline-block;
	width:16px;
	height:14px;
	font-size:16px;
	line-height:16px;
	vertical-align:-1px;
	margin:0px 15px 0px 0px;
	color:#666;
	position:static;
	font-weight:normal;
}
.floorNavi dt.shopList span::before{
	content:"\e904";
}
.floorNavi dt.restaurantList span::before{
	content:"\e917";
}
.floorNavi dd{
	border-top:1px solid #ccc;
	padding:0px 16px;
}
.floorNavi dd li{
	border-bottom:1px solid #ccc;
}
.floorNavi dd li a{
	display:block;
	text-decoration:none;
	line-height:22px;
	padding:10px 0px;
	font-weight:bold;
}
.floorNavi dd li:last-child{
	border:none;
}
.floorNavi dd li li{
	border:none;
	padding:1px 0px 0px;
	background:url(../img/dot_pattern.gif) repeat-x left top;
}
.floorNavi dd li li a{
	padding-left:20px;
}







/*-- news --*/
/*-- ------------------------------------------------- --*/
#news{
	width:100%;
	margin:0px 0px 14px;
}
#news .link{
	margin-top:28px;
}
#news ul{
	overflow:hidden;
}
#news li{
	float:left;
	width:50%;
	box-sizing:border-box;
	padding:0px 15px 0px 0px;
	margin:0px 0px 0px;
}
#news li p{
	line-height:24px;
	margin:0px 0px 0px 79px;
}
#news li:nth-of-type(2n){
	padding:0px 0px 0px 15px;
}
#news li:nth-of-type(2n+1){
	clear:both;
}
#news li:nth-of-type(1) a,
#news li:nth-of-type(2) a{
	background:none;
	padding:0px 0px 14px;
}
#news li a{
	display:block;
	overflow:hidden;
	text-decoration:none;
	line-height:24px;
	background:url(../img/dot_pattern.gif) repeat-x left top;
	padding:14px 0px 14px;
}
#news li a img{
	float:left;
	box-sizing:border-box;
	border:1px solid #ccc;
	width:64px;
	margin:0px 0px 0px 0px;
}
/*-- event --*/
/*-- ------------------------------------------------- --*/
#event{
	border-top:1px solid #cccccc;
	width:100%;
	position:relative;
	margin:0px 0px 66px;
}
#eventDetail{
	width:100%;
	position:relative;
	margin:-9px 0px 33px;
}
#eventDetail .calendar,
#event .calendar{
	margin:0px 8% 7px;
	height:98px;
	overflow:hidden;
	background:url(../../images/top/event_calendar_bg.gif) repeat-x left top;
}
#eventDetail .calendar{
	margin:0px 8% 19px;
}
#eventDetail .calendar ul,
#event .calendar ul{
	transition:margin 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000);
	width:100000px;
}
#eventDetail .calendar li,
#event .calendar li{
	float:left;
	width:12%;
	width:89px;
	height:98px;
}
#eventDetail .calendar li a,
#event .calendar li a{
	display:block;
	width:100%;
	text-align:center;
	font-size:16px;
	height:82px;
	text-decoration:none;
	color:#000;
	transition:background 300ms ease;
}
#eventDetail .calendar li a:hover,
#event .calendar li a:hover{
	background:#f3f3f3;
}
#eventDetail .calendar li a span,
#event .calendar li a span{
	display:block;
	padding:7px 0px 4px;
}
#eventDetail .calendar li a span.sunday,
#event .calendar li a span.sunday{
	color:#f00;
}
#eventDetail .calendar li a span.saturday,
#event .calendar li a span.saturday{
	color:#0066ff;
}


#eventDetail .calendar li a strong,
#event .calendar li a strong{
	display:block;
	width:30px;
	height:32px;
	line-height:32px;
	font-weight:normal;
	font-style:italic;
	margin:0px auto;
	padding:0px 2px 0px 0px;
	border-radius:100%;
	transition:all 300ms ease;
}
#eventDetail .calendar li.current,
#event .calendar li.current{
	background:url(../../images/top/event_calendar_current.png) no-repeat center bottom #f3f3f3;
}
#eventDetail .calendar li.on strong,
#event .calendar li.on strong{
	background:#efe3d2;
}
#eventDetail .calendar li.on.current strong,
#event .calendar li.on.current strong{
	background:#be904a;
	color:white;
}
#eventDetail > a,
#event > a{
	display:block;
	width:8%;
	height:82px;
	position:absolute;
	top:1px;
	text-indent:-1000px;
}
#eventDetail > a.prev,
#event > a.prev{
	left:0px;
}
#eventDetail > a.next,
#event > a.next{
	right:0px;
}
#eventDetail > a.next:hover::before,
#eventDetail > a.next:hover::after,
#event > a.next:hover::before,
#event > a.next:hover::after{
	right:17px;
}
#eventDetail > a.prev:hover::before,
#eventDetail > a.prev:hover::after,
#event > a.prev:hover::before,
#event > a.prev:hover::after{
	right:27px;
}

#eventDetail > a.none:hover::before,
#eventDetail > a.none:hover::after,
#event > a.none:hover::before,
#event > a.none:hover::after{
	right:22px;
	background-color:#666;
}

#eventDetail > a.none,
#event > a.none{
	opacity:0.25;
}

#event h2{
	background:none;
	font-size:18px;
	margin:0px 0px 21px;
	font-style:italic;
	color:#000;
}
#eventDetail h3{
	background:none;
	font-size:22px;
	margin:0px 0px 22px;
	text-align:left;
	color:#000;
	padding:0px 0px 9px;
	line-height:30px;
	border-bottom:4px solid #ccc;
}
#event .block{
	overflow:hidden;
	width:100%;
	display:none;
}
#event div.current{
	display:block;
}

#eventDetail p.none,
#event .block .none{
	width:100%;
	text-align:center;
	border:2px solid #f3f3f3;
	box-sizing:border-box;
	background:url(../../images/top/event_noimage.png) no-repeat center;
	background-size:80% auto;
	height:240px;
	padding:50px 0px 0px;
	font-weight:bold;
}
#eventDetail p.none{
	margin:0px 0px 42px;
}
#eventDetail p.none img,
#event .block .none img{
	display:block;
	margin:10px auto;
}
#eventDetail p.none span,
#event .block .none span{
	color:#efe3d2;
}
#eventDetail ul.eventList,
#event .block ul.eventList{
	width:100000px;
	transition:margin 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000);
	overflow:hidden;
	margin:0px 0px 36px;
}
#eventDetail ul.eventList{
	margin:0px 0px 12px;
	width:100%;
}
#event .block ul.eventList li{
	float:left;
	width:48%;
	margin:0px 4% 0px 0px;
}
#eventDetail ul.eventList li{
	float:left;
	width:48%;
	margin:0px 0px 20px 0px;
}
#eventDetail ul.eventList li:nth-of-type(2n){
	float:right;
}
#eventDetail ul.eventList li:nth-of-type(2n+1){
	clear:both;
}
#eventDetail ul.eventList li a,
#event .block ul.eventList li a{
	display:block;
	text-decoration:none;
}
#eventDetail ul.eventList li img,
#event .block ul.eventList li img{
	width:100%;
}
#eventDetail ul.eventList li a img,
#event .block ul.eventList li a img{
	box-sizing:border-box;
	border:1px solid #ccc;
}
#eventDetail ul.eventList li p,
#event .block ul.eventList li p{
	margin:0px 0px 0px;
	line-height:24px;
}
#eventDetail ul.eventList li p:first-of-type,
#event .block ul.eventList li p:first-of-type{
	font-weight:normal;
	font-size:12px;
	color:#666;
	margin:16px 0px 3px;
	transition:color 300ms ease;
}
#eventDetail ul.eventList li a:hover p:first-of-type,
#event .block ul.eventList li a:hover p:first-of-type{
	color:#be904a;
}
#event .block .marker{
	text-align:center;
	font-size:0px;
}




/*-- pager --*/
/*-- ------------------------------------------------- --*/
.pager{
	text-align:center;
	font-size:0px;
	margin:0px 0px 24px;
	background:url(../img/tab_bg.gif) repeat-x left bottom;
}
.pager02{
	text-align:center;
	font-size:0px;
	margin:0px 0px 60px;
	background:url(../img/tab_bg.gif) repeat-x left top;
}

.pager02 li,
.pager li{
	display:inline-block;
	margin:0px 2%;
	padding:0px 0px 8px;
	line-height:16px;
	position:relative;
}
.pager02 li{
	padding:12px 0px 0px;
}
.pager02 li::after,
.pager li::after{
	content:" ";
	width:32px;
	height:3px;
	display:block;
	transition:background 300ms ease;
	background:transparent;
	position:absolute;
	left:50%;
	margin:0px 0px 0px -16px;
	bottom:0px;
}
.pager02 li.prev,
.pager li.prev,
.pager02 li.next,
.pager li.next{
	padding:0px;
	height:16px;
	vertical-align:0px;
}
.pager02 li.prev,
.pager li.prev{
	margin-right:16px;
}
.pager02 li.next,
.pager li.next{
	margin-left:16px;
}

.pager02 li::after{
	bottom:auto;
	top:-1px;
}
.pager02 li.current::after,
.pager li.current::after{
	background:#be904a;
}
.pager02 li span,
.pager02 li a,
.pager li span,
.pager li a{
	font-size:16px;
	line-height:16px;
	height:16px;
	display:inline-block;
	color:#000;
	text-decoration:none;
	position:relative;
}
.pager02 li span,
.pager li span{
	opacity:0.2;
}

.pager02 li.current a,
.pager02 li a:hover,
.pager li.current a,
.pager li a:hover{
	color:#be904a;
}

.pager02 li.next span,
.pager02 li.prev span,
.pager02 li.next a,
.pager02 li.prev a,
.pager li.next span,
.pager li.prev span,
.pager li.next a,
.pager li.prev a{
	width:10px;
	padding:0px 0px 0px;
}


.pager03{
	clear:both;
	border-top:1px solid #cccccc;
	text-align:center;
	font-size:0px;
	margin:0px 0px 60px;
	padding:28px 0px 0px;
}
.pager03 li{
	margin:0px 8px;
	display:inline-block;
	width:160px;
	height:44px;
}
.pager03 li span,
.pager03 li a{
	text-decoration:none;
	font-weight:bold;
	background:#f3f3f3;
	border-radius:3px;
	padding:10px 0px;
	text-align:center;
	font-size:16px;
	line-height:24px;
	display:block;
	position:relative;
}
.pager03 li span{
	color:#cdcdcd;
}
.pager03 li span::before,
.pager03 li span::after{
	background:#cdcdcd !important; 
}
.pager03 li.next span,
.pager03 li.next a{
	padding-right:12px;
}
.pager03 li.prev span,
.pager03 li.prev a{
	padding-left:12px;
}
.pager03 li.prev span::after,
.pager03 li.prev span::before,
.pager03 li.prev a::after,
.pager03 li.prev a::before{
	left:22px;
}

.blogList ul.articleList02 + .pager02{
	margin-top:14px;
}

/*-- tab --*/
/*-- ------------------------------------------------- --*/
.tab{
	text-align:center;
	font-size:0px;
	margin:0px 0px 27px;
	background:url(../img/tab_bg.gif) repeat-x left bottom;
}
.tab li{
	display:inline-block;
	margin:0px 1.8%;
	padding:0px 0px 12px;
	position:relative;
	line-height:10px;
}
.tab li::after{
	content:" ";
	width:32px;
	height:3px;
	display:block;
	transition:background 300ms ease;
	background:transparent;
	position:absolute;
	left:50%;
	margin:0px 0px 0px -16px;
	bottom:0px;
}

.tab li.current::after{
	background:#be904a;
}
.tab li a{
	font-size:16px;
	line-height:16px;
	display:inline-block;
	font-weight:bold;
	color:#666;
	text-decoration:none;
}

.tab li.current a,
.tab li a:hover{
	color:#be904a;
}

@media screen and (max-width: 1000px) {
	.tab.tab_gourmet li a{
		font-size:12px;
	}
}

/*-- blogList --*/
/*-- ------------------------------------------------- --*/
.blogList{
	width:100%;
	margin:0px 0px 66px;
}

.blogList .block{
	overflow:hidden;
	width:100%;
	display:none;
}
.blogList div.current{
	display:block;
}
.blogList ul.articleBlock{
	width:100000px;
	overflow:hidden;
	margin:0px 0px 14px;
	transition:margin 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000);
}
.blogList ul.articleBlock > li{
	float:left;
	width:100%;
	width:735px;
	margin:0px 20px 0px 0px;
}
.blogList ul.articleList,
.blogList ul.articleList02{
	width:100%;
	overflow:hidden;
}
.blogList ul.articleList li,
.blogList ul.articleList02 li{
	float:left;
	width:160px;
	width:22%;
	padding-bottom:22px;
	margin:0px 31px 0px 0px;
	margin:0px 4% 0px 0px;
	position:relative;
}
.blogList ul.articleList li a,
.blogList ul.articleList02 li a{
	display:block;
	text-decoration:none;
}
.blogList ul.articleList li a img,
.blogList ul.articleList02 li a img{
	width:100%;
	box-sizing:border-box;
	border:1px solid #ccc;
}
.blogList ul.articleList li h3,
.blogList ul.articleList02 li h3{
	position:absolute;
	left:0px;
	top:0px;
	line-height:16px;
	margin:0px;
	color:#000;
	font-size:10px;
	padding:5px 10px;
	z-index:10;
	background:white;
}
.blogList ul.articleList li h3.amu,
.blogList ul.articleList02 li h3.amu{
	background:#ffe44d;
}
.blogList ul.articleList li h3.amuest,
.blogList ul.articleList02 li h3.amuest{
	background:#ff3399;
}
.blogList ul.articleList li h3.deitos,
.blogList ul.articleList02 li h3.deitos{
	background:#a16ff3;
}
.blogList ul.articleList li h3.kooten,
.blogList ul.articleList02 li h3.kooten{
	background:#17b55a;
}
.blogList ul.articleList li p,
.blogList ul.articleList02 li p{
	margin:0px 0px 0px;
	line-height:24px;
}
.blogList ul.articleList li p.date,
.blogList ul.articleList li p.name,
.blogList ul.articleList02 li p.date,
.blogList ul.articleList02 li p.name{
	font-size:12px;
	color:#666;
	line-height:20px;
	margin:17px 0px 6px;
	transition:color 300ms ease;
}
.blogList ul.articleList li p.name,
.blogList ul.articleList02 li p.name{
	margin:0px 0px 5px;
}
.blogList ul.articleList li a:hover p,
.blogList ul.articleList02 li a:hover p{
	color:#be904a;
}


.blogList ul.articleList li:nth-of-type(4n),
.blogList ul.articleList02 li:nth-of-type(4n){
	margin-right:0px !important;
}
.blogList ul.articleList li:nth-of-type(4n+1),
.blogList ul.articleList02 li:nth-of-type(4n+1){
	clear:both;
}

.blogList .marker{
	text-align:center;
	font-size:0px;
	clear:both;
}


/*-- shopList --*/
/*-- ------------------------------------------------- --*/
ul.shopList{
	display:-webkit-flex;
	display:-ms-flex;
	display:-ms-flexbox;
	display:flex;
	margin:0px auto;
	padding:0px 0px 46px;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
}
ul.shopList li{
	width:48%;
	border:2px solid #f3f3f3;
	box-sizing:border-box;
	margin:0px 4% 28px 0px;
	position:relative;
}
ul.shopList li:nth-of-type(2n){
	margin-right:0px;
}
ul.shopList li a{
	display:block;
	margin:0 0px 0px;
	text-decoration:none;
	padding:0px 0px 8px;
}
ul.shopList li .cat{
	position:absolute;
	left:-2px;
	top:-2px;
	line-height:16px;
	font-weight:bold;
	margin:0px;
	color:#000;
	font-size:10px;
	padding:5px 10px;
	z-index:10;
}
ul.shopList li .catAmu{
	background:#ffe44d;
}
ul.shopList li .catAmuest{
	background:#ff3399;
}
ul.shopList li .catDeitos{
	background:#a16ff3;
}
ul.shopList li .catKooten{
	background:#1ac964;
}
ul.shopList li .floor{
	margin:14px 14px 5px;
	font-size:12px;
}
ul.shopList li .lead{
	margin:0px 14px;
	font-size:14px;
	line-height:24px;
}
ul.shopList li h3{
	margin:0px 14px 3px;
	font-size:16px;
	font-weight:bold;
}
ul.shopList li a img{
	box-sizing:border-box;
	border-bottom:2px solid #f3f3f3;
	width:100%;
}
/*
#Base .shopTop .mainImg::after,
ul.shopList li a h3::after{
	content:"\e908";
	position:absolute;
	font-size:50px;
	line-height:60px;
	left:50%;
	top:50%;
	text-align:center;
	margin:-120px 0px 0px -35px;
	width:70px;
	height:80px;
	color:#be904a;
	-webkit-transition:all 300ms ease;
	transition:all 300ms ease;
	transform-origin:50% 30px;
	opacity:0;
}
#Base .shopTop .mainImg::after{
	margin:-40px 0px 0px -35px;
}
#Base .shopTop .mainImg.addFav::after,
ul.shopList li a.addFav h3::after{
	-webkit-animation: fav 800ms ease 0s 1 normal;
	animation: fav 800ms ease 0s 1 normal;
}
#Base .shopTop .mainImg.addFav img,
ul.shopList li a.addFav img{
	-webkit-animation: favbg 800ms ease 0s 1 normal;
	animation: favbg 800ms ease 0s 1 normal;
}
*/
body::after{
	position:absolute;
	font-size:0px;
	line-height:60px;
	left:0%;
	top:50%;
	text-align:center;
	margin:-40px 0px 0px 0px;
	width:100%;
	height:80px;
	color:#be904a;
	-webkit-transition:all 300ms ease;
	transform-origin:50% 30px;
	opacity:0;
	position:fixed;
	z-index:100000;
}
body.addFav::after{
	content:"\e908";
	-webkit-animation: fav 800ms ease 0s 1 normal;
	animation: fav 800ms ease 0s 1 normal;
}

@-webkit-keyframes fav {
	0% {
		opacity:1;
		font-size:30px;
	}
	40% {
		opacity:0.9;
		font-size:120px;
	}
	60% {
		opacity:0.9;
		font-size:120px;
	}
	100% {
		opacity:0;
		font-size:400px;
	}
}
@keyframes fav {
	0% {
		opacity:1;
		font-size:30px;
	}
	40% {
		opacity:0.9;
		font-size:120px;
	}
	60% {
		opacity:0.9;
		font-size:120px;
	}
	100% {
		opacity:0;
		font-size:400px;
	}
}

@media screen and (max-width: 800px){
	@-webkit-keyframes fav {
		0% {
			opacity:1;
			font-size:30px;
		}
		40% {
			opacity:0.9;
			font-size:120px;
		}
		60% {
			opacity:0.9;
			font-size:120px;
		}
		100% {
			opacity:0;
			font-size:280px;
		}
	}
	@keyframes fav {
		0% {
			opacity:1;
			font-size:30px;
		}
		40% {
			opacity:0.9;
			font-size:120px;
		}
		60% {
			opacity:0.9;
			font-size:120px;
		}
		100% {
			opacity:0;
			font-size:280px;
		}
	}
}

@-webkit-keyframes favbg {
	0% { opacity:1; }
	40% { opacity:0.75; }
	60% { opacity:0.75; }
	100% { opacity:1; }
}
@keyframes favbg {
	0% { opacity:1; }
	40% { opacity:0.75; }
	60% { opacity:0.75; }
	100% { opacity:1; }
}


ul.shopList li a.article{
	margin:0 14px 0px;
	background:url(../img/dot_pattern.gif) repeat-x left top;
	padding:13px 0px 14px 28px;
	position:relative;
	line-height:24px;
	font-size:14px;
}
ul.shopList li a.article::before{
	left:-2px;
	top:16px;
	display:block;
	width:10px;
	text-align:center;
	height:16px;
	line-height:16px;
	font-size:16px;
	color:#999;
	content:"\e906";
	transition:color 300ms ease;
}
ul.shopList li a.article:hover::before{
	color:#be904a;
}
#Base .shopTop .fav,
ul.shopList li .fav{
	position:absolute;
	right:18px;
	top:-9px;
	width:32px;
	height:47px;
	z-index:10;
	padding:7px 0px 0px;
	background:url(../img/fav_bg02.png) no-repeat left top;
}
#Base .shopTop .fav a,
ul.shopList li .fav a{
	display:block;
	width:26px;
	height:26px;
	margin:0px auto;
	overflow:hidden;
	text-indent:-100px;
	font-size:0px;
	line-height:26px;
	position:relative;
	text-decoration:none;
}
#Base .shopTop .fav a::after,
ul.shopList li .fav a::after{
	content:"\e908";
	color:#be904a;
	left:5px;
	top:14px;
	font-size:16px;
	transition:all 200ms ease;
}
#Base .shopTop .fav a.add::after,
ul.shopList li .fav a.add::after{
	top:13px;
	color:#999;
	font-size:18px;
	content:"\e921";
}

#Base .shopTop .fav a:hover::after,
ul.shopList li .fav a:hover::after{
	-webkit-transform:scale(1.25,1.25);
	transform:scale(1.25,1.25);
}

#Base .shopTop .fav a.add:hover::after,
ul.shopList li .fav a.add:hover::after{
	-webkit-transform:scale(1.25,1.25);
	transform:scale(1.25,1.25);
}


ul.shopList + .pager02{
	margin-top:-32px;
}


/*-- 

	event news

====================================================== --*/
.topicsList{
}
#Mamas .topicsList{
	margin-bottom:58px;
}
.topicsDetail,
.topicsList > li{
	overflow:hidden;
	margin:0px 0px 30px;
}
.topicsDetail .date,
.topicsList > li .date{
	font-size:12px;
	color:#666;
	margin:0px 0px 4px 0px;
	line-height:18px;
}
.topicsDetail p,
.topicsList > li p{
	margin:0px 0px 19px;
}
.topicsDetail h3,
.topicsList > li h3{
	font-size:22px;
	text-align:left;
	color:#000;
	line-height:30px;
	padding:0px 0px 11px;
	margin:0px 0px 23px;
	border-bottom:4px solid #cccccc;
}
.topicsList > li.open .date,
.topicsList > li.open h3{
	border-color:#be904a;
	color:#be904a;
}
.topicsDetail dl dt,
.topicsList > li dl dt{
	color:#666;
	font-weight:bold;
	border-bottom:1px solid #cccccc;
	line-height:20px;
	margin:0px 0px 14px;
	padding:0px 0px 9px;
}
.topicsDetail dl dd,
.topicsList > li dl dd{
	overflow:hidden;
}

.topicsDetail dl dd li,
.topicsList > li dl dd li{
	float:left;
	margin:0px 16px 10px 0px;
}
.topicsDetail dl dd li:last-child,
.topicsList > li dl dd li:last-child{
	margin:0px;
}
.topicsDetail dl dd li a,
.topicsList > li dl dd li a{
	display:block;
	text-transform:uppercase;
	position:relative;
	text-decoration:none;
	padding:0px 0px 0px 42px;
	line-height:32px;
}
.topicsDetail dl dd li a::before,
.topicsList > li dl dd li a::before{
	content:" ";
	display:block;
	width:32px;
	height:32px;
	left:0px;
	top:0px;
	color:#fff;
	text-align:center;
	line-height:32px;
	border-radius:100%;
	overflow:hidden;
	font-size:17px;
	box-sizing:border-box;
	transition:border-radius 300ms ease;
}
.topicsDetail dl dd li a:hover::before,
.topicsList > li dl dd li a:hover::before{
	border-radius:0px;
}
.topicsDetail dl dd li.fb a::before,
.topicsList > li dl dd li.fb a::before{
	background: #3a5894;
	content:"\e901";
	padding:0px 0px 0px 3px;
}
.topicsDetail dl dd li.tw a::before,
.topicsList > li dl dd li.tw a::before{
	background: #40c7fc;
	content:"\e933";
	padding:0px 0px 0px 2px;
}
.topicsDetail dl dd li.line a::before,
.topicsList > li dl dd li.line a::before{
	background: #00c300;
	content:"\e922";
}





.topicsDetail .photo,
.topicsList > li .photo{
	float:right;
	width:48%;
	margin:5px 0px 0px;
	max-width:352px;
}
.topicsDetail .photo li + li,
.topicsList > li .photo li + li{
	margin-top:14px;
}
.topicsDetail .photo li img,
.topicsList > li .photo li img{
	width:100%;
}

.topicsDetail .photo ~ *,
.topicsList > li .photo ~ *{
	width:48%;
	max-width:349px;
}
.topicsDetail .photo{
	margin:5px 0px 10px;
}
.topicsDetail{
	padding:0px 0px 32px;
	border-bottom:1px solid #ccc;
}
.topicsDetail + .link{
	margin-top:28px;
	margin-bottom:60px;
}

/*-- link --*/
/*-- ------------------------------------------------- --*/
.link{
	width:352px;
	height:44px;
	clear:both;
	margin:42px auto;
}
.link a{
	text-align:center;
	text-decoration:none;
	display:block;
	line-height:24px;
	padding:10px 0px;
	font-weight:bold;
	font-size:16px;
	background:#f3f3f3;
	border-radius:3px;
	transition:all 300ms ease;
}
.link a:hover{
	color:#fff;
	background:#be904a;
}

.links{
	overflow:hidden;
	margin:42px 8px;
}
.links li{
	margin:0px;
	clear:none;
	float:left;
	width:49%;
}
.links li + li{
	float:right;
}
/*-- Kv --*/
/*-- ------------------------------------------------- --*/
#kv{
	width:100%;
	margin:0px auto;
	height:480px;
	overflow:hidden;
	position:relative;
}
#kv .images{
	height:100%;
	width:100000px;
	transform:translate3d(0px, 0px, 0px);
}
#kv .images li{
	float:left;
}
#kv .images li img{
	width:100%;
}
#kv > a{
	display:block;
	width:80px;
	height:80px;
	position:absolute;
	top:50%;
	margin:-40px 0px 0px 0px;
	border-radius:100%;
	overflow:hidden;
	text-indent:-1000px;
	transition:background 300ms ease;
	display:none;
}
#kv > a.prev{
	left:50%;
	margin-left:-590px;
	background:rgba(255,255,255,0.8);
}
#kv > a.prev:hover{
	background:rgba(255,255,255,1);
}
#kv > a.next{
	right:50%;
	margin-right:-590px;
	background:rgba(255,255,255,0.8);
}
#kv > a.next:hover{
	background:rgba(255,255,255,1);
}
#kv > a.next::after,
#kv > a.next::before{
	right:32px;
	background:#000;
}
#kv > a.prev::after,
#kv > a.prev::before{
	background:#000;
	right:37px;
}
#kv > a.next:hover::after,
#kv > a.next:hover::before{
	right:27px;
}
#kv > a.prev:hover::after,
#kv > a.prev:hover::before{
	right:42px;
}

#kv .marker{
	position:absolute;
	left:0px;
	bottom:15px;
	width:100%;
	text-align:center;
	font-size:0px;
}
.marker li{
	display:inline-block;
	margin:0px 7px;
	width:14px;
	height:14px;
}
.marker li a{
	display:inline-block;
	width:10px;
	height:10px;
	background:transparent;
	transition:background 300ms ease;
	border-radius:100%;
	border:2px solid #bebebe;
}
.marker li a.on{
	background:#bebebe;
}




/*-- globalMenu --*/
/*-- ------------------------------------------------- --*/
#overflow{
	position:fixed;
	z-index:10000;
	background:rgba(0,0,0,0.4);
	width:100%;
	height:100%;
	left:0px;
	top:0px;
	display:none;
}
#globalNavi{
	width:352px;
	height:100%;
	position:fixed;
	left:-352px;
	z-index:10010;
	top:0px;
	background:white;
	-webkit-transition:all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000);
	transition:all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000);
}
#globalNavi.on{
	left:0px;
}
#globalNavi h1{
	padding:30px 0px 0px 30px;
	margin:0px 0px 25px;
}
#globalNavi h1 img{
	width:290px;
}

#globalNavi .search{
	margin:0px 0px 20px;
}
#globalNavi .search a{
	display:block;
	padding:0px 0px 0px 59px;
	line-height:48px;
	font-weight:bold;
	position:relative;
	text-decoration:none;
	background:#f3f3f3;
}
#globalNavi .search a::after{
	content:"\e92c";
	color:#666;
	left:33px;
	top:24px;
	font-size:18px;
	font-weight:normal;
}
#globalNavi ul.navi01{
	margin:0px 31px 12px 31px;
}
#globalNavi ul.navi01 li{
	border-bottom:1px solid #cccccc;
}
#globalNavi ul.navi01 li:last-child{
	border:none;
}
#globalNavi ul.navi01 li a{
	display:block;
	text-decoration:none;
	font-weight:bold;
	font-size:16px;
	line-height:43px;
}
#globalNavi ul.navi02{
	margin:0px 31px 20px 31px;
}
#globalNavi ul.navi02 li a{
	display:block;
	text-decoration:none;
	font-weight:bold;
	font-size:14px;
	line-height:26px;
}

#globalNavi .global{
	margin:0px 31px 34px;
	font-size:12px;
}
#globalNavi .global a{
	text-decoration:none;
}
#globalNavi ul.sns{
	margin:0px 31px 0px;
}
#globalNavi ul.sns li{
	float:left;
	width:32px;
	height:32px;
	margin:0px 16px 0px 0px;
}
#globalNavi ul.sns li:last-child{
	margin:0px;
}
#globalNavi ul.sns li a{
	display:block;
	width:32px;
	height:32px;
	border-radius:100%;
	text-indent:-100px;
	overflow:hidden;
	transition:border-radius 300ms ease;
}
#globalNavi ul.sns li a:hover{
	border-radius:0px;
}

ul.sns li a{
	position:relative;
}
ul.sns li a::after{
	color:#fff;
	left:50%;
	top:50%;
	height:20px;
	width:26px;
	line-height:16px;
	text-align:center;
	margin:-8px 0px 0px -13px;
	font-size:18px;
}
ul.sns li.fb a{
	background: #3a5894;
}
ul.sns li.fb a::after{
	width:16px;
	margin-left:-8px;
	content:"\e901";
}
ul.sns li.tw a{
	background:#40c7fc;
}
ul.sns li.tw a::after{
	width:16px;
	margin-left:-8px;
	content:"\e933";
}
ul.sns li.line a{
	background:#00c300;
}
ul.sns li.line a::after{
	content:"\e922";
}
ul.sns li.mail a{
	background:#be904a;
}
ul.sns li.mail a::after{
	/*content:"\e923";*/
    content:"\e900";
}



/*-- globalSearch --*/
/*-- ------------------------------------------------- --*/
#globalSearch{
	background:rgba(0,0,0,0.9);
	position:fixed;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	z-index:1200000;
	display:none;
}
#globalSearch > div{
	max-width:1120px;
	margin:0px auto;
	padding:93px 0px 0px;
}
#globalSearch > div nav{
	color:white;
	text-align:right;
	font-size:28px;
	margin:0px 0px 21px auto;
	font-weight:bold;
	width:28px;
	line-height:28px;
	cursor:pointer;
	-webkit-transition:color 300ms ease;
	transition:color 300ms ease;
}
#globalSearch > div nav:hover{
	color:#be904a;
}
#globalSearch > div form{
	display:block;
	border:1px solid #ccc;
	border-radius:3px;
	height:32px;
	padding:20px 0px;
	position:relative;
	margin:0px 0px 21px;
}
#globalSearch > div form input[type=text]{
	font-size:32px;
	background:none;
	width:90%;
	color:white;
	box-sizing:border-box;
	padding:0px 0px 0px 30px;
	line-height:32px;
	border:none;
	outline:none;
}
#globalSearch > div form input[type=submit]{
	border:none;
	background:none;
	font-family: 'jrhakatacity';
	color:#fff;
	font-size:33px;
	line-height:33px;
	height:40px;
	padding:0px;
	width:40px;
	position:absolute;
	right:27px;
	top:16px;
}
#globalSearch > div p{
	font-size:16px;
	color:#999;
}
/*-- 

	Form Ele

====================================================== --*/
form {
	margin: 0px;
	padding: 0px;
}

/*-- 

	responsive Ele

====================================================== --*/
@media screen and (max-width: 1116px){
header .fav{
	right:10px;
}
header .globalNavi p.logo a{
	position:absolute;
	left:41px;
	width:150px;
}
header .menu{
	left:6px;
}
header .scrollNavi ul li,
header .headerNavi li{
	font-size:12px;
	letter-spacing:-1px;
	border:none;
	padding:0px 8px;
}
header .globalNavi .global{
	right:78px;
}
header .globalNavi .search{
	right:49px;
}
header .globalNavi ul li{
	font-size:11px;
	margin:0px 5px;
	padding:0px;
}

#side ul.cinema li a{
	font-size:12px;
	padding-right:0px;
}
#side ul.cinema li a br{
	display:none;
}
#side ul.cinema li a span::after{
	margin:0px 0px 0px 2px;
}
#side ul.cinema li a span::after{
	font-size:12px;
}
ul.shopList li a h3::after{
	font-size:50px;
}
}


























@media screen and (max-width: 900px){
	/*header h1,*/
	header .headerText,
	/*header .headerNavi,*/
	header .globalNavi ul,
	header .scrollNavi,
	header .globalNavi .global,
	header .globalNavi .search{
		display:none;
	}
	header .globalNavi{
		height:55px;
		position:fixed;
		z-index:1100000;
	}
	header .menu{
		position:absolute;
		left:10px;
		top:50%;
		margin:-15px 0px 0px;
		width:30px;
		height:30px;
		transition:all 300ms ease;
	}
	header .menu a::after{
		top:15px;
	}
	header .globalNavi p.logo a{
		position:relative;
		left:auto;
		top:19px;
		margin:0px auto;
		padding:0px 0px 0px;
		height:22px;
		width:215px;
		background-position:50% 0px;
	}
	header .fav{
		right:10px;
		width:30px;
		height:30px;
		background:none;
		top:50%;
		margin:-15px 0px 0px;
		padding:0px 0px 0px;
	}
	header .fav a{
		width:100%;
		height:100%;
	}
	header .fav a .attention{
		border:2px solid #000;
		background:#000;
		-webkit-animation: attention02 1000ms linear 0s infinite normal;
		animation: attention02 1000ms linear 0s infinite normal;
	}
	header .fav a::after{
		top:13px;
		left:9px;
	}
}









/*-- 

	smp responsive Ele

====================================================== --*/
@media screen and (max-width: 800px){
.all {
	min-width:320px;
	padding:0px;
}
.pc{
	display:none;
}
.smp{
	display:block;
}

/*-- 

	Head Ele

====================================================== --*/
header{
	min-height:45px !important;
	z-index:auto;
	padding:10px 0px 0px;
}
header h1,
header .headerText,
header .headerNavi,
header .globalNavi ul,
header .scrollNavi,
header .globalNavi .global,
header .globalNavi .search{
	display:none;
}

header .globalNavi{
	height:55px;
	position:fixed;
	z-index:1100000;
}
header .menu{
	position:absolute;
	left:10px;
	top:50%;
	margin:-15px 0px 0px;
	width:30px;
	height:30px;
	transition:all 300ms ease;
}
header .menu a::after{
	top:15px;
}
header .globalNavi p.logo a{
	position:relative;
	left:auto;
	top:19px;
	margin:0px auto;
	padding:0px 0px 0px;
	height:22px;
	width:215px;
	background-position:50% 0px;
}
header .fav{
	right:10px;
	width:30px;
	height:30px;
	background:none;
	top:50%;
	margin:-15px 0px 0px;
	padding:0px 0px 0px;
}
header .fav a{
	width:100%;
	height:100%;
}
header .fav a .attention{
	border:2px solid #000;
	background:#000;
	-webkit-animation: attention02 1000ms linear 0s infinite normal;
	animation: attention02 1000ms linear 0s infinite normal;
}
header .fav a::after{
	top:13px;
	left:9px;
}

.all > h1{
	display:block;
	text-align:center;
	height:74px;
	position:relative;
	margin:0px;
}
.all > h1 img{
	height:32px;
	left:0px;
	top:0px;
	right:0px;
	position:absolute;
	bottom:0px;
	margin:auto;
}

header .globalNavi p.subLogo{
	display:block;
	font-size:19px;
	font-weight:bold;
	text-align:center;
	position:absolute;
	top:13px;
	line-height:30px;
	left:0px;
	width:100%;
	z-index:1;
	display:none;
}
header .globalNavi p.subLogo a{
	text-decoration:none;
}

header .globalNavi{
	-webkit-transition:background 300ms ease;
	transition:background 300ms ease;
}
header.on .globalNavi{
	background:#000 !important;
}
header .menu a::after{
	-webkit-transition:color 300ms ease;
	transition:color 300ms ease;
}
header.on .menu a::after{
	color:#be904a !important;
}

header.on .fav a .attention{
	-webkit-animation: attention02 1000ms linear 0s infinite normal !important;
	animation: attention02 1000ms linear 0s infinite normal !important;
	border-color:#000 !important;
}
header.on .globalNavi p.logo a{
	background-image:url(../img/logo_white.svg) !important;
}
header.on .globalNavi p.logo{
	display:block !important;
}
header.on .globalNavi p.subLogo{
	display:none !important;
}
header p.emergency{
	padding:10px 14px;
	font-size:14px;
	line-height:24px;
	box-sizing:border-box;
	margin:59px 20px 14px;
}


/*-- 

	Footer Ele

====================================================== --*/
footer{
	width:100%;
	min-height:1px;
	margin:10px 0px 0px;
	position:relative;
	padding:28px 0px 0px;
	background:none;
	background:#f3f3f3;
}
footer > div{
	margin:0px auto;
	max-width:1000px;
	min-width:320px;
	padding:0px;
}
footer ul.bns{
	padding:0px 20px 14px;
	margin:0px 0px 23px;
}
footer ul.bns li{
	width:30%;
	float:left;
	margin:0px 0% 14px 0px;
}
footer ul.bns li:nth-of-type(3n-1){
	margin:0px 5% 14px 5%;
	width:30%;
}
footer ul.bns li a img{
	width:100%;
}
footer ul.bns li:last-child{
	margin:0px 0% 14px 0px;
}
footer p{
	display:none;
}
footer ul.navi{
	background:url(../img/dot_pattern.gif) repeat-x left bottom;
	background-size:auto 1px;
	overflow:hidden;
	width:auto;
	min-width:10px;
	padding:0px 0px 15px;
	margin:0px 20px 24px;
}
footer ul.navi + ul{
	margin-bottom:13px;
	padding-bottom:0px;
}
footer ul.navi + ul li{
	font-size:12px;
}

footer ul.navi li{
	white-space:nowrap;
	font-size:12px;
	width:50%;
}
footer ul.navi li:nth-of-type(3n-1){
	width:50%;
}
footer ul.navi li a{
	text-decoration:none;
}
footer ul.sns{
	float:none;
	margin:0px 20px 28px !important;
	overflow:hidden;
	position:static;
}
footer ul.sns li{
	width:27px;
	height:27px;
	margin:0px 15px 0px 0px;
}
footer ul.sns li:last-child{
	margin:0px;
}
footer ul.sns li a{
	width:100%;
	height:100%;
}

footer small{
	display:block;
	line-height:36px;
	color:white;
	padding:0px 20px;
}

/*-- 

	Common Parts Ele

====================================================== --*/
/*-- main --*/
/*-- ------------------------------------------------- --*/
.contents {
	max-width: 1120px;
	width:100%;
	min-width:320px;
	margin: 0px auto 0px;
	padding: 25px 0px 0px;
}
.contents h2{
	margin:0px 0px 18px;
	background:url(../img/h2_bg.gif) repeat-x center;
	background-size:auto 4px;
	font-size:15px !important;
	line-height:25px;
}
.contents h2 span{
	padding:0px 20px;
}
#main{
	width:100%;
	padding:0px;
	float:none;
}

/*-- side --*/
/*-- ------------------------------------------------- --*/
#side{
	max-width:1000px;
	width:100%;
	float:none;
	padding:0px;
}
/*-- side cinema --*/
/*-- ------------------------------------------------- --*/
.contents #side h2 span{
	padding:0px 20px;
}

#side ul.cinema{
	margin:0px 20px 14px;
}
#side ul.cinema li{
	background:url(../img/dot_pattern.gif) repeat-x left top;
	background-size:auto 1px;
}
#side ul.cinema li a{
	padding:14px 5px 14px 85px;
	min-height:56px;
	font-size:14px;
}
#side ul.cinema li a br{
	display:none;
}
#side ul.cinema li a img{
	width:56px;
}
#side ul.cinema li a span{
	height:56px;
}
#side ul.cinema li a span::after{
	margin:0px 0px 0px 5px;
}
/*-- side bns --*/
/*-- ------------------------------------------------- --*/
#side ul.bns{
	background:#f3f3f3;
	overflow:auto;
	overflow-y:hidden;
	-webkit-overflow-scrolling: touch;
	margin:0px 0px 30px;
	padding:14px 0px 8px 15px;
	font-size:0px;
	white-space:nowrap;
}
#side ul.bns li{
	display:inline-block;
	width:204px;
	margin:0px 5px 0px 5px;
	font-size:14px;
	line-height:14px;
	vertical-align:top;
}
#side ul.bns li:last-child{
	margin-right:20px;
}
#side ul.bns li a p{
	white-space:normal;
	margin:8px 0px 0px;
}

/*-- side sns --*/
/*-- ------------------------------------------------- --*/
#side ul.sns{
	margin:0px 20px 30px;
}


/*-- side sns --*/
/*-- ------------------------------------------------- --*/
#side .blogSearch{
	border:2px solid #f3f3f3;
	padding:14px 14px 10px;
	margin:0px 20px 29px;
}
#side .blogSearch dd li{
	margin:0px 4px 4px 0px;
}
#side .blogSearch dd li a{
	border-radius:2px;
}
#side .blogSearch .form input[type=submit]{
	line-height:20px;
	height:20px;
}


/*-- side ranking --*/
/*-- ------------------------------------------------- --*/
#side .ranking{
	margin:0px 0px 21px;
}
#side .ranking .tab{
	margin-bottom:5px;
}
#side .ranking ol.block{
	margin:0px 20px;
}
#side .ranking ol.current{
	display:block;
}
#side .ranking ol{
	margin-top:0px;
}
#side .ranking .tab + ol{
	margin-top:0px;
}

#side .ranking ol li{
	background:url(../img/dot_pattern.gif) repeat-x left bottom;
	background-size:auto 1px;
	padding-bottom:1px;
}
#side .ranking ol li:last-child{
	padding:0px;
}
#side .ranking ol li a{
	padding:14px 14px 14px 154px;
	min-height:52px;
}
#side .recommend ol li a{
	padding:14px 14px 14px 87px;
}
#side .recommend ol li a > span{
	left:14px;
}
#side .ranking ol li a p{
	display:table-cell;
	height:52px;
	vertical-align:middle;
	line-height:21px;
}
#side .ranking ol li a img{
	left:64px;
	width:60px;
	margin:-30px 0px 0px;
}


/*-- side bns02 --*/
/*-- ------------------------------------------------- --*/
#side ul.bns02{
	padding:28px 20px 21px;
	margin:0px 0px 30px;
}
#side ul.bns02 li{
	max-width:1000px;
}

#side ul.bns02 img{
	width:100%;
}


/*-- contentsNavi --*/
/*-- ------------------------------------------------- --*/
.contentsNavi{
	position:static;
	max-width:1000px;
	width:auto;
	padding-right:0px;
}
/*-- floorGuide --*/
/*-- ------------------------------------------------- --*/
.floorGuide{
	margin:0px 20px 14px 20px;
}
.floorGuide a{
	line-height:16px;
	padding:14px 10px 14px 48px;
	font-size:14px;
	position:relative;
}


/*-- side floorNavi --*/
/*-- ------------------------------------------------- --*/
.floorNavi{
	border:1px solid #ccc;
	border-radius:2px;
	margin:0px 20px 28px 20px;
}
.floorNavi + dl{
	margin-top:-14px;
}
.floorNavi dt{
	line-height:16px;
	padding:14px 10px 14px 16px;
	font-size:14px;
	color:#000;
	position:relative;
}
.floorNavi dd{
	display:none;
}
.floorNavi dd li a{
	line-height:16px;
	padding:10px 0px 10px 0px;
	font-size:12px;
}
.floorNavi dd li li a{
	padding-left:20px;
}












/*-- news --*/
/*-- ------------------------------------------------- --*/
#news{
	width:100%;
}
#news .link{
	margin-top:14px;
}
#news ul{
	margin:0px 20px;
}
#news li:nth-of-type(2n),
#news li{
	float:none;
	width:auto;
	padding:0px ;
	margin:0px 0px 0px;
}
#news li p{
	line-height:21px;
	margin:0px 0px 0px 76px;
}
#news li:nth-of-type(1) a{
	background:none;
	padding:0px 16px 14px;
}
#news li:nth-of-type(2) a,
#news li a{
	background:url(../img/dot_pattern.gif) repeat-x left top;
	background-size:auto 1px;
	padding:15px 16px 14px;
}
#news li a img{
	width:60px;
}


/*-- event --*/
/*-- ------------------------------------------------- --*/
#eventDetail,
#event{
	margin:0px 0px 30px;
}
#eventDetail .calendar,
#event .calendar{
	margin:0px 0px 0px;
	height:95px;
	overflow:auto;
	overflow-y:hidden;
	-webkit-overflow-scrolling: touch;
	background:url(../../images/top/event_calendar_bg.gif) repeat-x 0px 0px;
	background-size:auto 76px;
}
#eventDetail .calendar ul,
#event .calendar ul{
	width:auto;
	font-size:0px;
	white-space:nowrap;
}
#eventDetail .calendar li,
#event .calendar li{
	width:67px;
	display:inline-block;
	white-space:nowrap;
	float:none;
	height:89px;
	font-size:16px;
}
#eventDetail .calendar li a,
#event .calendar li a{
	height:70px;
	padding:6px 0px 0px;
}
#eventDetail .calendar li a span,
#event .calendar li a span{
	padding:0px 0px 0px;
}


#eventDetail .calendar li a strong,
#event .calendar li a strong{
	width:25px;
	height:27px;
	font-size:14px;
	line-height:27px;
}
#eventDetail .calendar li a.current,
#event .calendar li.current{
	background:url(../../images/top/event_calendar_current.png) no-repeat center bottom #f3f3f3;
	background-size:auto 13px;
}

#eventDetail > a,
#event > a{
	display:none;
}

#eventDetail h3,
#event h2{
	font-size:14px;
	margin:0px 0px 10px;
	line-height:18px;
}
#eventDetail h3{
	padding-left:20px;
	padding-right:20px;
	margin:0px 0px 10px;
}
#event .block{
	overflow:auto;
}
#eventDetail p.none,
#event .block .none{
	width:auto;
	text-align:center;
	border:2px solid #f3f3f3;
	box-sizing:border-box;
	background:url(../../images/top/event_noimage.png) no-repeat center;
	background-size:80% auto;
	height:175px;
	margin:0px 20px;
	padding:30px 0px 0px;
	font-weight:bold;
}
#eventDetail p.none{
	margin-bottom:10px;
}
#eventDetail p.none img,
#event .block .none img{
	display:block;
	margin:10px auto;
	width:40px;
}
#eventDetail p.none span,
#event .block .none span{
	color:#efe3d2;
}

#eventDetail ul.eventList,
#event .block ul.eventList{
	width:auto;
	white-space:nowrap;
	margin:0px 0px 0px;
	padding:0px 0px 10px 20px;
	overflow:auto;
	overflow-y:hidden;
	-webkit-overflow-scrolling: touch;
	font-size:0px;;
}
#eventDetail ul.eventList li,
#event .block ul.eventList li{
	float:none !important;
	display:inline-block;
	width:270px;
	margin:0px 14px 0px 0px;
	vertical-align:top;
	font-size:14px;
}
#eventDetail ul.eventList li a,
#event .block ul.eventList li a{
	width:100%;
	display:block;
	text-decoration:none;
}
#eventDetail ul.eventList li img,
#event .block ul.eventList li img{
	width:100%;
	display:block;
}
#eventDetail ul.eventList li p,
#event .block ul.eventList li p{
	white-space:normal;
}
#eventDetail ul.eventList li p:first-of-type,
#event .block ul.eventList li p:first-of-type{
	margin:10px 0px 3px;
}
#event .block .marker{
	display:none;
}
#event .link{
	margin-top:10px;
}



/*-- tab --*/
/*-- ------------------------------------------------- --*/
.tab{
	margin:0px 0px 21px;
	overflow:auto;
	overflow-y:hidden;
	width:auto;
	white-space:nowrap;
	padding:0px 0px 10px 20px;
	-webkit-overflow-scrolling: touch;
	background:url(../img/tab_bg.gif) repeat-x left 27px ;
	background-size:auto 2px;
}
.tab li{
	display:inline-block;
	margin:0px 20px 0px 0px;
	padding:0px 0px 10px;
	line-height:8px;
}
.tab li a{
	font-size:12px;
}
.tab li::after{
	bottom:-3px;
}

/*-- pager --*/
/*-- ------------------------------------------------- --*/
.pager{
}
.pager02{
	margin-bottom:48px;
}

.pager02 li,
.pager li{
	margin:0px 10px;
	vertical-align:0px;
	
}

.pager02 li::after,
.pager li::after{
	width:16px;
	margin:0px 0px 0px -8px;
}
.pager02 li.current::after,
.pager li.current::after{
	background:#be904a;
}


.pager03{
	margin:0px 0px 42px;
	position:relative;
	padding:14px 20px 0px;
}
.pager03 li{
	margin:0px 56px;
	display:block;
	width:auto;
	height:42px;
}
.pager03 li.prev{
	margin:0px;
	position:absolute;
	left:20px;
	top:14px;
	width:42px;
	overflow:hidden;
}
.pager03 li.next{
	margin:0px;
	position:absolute;
	right:20px;
	top:14px;
	width:42px;
	overflow:hidden;
}
.pager03 li.prev a,
.pager03 li.next a,
.pager03 li.prev span,
.pager03 li.next span{
	text-indent:-100px;
	font-size:0px;
}
.pager03 li span,
.pager03 li a{
	padding:9px 0px;
}
.pager03 li.next span,
.pager03 li.next a{
	padding-right:0px;
}
.pager03 li.prev span,
.pager03 li.prev a{
	padding-left:0px;
}
.pager03 li.prev span::after,
.pager03 li.prev span::before,
.pager03 li.prev a::after,
.pager03 li.prev a::before{
	left:15px;
}
.pager03 li.next span::after,
.pager03 li.next span::before,
.pager03 li.next a::after,
.pager03 li.next a::before{
	left:15px;
}


/*-- blogList --*/
/*-- ------------------------------------------------- --*/
.blogList{
	width:100%;
	margin:0px 0px 30px;
}

.blogList .block{
	overflow:auto;
	overflow-y:hidden;
	-webkit-overflow-scrolling: touch;
}
.blogList div.current{
	display:block;
}
.blogList ul.articleBlock{
	width:auto;
	white-space:nowrap;
	display:inline-block;
	margin:0px 20px 0px 10px;
}
.blogList ul.articleBlock > li{
	float:none;
	display:inline-block;
	vertical-align:top;
	width:auto;
	margin:0px;
}
.blogList ul.articleList{
	display:inline-block;
}
.blogList ul.articleList li{
	float:none;
	vertical-align:top;
	display:inline-block;
	width:160px;
	padding-bottom:0px;
	margin:0px 0px 0px 10px;
}
.blogList ul.articleList li a,
.blogList ul.articleList02 li a{
	display:block;
	text-decoration:none;
	white-space:normal;
}
.blogList ul.articleList li p.date,
.blogList ul.articleList li p.name,
.blogList ul.articleList02 li p.date,
.blogList ul.articleList02 li p.name{
	margin:10px 0px 0px;
	font-weight:normal;
}
.blogList ul.articleList li p.name,
.blogList ul.articleList02 li p.name{
	margin:5px 0px 4px;
}


.blogList .marker{
	display:none;
}


.blogList ul.articleList02{
	margin:0px 20px;
	overflow:hidden;
	width:auto;
}
.blogList ul.articleList02 li{
	float:left;
	width:160px;
	width:48%;
	margin:0px 4% 0px 0px!important;
	padding:0px 0px 22px 0px !important;
	box-sizing:border-box;
	
}
.blogList ul.articleList02 li:nth-of-type(2n){
	margin:0px !important;
}

.blogList ul.articleList02 li:nth-of-type(2n+1){
	clear:both;
}

/*-- shopList --*/
/*-- ------------------------------------------------- --*/
ul.shopList{
	display:block;
	margin:0px 20px;
	padding:0px 0px 28px;
}
ul.shopList li{
	width:auto;
	margin:0px 0px 14px 0px;
}
ul.shopList li:nth-of-type(2n){
	margin-right:0px;
}
ul.shopList li a{
	display:block;
	margin:0 0px 0px;
	text-decoration:none;
	padding:0px 0px 8px;
}
#Base .shopTop .fav,
ul.shopList li .fav{
	right:14px;
	top:-7px;
}

ul.shopList + .pager02{
	margin-top:-14px;
}
ul.shopList li a h3::after{
	margin:-110px 0px 0px -35px;
}

#Base .shopTop .mainImg::after{
	margin:-30px 0px 0px -35px;
}


/*-- 

	event news

====================================================== --*/
.topicsList{
	margin:0px 20px;
}
#Mamas .topicsList{
	margin-bottom:28px;
}

.topicsList > li{
	margin:0px 0px 24px;
}
.topicsDetail{
	overflow:visible;
	border:none;
	padding:0px;
	margin:0px 20px 24px;
}
.topicsDetail .date,
.topicsList > li .date{
	font-size:11px;
}
.topicsDetail p,
.topicsList > li p{
	margin:0px 0px 14px;
}
.topicsDetail h3,
.topicsList > li h3{
	line-height:24px;
	margin:0px 0px 14px;
	font-size:18px;
}
.topicsDetail h3{
	margin-left:-20px;
	margin-right:-20px;
	padding-left:20px;
	padding-right:20px;
}

.topicsDetail dl dd li,
.topicsList > li dl dd li{
	margin:0px 14px 10px 0px;
}
.topicsDetail dl dd li:last-child,
.topicsList > li dl dd li:last-child{
	margin:0px;
}
.topicsDetail dl dd li a,
.topicsList > li dl dd li a{
	padding:0px 0px 0px 0px;
	line-height:32px;
	width:32px;
	font-size:0px;
	text-indent:-100px;
}


.topicsDetail .photo,
.topicsList > li .photo{
	float:none;
	width:auto;
	margin:0px 0px 14px;
	max-width:1000px;
}
.topicsDetail .photo ~ *,
.topicsList > li .photo ~ *{
	width:auto;
	max-width:1000px;
}




/*-- link --*/
/*-- ------------------------------------------------- --*/
.link{
	width:auto;
	height:44px;
	margin:26px 20px 36px;
}
.link a{
	line-height:24px;
	font-size:14px;
}
.links{
	overflow:hidden;
	margin:26px 20px 28px;
}
.links li{
	float:none;
	width:auto;
	margin:0px 0px 14px;
}
.links li + li{
	float:none;
}


/*-- Kv --*/
/*-- ------------------------------------------------- --*/
#kv .marker{
	bottom:13px;
}
.marker li{
	display:inline-block;
	margin:0px 7px;
	width:11px;
	height:11px;
}
.marker li a{
	width:7px;
	height:7px;
}


/*-- globalMenu --*/
/*-- ------------------------------------------------- --*/
#overflow{
}
#globalNavi{
	width:100%;
	left:-100%;
	overflow:auto;
	-webkit-overflow-scrolling: touch;
}
#globalNavi.on{
	left:0px;
}
#globalNavi h1{
	padding:0px 0px 0px 0px;
	margin:0px 35px 0px;
	height:55px;
	position:relative;
}
#globalNavi h1 img{
	display:none;
}

#globalNavi .search{
	margin:0px 0px 20px;
}
#globalNavi .search a{
	padding:0px 0px 0px 60px;
	line-height:50px;
}
#globalNavi ul.navi01{
	margin:0px 35px 10px 35px;
}
#globalNavi ul.navi01 li a{
	font-size:14px;
	line-height:42px;
}
#globalNavi ul.navi02{
	margin:0px 35px 20px 35px;
}
#globalNavi ul.navi02 li a{
	font-size:12px;
}

#globalNavi .global{
	margin:0px 35px 20px;
	font-size:12px;
}
#globalNavi .global a{
	text-decoration:none;
}
#globalNavi ul.sns{
	overflow:hidden;
	margin:0px 35px 0px;
	padding:0px 0px 20px;
}


ul.sns li a::after{
	font-size:16px;
}


/*-- globalSearch --*/
/*-- ------------------------------------------------- --*/
#globalSearch{
}
#globalSearch > div{
	max-width:1120px;
	margin:0px 20px;
	padding:80px 0px 0px;
}
#globalSearch > div form{
	padding:12px 0px;
	margin:0px 0px 21px;
}
#globalSearch > div form input[type=text]{
	font-size:26px;
	padding:0px 0px 0px 20px;
}
#globalSearch > div form input[type=submit]{
	font-size:26px;
	line-height:26px;
	height:40px;
	width:40px;
	right:11px;
	top:8px;
}


}

@media screen and (max-width: 320px) {
	.all > h1 img{
		max-width: 100%;
		height: auto;
	}
}