@charset "utf-8";
/* --------------------------------------------------
	page Layout
-------------------------------------------------- */
/* TOP
-------------------------------------------------- */
#top-event-title {
	background-image:url(../img/top_img/top-event-title.jpg); 
	background-position: 50% 0%;
	background-repeat:no-repeat;
	height:115px;
	background-size: cover;
	
	background-position: center top \9;
}


#top-shop-title {
	background-image:url(../img/top_img/top-shop-title.jpg); 
	background-position: 50% 0%;
	background-repeat:no-repeat;
	height:182px;
	
	background-position: center top \9;
}


#top-magi-title {
	background-image:url(../img/top_img/top-magi-title.jpg); 
	background-position: 50% 0%;
	background-repeat:no-repeat;
	height:600px;
	width:100%;
	z-index:5;
	background-size: cover;
	
	background-position: center top \9;
}

#top-info-title {
	background-image:url(../img/info_img/info-title.jpg); 
	background-position: 50% 0%;
	background-repeat:no-repeat;
	height:139px;
	background-size: cover;
	background-position: center top \9;
}

#keyaki-title {
	background-image:url(../img/keyaki_img/keyaki-bg.jpg); 
	background-position: 50% 0%;
	background-repeat:no-repeat;
	height:1845px;
	width:100%;
	z-index:5;
	background-size: cover;
	background-position: center top \9;
	display: inline-block;
}

.keyaki-copy{
	width:615px;
	margin:1080px auto 0;
	color:#2c6c6c !important;
	font-size:14px;
	}

#mail-title {
	width:772px;
	z-index:5;
	margin:0 auto;
}

.mail-area {
	width:640px;
	z-index:5;
	margin:20px auto;
}
/* ---
.mail-formarea-l{ float:left; border-right:2px #fofofo solid; display:inline-block; text-align:right;margin-right:15px; width:160px; padding-top:10px;}
.mail-formarea-l p{ margin-bottom:15px;}
.mail-formarea-l p span{ color:#d86c00;}
.mail-formarea-r{ float:right;display:inline-block; padding-left:40px;width:400px;
	background-image:url(../img/mail_img/mail-bg.gif);
	background-repeat:repeat-y;
	padding-top:10px; margin-bottom:20px;}
.mail-formarea-r p{ margin-bottom:15px;}
--- */

.mail-area button{ padding:0 !important; border:none !important; cursor:pointer !important; align-items:baseline ; vertical-align:middle;}




/* --------------------------------------------------
	TOP-event    イベント情報エリア
-------------------------------------------------- */

#top-event-area {
   width:100%;
}


#top-event-main {
   width:990px;
   margin:20px auto;
   position:relative;
}
	

.event-listbox{
	box-shadow:0px 0px 5px #ccc;
	-moz-box-shadow: 1px 2px 3px #000;　/* Firefox用 */
	-webkit-box-shadow: 1px 2px 3px #000;　/* Safari,Google Chrome用 */ 
	border: 1px solid #ddd; 
	padding: 9px;
	float:left;
	width:216px;
	margin:6px;
	background-color:#FFFFFF\9;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa, direction=0, strength=3, enabled=true), progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa, direction=90, strength=3, enabled=true), progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa, direction=180, strength=3, enabled=true), progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa, direction=270, strength=3, enabled=true)\9;/* ie8 */ 
	}


.event-listtitle{
	width:216px;
	padding:12px 0px;
	font-size:14px;
	border-bottom:1px #ddd solid;
	color:#444;
	font-weight:bold;
}

.event-listcopy span{
	font-size:12px;
	line-height:180%;
	color:#8c0000;
}

.event-listcopy{
	width:216px;
	padding:12px 0px;
	color:#444;
}

.back-number{ margin-top:0px; margin-bottom:20px;float:right;}


.info-listtitle{
	width:216px;
	padding:5px 0px;
	font-size:14px;
	color:#444;
}

.info-listcopy span{
	font-size:12px;
	line-height:140%;
	color:#8c0000;
}

.info-listcopy{
	width:216px;
	padding:12px 0px 3px;
	color:#444;
}


/* --------------------------------------------------
	TOP-shop    ショップ情報エリア
-------------------------------------------------- */
/* tab
-------------------------------- */
#wakunaka{ width:100%; position:relative; display:inline-block; background-image:url(../img/top_img/shop-bg.png);background-position: 50% 0%;background-repeat:no-repeat; margin-bottom:30px;}
#tab-container-1{ width:100%;}
 
div#tab-container-1 ul{
	margin:0 auto;
	width:920px;
height:38px;
list-style:none;
}
div#tab-container-1 ul li a{ height:38px; display:block;}
 
div#tab-container-1 ul li.m01{
width:124px;
height:38px;background-image:url(../img/top_img/shop-menu-01.png);
float:left;
}
div#tab-container-1 ul li.m02{
width:184px;
height:38px;background-image:url(../img/top_img/shop-menu-02.png);
float:left;
}
div#tab-container-1 ul li.m03{
width:183px;
height:38px;background-image:url(../img/top_img/shop-menu-03.png);
float:left;
}
div#tab-container-1 ul li.m04{
width:146px;
height:38px;background-image:url(../img/top_img/shop-menu-04.png);
float:left;
}
div#tab-container-1 ul li.m05{
width:133px;
height:38px;background-image:url(../img/top_img/shop-menu-05.png);
float:left;
}
div#tab-container-1 ul li.m06{
width:150px;
height:38px;background-image:url(../img/top_img/shop-menu-06.png);
float:left;
}

div#tab-container-1 ul li.m01 a:hover{
background-image:url(../img/top_img/shop-menu-01_on.png);
}
div#tab-container-1 ul li.m02 a:hover{
background-image:url(../img/top_img/shop-menu-02_on.png);
}
div#tab-container-1 ul li.m03 a:hover{
background-image:url(../img/top_img/shop-menu-03_on.png);
}
div#tab-container-1 ul li.m04 a:hover{
background-image:url(../img/top_img/shop-menu-04_on.png);
}
div#tab-container-1 ul li.m05 a:hover{
background-image:url(../img/top_img/shop-menu-05_on.png);
}
div#tab-container-1 ul li.m06 a:hover{
background-image:url(../img/top_img/shop-menu-06_on.png);
}



div#tab-container-1 ul li.m01.activeli{
background-image:url(../img/top_img/shop-menu-01_on.png);
}
div#tab-container-1 ul li.m02.activeli{
background-image:url(../img/top_img/shop-menu-02_on.png);
}
div#tab-container-1 ul li.m03.activeli{
background-image:url(../img/top_img/shop-menu-03_on.png);
}
 div#tab-container-1 ul li.m04.activeli{
background-image:url(../img/top_img/shop-menu-04_on.png);
}
div#tab-container-1 ul li.m05.activeli{
background-image:url(../img/top_img/shop-menu-05_on.png);
}
div#tab-container-1 ul li.m06.activeli{
background-image:url(../img/top_img/shop-menu-06_on.png);
}

div.tab{
	width:100%;
}

.tab .top-shop-p{
	width:100%;
}
.tab .top-shop-list01{
	width:982px;
	margin:15px auto;
	background-image:url(../img/top_img/shop-list-01-bg.jpg);
	background-position:top;
	background-repeat:no-repeat;
	position:relative;
	padding-top:89px;
	text-align:center;
}

.tab .top-shop-list02{
	width:982px;
	margin:15px auto;
	background-image:url(../img/top_img/shop-list-02-bg.jpg);
	background-position:top;
	background-repeat:no-repeat;
	position:relative;
	padding-top:89px;
	text-align:center;
}

.tab .top-shop-list03{
	width:982px;
	margin:15px auto;
	background-image:url(../img/top_img/shop-list-03-bg.jpg);
	background-position:top;
	background-repeat:no-repeat;
	position:relative;
	padding-top:89px;
	text-align:center;
}

.tab .top-shop-list04{
	width:982px;
	margin:15px auto;
	background-image:url(../img/top_img/shop-list-04-bg.jpg);
	background-position:top;
	background-repeat:no-repeat;
	position:relative;
	padding-top:89px;
	text-align:center;
}

.tab .top-shop-list05{
	width:982px;
	margin:15px auto;
	background-image:url(../img/top_img/shop-list-05-bg.jpg);
	background-position:top;
	background-repeat:no-repeat;
	position:relative;
	padding-top:89px;
	text-align:center;
}

.tab .top-shop-list06{
	width:982px;
	margin:15px auto;
	background-image:url(../img/top_img/shop-list-06-bg.jpg);
	background-position:top;
	background-repeat:no-repeat;
	position:relative;
	padding-top:89px;
	text-align:center;
}



#waku{
/*★absolute;(絶対位置指定)でもrelative;(相対位置指定)でも可。位置指定のしやすい方で。どちらか必須*/
position:relative;/*★ここから以下3行の指定で中央配置*/
margin:10px auto;/*★上下50pxの隙間。左右は自動指定で中央になる。auto以外の数値は好み*/
height:532px;/*★画像の縦幅*/
overflow:hidden;
}
#waku2{
/*★absolute;(絶対位置指定)でもrelative;(相対位置指定)でも可。位置指定のしやすい方で。どちらか必須*/
position:relative;/*★ここから以下3行の指定で中央配置*/
margin:10px auto;/*★上下50pxの隙間。左右は自動指定で中央になる。auto以外の数値は好み*/
height:532px;/*★画像の縦幅*/
overflow:hidden;
}
#waku3{
/*★absolute;(絶対位置指定)でもrelative;(相対位置指定)でも可。位置指定のしやすい方で。どちらか必須*/
position:relative;/*★ここから以下3行の指定で中央配置*/
margin:10px auto;/*★上下50pxの隙間。左右は自動指定で中央になる。auto以外の数値は好み*/
height:532px;/*★画像の縦幅*/
overflow:hidden;
}
#waku4{
/*★absolute;(絶対位置指定)でもrelative;(相対位置指定)でも可。位置指定のしやすい方で。どちらか必須*/
position:relative;/*★ここから以下3行の指定で中央配置*/
margin:10px auto;/*★上下50pxの隙間。左右は自動指定で中央になる。auto以外の数値は好み*/
height:532px;/*★画像の縦幅*/
overflow:hidden;
}
#waku5{
/*★absolute;(絶対位置指定)でもrelative;(相対位置指定)でも可。位置指定のしやすい方で。どちらか必須*/
position:relative;/*★ここから以下3行の指定で中央配置*/
margin:10px auto;/*★上下50pxの隙間。左右は自動指定で中央になる。auto以外の数値は好み*/
height:532px;/*★画像の縦幅*/
overflow:hidden;
}
#waku6{
/*★absolute;(絶対位置指定)でもrelative;(相対位置指定)でも可。位置指定のしやすい方で。どちらか必須*/
position:relative;/*★ここから以下3行の指定で中央配置*/
margin:10px auto;/*★上下50pxの隙間。左右は自動指定で中央になる。auto以外の数値は好み*/
height:532px;/*★画像の縦幅*/
overflow:hidden;
}

#ulArea div{ display:table-cell;}/*★JavaScriptのソース内で#ulAreaにdisplay:tableを指定済み。横並び指定*/
#ulArea2 div{ display:table-cell;}/*★JavaScriptのソース内で#ulAreaにdisplay:tableを指定済み。横並び指定*/
#ulArea3 div{ display:table-cell;}/*★JavaScriptのソース内で#ulAreaにdisplay:tableを指定済み。横並び指定*/
#ulArea4 div{ display:table-cell;}/*★JavaScriptのソース内で#ulAreaにdisplay:tableを指定済み。横並び指定*/
#ulArea5 div{ display:table-cell;}/*★JavaScriptのソース内で#ulAreaにdisplay:tableを指定済み。横並び指定*/
#ulArea6 div{ display:table-cell;}/*★JavaScriptのソース内で#ulAreaにdisplay:tableを指定済み。横並び指定*/


.shop-listbox{
	float:left;
	width:182px;
	margin:1px;
	height:289px;
	text-align:center;
	}
div#tab-container-1 ul li.shop-listbox a{ height:289px; display:block;}

 li.shop-listbox a:hover{
	background-image:url(../img/top_img/shop-listbox-bg.png);
	text-decoration:none;
	}

.shop-listimg{margin:12px auto 7px; display:inline-block;}

.shop-listtitle{
	width:158px;
	padding:4px 0px;
	margin:0 auto;
	font-size:14px;
	border-bottom:1px #ddd solid;
	color:#444;
	text-align:center;
	font-weight:bold;
	letter-spacing:-0.02em;
}

.shop-listcopy{
	width:160px;
	margin:4px auto;
	font-size:12px;
	color:#444;
	text-align:left;
}

/* --------------------------------------------------
	TOP-magi    マギブログエリア
-------------------------------------------------- */
#top-magi-midashi{ width:980px; margin:-40px auto 10px; z-index:10; position:relative;}
#magi-list{ width:980px; margin:0 auto; position:relative;}


.magi-listbox{
	float:left;
	width:317px;
	margin:4px;
	height:360px;
	}


.magi-listtitle{
	font-family:"メイリオ","ＭＳ ゴシック";
	width:317px;
	padding:12px 0px;
	font-size:14px;
	font-weight:bold;
	border-bottom:1px #ddd solid;
	color:#444;
}

.magi-listcopy span{
	font-size:12px;
	line-height:180%;
	color:#444;
}

.magi-listcopy{
	font-family:"メイリオ","ＭＳ ゴシック";
	width:317px;
	padding:12px 0px;
	color:#444;
	font-size:13px;
}


/* --------------------------------------------------
	kiji関連
-------------------------------------------------- */

#kiji-area{ margin:0px; padding:0pa; float:right; width:628px;}
#sub-area{ margin:0px; padding:0pa; float:left; width:360px;}

#kiji-main-photo{ margin-bottom:29px;}
#kiji-tit{ margin-bottom:20px; padding:0 10px 0 0; display:inline-block; border-bottom:1px #bbb solid;width:608px;}
#kiji-tit img{ margin-right:10px;}
#kiji-pagea{ padding:0 10px 0 0;display:inline-block;width:618px; font-size:13px; color:#444;}
#kiji-pagea img{ margin:0px; display:block;}
.shop-st{ line-height:180%;}
#kiji-face-area{width:628px; margin-bottom:20px;}
.sub-banner-area{width:360px; text-align:center;}

#shop-kiji-tit{margin-bottom:20px; padding:0 10px 13px 0;display:inline-block;width:618px; font-family:"メイリオ","ＭＳ ゴシック"; font-size:30px; color:#000;border-bottom:1px #bbb solid;width:608px; text-align:center;}
#shop-kiji-tit span{ font-size:20px;}
#shop-kiji-copy{ margin-bottom:20px; padding:0 10px 0 0;display:inline-block;width:618px; font-family:"メイリオ","ＭＳ ゴシック"; font-size:18px; color:#000; line-height:160%; text-align:center;}


#magi-kiji-tit{ margin-bottom:20px; padding:0 10px 0 0;display:inline-block;width:618px; font-family:"メイリオ","ＭＳ ゴシック"; font-size:30px; color:#000; line-height:160%; border-bottom:1px #bbb solid;width:608px;}
#magi-kiji-tit span{ font-size:14px;}

/* --------------------------------------------------
	kiji subエリア関連
-------------------------------------------------- */

#accordion{
  position:relative;
  width: 318px;
  margin: 0 auto;
  padding: 0;
}
#accordion input{
  position:absolute;
  height: 0;
  padding: 0;
}

#accordion input ul{
	display:none;
}


#accordion div div.subm01{
  position: relative;
  background-image:url(../img/shop_img/shop-sub-bt01.jpg);
  padding:9px 0px;
  margin-bottom:8px;
  text-indent:-9999px;
}

#accordion input:checked + div div.subm01{
  position: relative;
  background-image:url(../img/shop_img/shop-sub-bt01_on.jpg);
  padding:9px 0px;
  text-indent:-9999px;
}

#accordion div div.subm02{
  position: relative;
  background-image:url(../img/shop_img/shop-sub-bt02.jpg);
  padding:9px 0px;
  margin-bottom:8px;
  text-indent:-9999px;
}

#accordion input:checked + div div.subm02{
  position: relative;
  background-image:url(../img/shop_img/shop-sub-bt02_on.jpg);
  padding:9px 0px;
  text-indent:-9999px;
}

#accordion div div.subm03{
  position: relative;
  background-image:url(../img/shop_img/shop-sub-bt03.jpg);
  padding:9px 0px;
  margin-bottom:8px;
  text-indent:-9999px;
}

#accordion input:checked + div div.subm03{
  position: relative;
  background-image:url(../img/shop_img/shop-sub-bt03_on.jpg);
  padding:9px 0px;
  text-indent:-9999px;
}

#accordion div div.subm04{
  position: relative;
  background-image:url(../img/shop_img/shop-sub-bt04.jpg);
  padding:9px 0px;
  margin-bottom:8px;
  text-indent:-9999px;
}

#accordion input:checked + div div.subm04{
  position: relative;
  background-image:url(../img/shop_img/shop-sub-bt04_on.jpg);
  padding:9px 0px;
  text-indent:-9999px;
}

#accordion div div.subm05{
  position: relative;
  background-image:url(../img/shop_img/shop-sub-bt05.jpg);
  padding:9px 0px;
  margin-bottom:8px;
  text-indent:-9999px;
}

#accordion input:checked + div div.subm05{
  position: relative;
  background-image:url(../img/shop_img/shop-sub-bt05_on.jpg);
  padding:9px 0px;
  text-indent:-9999px;
}

#accordion div div.subm06{
  position: relative;
  background-image:url(../img/shop_img/shop-sub-bt06.jpg);
  padding:9px 0px;
  margin-bottom:8px;
  text-indent:-9999px;
}

#accordion input:checked + div div.subm06{
  position: relative;
  background-image:url(../img/shop_img/shop-sub-bt06_on.jpg);
  padding:9px 0px;
  text-indent:-9999px;
}

#accordion label:first-child div div{
  border-top: 0;
}
#accordion label:last-child div div{
  border-bottom: 0;
}
#accordion div div:hover{
  cursor: pointer;
}

#accordion div div:after{}
#accordion input:checked + div div:after{}

#accordion ul{
  list-style: none;
  margin: 0;
}
#accordion ul li a{
  display: inline-block;
  overflow: hidden;
  height: 0;
  padding: 0px;
  color: #333;
  text-decoration: none;
  -moz-transition: .3s;
  -webkit-transition: .3s;
  -o-transition: .3s;
  -ms-transition: .3s;
  transition: .3s;
}

#accordion ul li a:hover{text-decoration: underline;}

#accordion input:checked + div ul li a{
  position:relative;
  background: none;
  height: 85px;
  padding: 0px;
}

#accordion input:checked + div ul li a:before{
  position: absolute;
  top: 16px;
  left: 45px;
  -moz-transition: .3s;
  -webkit-transition: .3s;
  -o-transition: .3s;
  -ms-transition: .3s;
  transition: .3s;
}
#accordion input:checked + div ul li:first-child {}
#accordion input:checked + div ul li:last-child {
	margin-bottom:5px;
}

#shop-kiji-list{ background-image:url(../img/shop_img/shop-sub-bg.jpg);background-repeat: no-repeat; background-position:bottom;padding:10px 24px 20px 21px;}

#event-kiji-list{ background-image:url(../img/event_img/event-sub-bg.jpg);background-repeat: no-repeat; background-position:bottom;padding:0px 24px 0px 21px;}

#magi-kiji-list{ background-image:url(../img/magilog_img/magi-sub-bg.jpg);background-repeat: no-repeat; background-position:bottom;padding:10px 24px 0px 21px;}
#magi-kiji-index{ margin-top:-14px;}

#accordion input:checked + div ul li.kiji-sub-shop{ color:#444 !important; width:308px !important; display:inline-block !important; margin-bottom:7px;}

.kiji-sub-shop{ display:none;}
.kiji-sub-shop-last{ margin-top:10px; padding:10px 0 30px;}
.kiji-sub-shop img{ float:left; margin-right:8px;}
.kiji-sub-shop .tit{font-weight:bold; color:#333 !important; display:inline-block; width:190px; border-bottom:1px #ccc solid;margin-bottom:5px; font-size:14px;}
.kiji-sub-shop a{color:#444; text-decoration:none;}
.kiji-sub-shop a:hover{color:#444; text-decoration: underline;}

.kiji-sub{color:#444 !important;width:308px !important; display:inline-block !important;margin-bottom:15px;}
.kiji-sub-last{ margin-top:0px; padding:0 0 30px;}
.kiji-sub img{ float:left; margin-right:8px;}
.kiji-sub .tit{font-weight:bold; color:#333 !important; display:inline-block; width:190px; border-bottom:1px #ccc solid;margin-bottom:5px; font-size:14px;}
.kiji-sub a{color:#444; text-decoration:none;}
.kiji-sub a:hover{color:#444; text-decoration: underline;}

.sub-face-area{line-height:0 !important;margin:0;}
.sub-face-g-area{line-height:0 !important;margin-bottom:20px; border-bottom:#000 2px solid; border-left:#000 2px solid; border-right:#000 2px solid;}
.sub-banner-area{ line-height:0 !important;}
.sub-banner-area img{margin-bottom:10px;}


/* Add CSS */

.more-link {
	display: none !important;
}

#bgslidearea{ width:100%;}

#bgslidearea div{ margin:0 auto;}

#kiji-pagea a {
	color: #154CEE !important;
	text-decoration: none !important;
}

#kiji-pagea a:hover {
	border-bottom: 1px solid #154CEE !important;
}

.jquery-slider-element a{
	color:#333;}


.wpcf7c-btn-back{ 
border: 0px;
    width: 300px;
    height: 47px;
    background: url(../img/mail_img/mail-back.jpg) left top no-repeat;
	cursor:pointer;}
	
.mail-formarea-l td{ vertical-align:top !important; padding:5px !important;}

.mail-formarea-l p.inp{ margin-left:40px;}

.orengemini{ color:#d86c00 !important;}

.mail-formarea-l{ background-image:url(../img/mail_img/mail-bg.gif); background-repeat:repeat-y;}