@charset "UTF-8";

	
/* anim
----------------------------------------------- */
	

.anim{
	-moz-transition: -moz-all 300ms cubic-bezier(.50,.0,.50,1);
    -webkit-transition: -webkit-all 300ms cubic-bezier(.50,.0,.50,1);
    -o-transition: -o-all 300ms cubic-bezier(.50,.0,.50,1);
    -ms-transition: -ms-all 300ms cubic-bezier(.50,.0,.50,1);
    transition: all 300ms cubic-bezier(.50,.0,.50,1);
}


a.btnLink,
header.global #siteMenu li a,
header.global #forEnglish a,
#primary.column-area ul#contentsMenu li a{transition: all 200ms cubic-bezier(.50,.0,.50,1);}


/* class
----------------------------------------------- */



a.btn{ display:block;  text-indent: 200%; white-space: nowrap;overflow: hidden;height:inherit;}


ul.sns{}
ul.sns li{ display:inline-block; margin-right:10px;}

ul.sns li.facebook { width:20px; height:20px;}
ul.sns li.twitter { width:23px; height:20px;}


ul.arrowLink{}
ul.arrowLink li{ position:relative; margin-bottom:10px;}
ul.arrowLink li a{ display:block; padding-left:1.5em; line-height:1.5;}
ul.arrowLink li a:before{
		content:"→";
		display:block;
		position:absolute;
		left:0px;
		top:2px;
}


ul.arrowLink li:last-child{ margin-bottom:0;}


a.btnLink{ position:relative;display:inline-block; padding:10px 30px 10px 40px; background-color:#522500; color:#fff; line-height:1.5; text-decoration:none; white-space:nowrap; margin-bottom:10px;}
a.btnLink:before{ content:'≫'; position:absolute; top:50%; margin-top:-0.6em; left:15px; height:inherit; line-height:1;}
a.btnLink:hover{ background-color:#c00;}



table.info {
	width:100%;
	border-collapse: collapse;
	text-align: left;
	line-height: 1.5;
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	background-color:#fefefe;
}
table.info th {
	width:inherit;
	white-space:nowrap;
	padding: 10px 10px;
	text-align:center;
	
	vertical-align: top;
	background-color:#6f5436;
	color: #fff;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;

}
table.info td {
	width: auto;
	padding: 10px;
	vertical-align: top;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
}



.footerMessage{ clear:both; text-align:right; padding:20px;}


#spMessage{ border-radius: 15px;  padding: 20px; position: fixed; bottom: 30px; left: 20px; z-index: 999999; background: #c00; color: #fff; text-align: center;}
#spMessage h2{ font-weight: bold;}
#spMessage p{ margin: 0;}

/* common
----------------------------------------------- */

header.global{ padding:10px 10px 10px 10px; margin-bottom:30px;background:url(./img/header_bg.png) center top; background-size:contain; position:relative;}

header.global h1#siteLogo{  height:80px; padding:15px; line-height:0;}
header.global h1#siteLogo img{ width:auto; height:50px;}


header.global #mainVisual{ width:100%; padding-top:30%; margin-bottom:10px;}



header.global #siteMenu{ height:auto; overflow:hidden; }
header.global #siteMenu li{ width:calc(16.66%); float:left; border-right:solid 1px #444; text-align:center;}
header.global #siteMenu li:last-child{ width:calc(16.66%) !important; border-right:0 !important;}
header.global #siteMenu li a{ display:block; height:40px; text-decoration:none; font-size:1.2rem; letter-spacing:0em; line-height:40px; background-color:#000; color:#e4c222; }
header.global #siteMenu li a:hover{ background-color:#6c3202;}

	body#top header.global #siteMenu li.home a,
	body#menu header.global #siteMenu li.menu a,
	body#about header.global #siteMenu li.about a,
	body#news header.global #siteMenu li.news a,
	body#faq header.global #siteMenu li.faq a,
	body#live header.global #siteMenu li.live a,
	body#contact header.global #siteMenu li.contact a{ background-color:#a68d19;  color:#000;}
	
	header.global #siteMenu li:first-child{ }
	header.global #siteMenu li:last-child{ }
	
header.global #forEnglish{ position:absolute; top:0; right:10px; display:inline-block; line-height:1; border-radius:0 0 5px 5px; overflow:hidden;}	
header.global #forEnglish a{ display:inline-block;padding:12px 20px; background-color:#522500; color:#e4c222; font-size:0.8rem; text-decoration:none;}
	  header.global #forEnglish a:hover{ background-color:#6c3202;} 
	  
	  
	  
	  
footer#globalFooter{ background:url(./img/header_bg.png) left top no-repeat; background-size:cover; height:auto; padding:50px 15px 50px 15px; line-height:1.5; text-align:center;    min-width: 500px;}

footer#globalFooter a{ color:#fff; text-decoration:none}
footer#globalFooter ul{}

footer#globalFooter ul.link{ font-size:0.8em;}
footer#globalFooter ul.link li{ display:block; margin:0 0 10px 0;}

footer#globalFooter ul.siteLink{ margin-bottom:50px;}
footer#globalFooter ul.siteLink li{ display:inline-block; margin:0 10px;}



footer#globalFooter .copy{ padding-top:20px; font-size:0.8rem;}




#primary.column-area{ }

#primary.column-area ul#contentsMenu{ position:absolute; top:0; left:0; z-index:2; width:210px; padding:10px; }
#primary.column-area ul#contentsMenu li{ margin-bottom:1px;}
#primary.column-area ul#contentsMenu li a{ display:block; text-decoration:none;background-color:#522500;  color:#fff; padding:10px 10px; font-size:0.85em; font-weight:900;}
#primary.column-area ul#contentsMenu li a:hover{ background-color:#c00; color:#fff;}  

#primary.column-area .globalInner{ padding:0px 0px 0px 210px; position:relative;}
#primary.column-area .globalInner:nth-of-type(1){ min-height:400px;}

#primary.column-area .globalInner section{  min-height:200px; margin-bottom:0px; background-color:#fff; color:#000; padding:20px; overflow:hidden}


#primary section div.inner{ padding:0 1em;}

#primary article{ padding:20px;  margin-bottom:1px; background:url(./img/patterns2.png); color:#000; overflow:hidden; line-height:1.5;}

#primary article h2{ font-size:1.3rem; margin:0 0 10px 0 ; font-weight:900;    background-color: #6f5436; padding:5px 15px; color:#fff;}




#primary section .menuListSet{ float:left;   width: calc((100% - 40px) / 2); margin:10px;}


#primary section .menuListSetFull,
#primary section .contentsAreaSetFull{ float:none; clear:both;  width: calc((100% - 0px)); margin:0px 0px 20px 0px; border-bottom:solid 1px #ccc; padding-bottom:0px; overflow:hidden;}

#primary section:last-child .menuListSetFull:last-child,
#primary section:last-child .contentsAreaSetFull:last-child{ border-bottom:0 !important;}

#primary section .menuListSetFull h2,
#primary section .contentsAreaSetFull h2{ font-size:2.0rem; font-weight:900;margin:0 0px 5px 0px; padding-top:20px;}

#primary section h2 small{ font-size:0.8rem; display:block; line-height:1.2; padding:0px 0px 10px 0px; color:#999; text-align:right;}

#primary section .menuListSetFull .read,
#primary section .contentsAreaSetFull .read{ margin:0 10px 20px 10px;}
#primary section .menuList,
#primary section .contentsArea,{ margin-bottom:20px;}



#primary section .menuList table{ width: 100%; }
#primary section .menuList table caption{ background-color:#6f5436; padding:0.75em 1em; margin-bottom:10px; color:#fff; line-height:1; text-align:left;}

#primary section .menuList table tr td{ padding:0 10px;}
#primary section .menuList table tr td.space{ padding-bottom:20px;}

#primary section .menuList table tr td:nth-of-type(2){ width:auto; text-align:right; white-space:nowrap;}

#primary section .menuList .with{ font-size:0.85em;}



#primary section ul{ list-style:disc; padding-left:1.5em; margin-bottom:2em;}
#primary section ul li{ margin-bottom:0.5em;}


/* top
----------------------------------------------- */
body#top header.global #mainVisual{ background:url(./img/mainvisual/mainvisual_news2.jpg) center center no-repeat; background-size:cover;}
/* body#top header.global #mainVisual{ background:url(./img/mainvisual/mainvisual_home4.jpg) center center no-repeat; background-size:cover;} */

body#top #subVisual{ height:150px; margin-bottom:10px;}
body#top #subVisual ul{ overflow:hidden; list-style:none; padding:0;}
body#top #subVisual ul li{ float:left; width:calc(25% - 1px) !important; height:150px; margin-right:1px;background-color:#ccc;}
body#top #subVisual ul li:last-child{ width:25% !important; margin-right:0 !important; }

body#top #subVisual ul li:nth-of-type(1){ width:calc(13% - 1px) !important; background:url(./img/top/subvisual_top_1.jpg) center center no-repeat; background-size:cover;}
body#top #subVisual ul li:nth-of-type(2){ width:calc(25% - 1px) !important; background:url(./img/top/subvisual_top_2.jpg) top center no-repeat; background-size:cover;}
body#top #subVisual ul li:nth-of-type(3){ width:calc(25% - 1px) !important; background:url(./img/top/subvisual_top_3.jpg) center center no-repeat; background-size:cover;}
body#top #subVisual ul li:nth-of-type(4){ width:calc(12% - 1px) !important; background:url(./img/top/subvisual_top_4.jpg) center center no-repeat; background-size:cover;}
body#top #subVisual ul li:nth-of-type(5){ width:calc(25%) !important; background:url(./img/top/subvisual_top_5.jpg) center center no-repeat; background-size:cover;}

body#top #primary  h2.read{ padding:0; background-color:transparent; font-weight:700; font-size:1rem; line-height:2; margin-bottom:2em; color:#5B3A00;}


body#top  .harfLeft{  width: calc(50% - 1px); margin-right:1px; float:left;}
body#top  .harfRight{  width:  calc(50% - 1px); float:right;}

body#top #primary .time{ font-size:1.2em; line-height:1.8;}

body#top #primary .basic{ display:inline-block; border-top:dotted 0px #666; padding-top:3px;}

body#top #primary .push{ font-size:1.4em;}
body#top #primary .meyasu{ font-size:0.8em; font-weight:500; display:inline-block; padding-top:20px;}

body#top #primary p.access{ margin-bottom:5px; padding-top:5px; font-size:1.2em; }
body#top #primary p.onfoot{ margin-bottom:10px; padding-top:5px; font-size:0.9em; }




#instagramArea { padding-top:100px;}
#instagramArea h3{ text-align: center; color: #522500; border-bottom: solid 1px #522500; padding-bottom: 3px; margin-bottom: 20px; font-size: 1.3em;font-weight: 700;}
#instagramArea p.read{ text-align: center; color: #522500; font-weight: 500;}
#instagramArea .photoWrap{  width:90%; max-width:970px; position:relative;margin:0 auto 83px auto;}
#instagramArea .photoWrap .photoSet{ width:100%;  overflow:hidden; margin:0; position:relative;}
#instagramArea .photoWrap .photoSet .item{ width:auto; border:solid 1px #522500; margin:0 20px; display:inline-block;}
#instagramArea .photoWrap .photoSet .item a{ display:block; position: relative;}
#instagramArea .photoWrap .photoSet .item a:before{ content:''; display:block; width:100%; padding-top:100%;}
#instagramArea .photoWrap .photoSet .item a:after{ content:'+Click'; display:inline-block; line-height: 1; font-size: 12px; padding: 4px 8px; position: absolute; bottom:10px; right: 10px; background-color:#522500; color: #fff; border: solid 1px #c2894b;}

#instagramArea .photoWrap .photoSet .item img{ width:100%;  height:0;height:auto; display:none;}


/* about
----------------------------------------------- */
body#about header.global #mainVisual{ background:url(./img/photo/20170604_181555_m.jpg) center center no-repeat !important; background-size:cover !important;}

body#about .rinen{ font-size:1.6rem; font-family:Verdana, Geneva, sans-serif; border-bottom:dotted 1px #666; margin-bottom:2em;}
body#about .rinen .phrase{ font-size:1.3em; display:inline-block; margin-bottom:1em;}
body#about .rinen p{ line-height:1.2; margin-bottom:1em;}
body#about .rinen p:last-child{ display:inline-block; padding-top:1em;font-size:1.4rem; }


body#about .prologue{ font-size:1.1em; padding:0px 0 40px 0; line-height:2;}

body#about .meyasu{ font-size:0.8em; padding:10px 0 10px 0;}




/* menu
----------------------------------------------- */
body#menu header.global #mainVisual{ background:url(./img/mainvisual/mainvisual_about.jpg) center center no-repeat !important; background-size:cover !important;}


body#menu #primary section .menuListSet{letter-spacing:0; }
body#menu #primary section .menuListSet:nth-child(even){  width: calc((100% - 20px) / 2); margin:0px 10px 20px 0px !important;}
body#menu #primary section .menuListSet:nth-child(odd){  width: calc((100% - 20px) / 2); margin:0px 0px 20px 10px !important;}


body#menu #primary section .menuList{ margin-bottom:2em;}


body#menu .option{ line-height:1.4; padding:30px 10px 10px 10px;}
body#menu .option dl{ margin-bottom:0; text-align:center;}
body#menu .option dl dt{ background-color:#c2894b; color:#fff;border-radius:10px; line-height:1.5; padding:5px 10px; display:block;}
body#menu .option dl dd{ padding-top:5px; margin-bottom:15px; color:#666;}


/* news
----------------------------------------------- */
body#news header.global #mainVisual{ background:url(./img/mainvisual/mainvisual_home4.jpg) center center no-repeat !important; background-size:cover !important;}


body#news #primary section h2{ font-size:2.2rem; font-variant:bold;margin:0 0px 20px 0px; padding-top:10px;}

body#news #primary section dl{ padding-bottom:50px; margin-bottom:50px; border-bottom:solid 1px #ccc;}
body#news #primary section dl dt{ padding-top:20px;}
body#news #primary section dl dd{ margin-bottom:1.5em; padding-left:2em; position:relative; line-height:1.5;}
body#news #primary section dl dd:before{ content:'・'; display:inline-block; position:absolute; top:0em; left:1em;}
body#news #primary section dl dd img{ margin-bottom:10px;}

/* faq
----------------------------------------------- */
body#faq header.global #mainVisual{ background:url(./img/mainvisual/mainvisual_menu.jpg) center center no-repeat !important; background-size:cover !important;}

body#faq .contentsArea h3{ background-color:#6f5436; padding:5px 10px; margin-bottom:10px; color:#fff; line-height:1.5; text-align:left;}
body#faq .contentsArea p{ padding:0 10px; line-height:1.5;}


/* contact
----------------------------------------------- */
body#contact header.global #mainVisual{ display:none;}



/* policy
----------------------------------------------- */
body#privacy_policy header.global #mainVisual{display:none;}

body#privacy_policy article.contents h3{ font-weight:900; font-size:1.3em; margin-bottom:5px;}



/* live
----------------------------------------------- */
body#live header.global #mainVisual{ background:url(./img/mainvisual/mainvisual_faq.jpg) center center no-repeat !important; background-size:cover !important;}

body#live #subVisual{ height:150px; margin-bottom:10px;}
body#live #subVisual ul{ overflow:hidden; list-style:none; padding:0;}
body#live #subVisual ul li{ float:left; width:calc(25% - 1px) !important; height:150px; margin-right:1px;background-color:#ccc;}
body#live #subVisual ul li:last-child{ width:25% !important; margin-right:0 !important; }

body#live #subVisual ul li:nth-of-type(1){ width:calc(13% - 1px) !important; background:url(./img/live/subvisual_live_1.jpg) center center no-repeat; background-size:cover;}
body#live #subVisual ul li:nth-of-type(2){ width:calc(25% - 1px) !important; background:url(./img/live/subvisual_live_2.jpg) center right no-repeat; background-size:cover;}
body#live #subVisual ul li:nth-of-type(3){ width:calc(25% - 1px) !important; background:url(./img/live/subvisual_live_3.jpg) center left no-repeat; background-size:cover;}
body#live #subVisual ul li:nth-of-type(4){ width:calc(25%) !important; background:url(./img/live/subvisual_live_4.jpg) center right no-repeat; background-size:cover;}
body#live #subVisual ul li:nth-of-type(5){ width:calc(12% - 1px) !important; background:url(./img/live/subvisual_live_5.jpg) center right no-repeat; background-size:cover;}



body#live .contents article.entry{ border-bottom:solid 1px #000;border-radius:0px;  margin-bottom:40px;}
body#live .contents article.entry:last-child{ border-bottom:0;}

body#live .contents article.entry h3{ font-size:1.4em; font-weight:900; color:#fff; background-color:#000; display:inline-block; padding:5px 20px; border-radius:5px; margin-bottom:10px;}

body#live .contents article.entry strong{ font-size:1.4em; font-weight:900;}

/* for english
----------------------------------------------- */
body#en header.global #mainVisual{ display:none;}


body#en dl.openTime{
    text-align: left;
    width: 330px;
    display: grid;
	grid-template-columns: 110px 1fr;
	grid-auto-rows: auto;
	grid-gap: 10px;
	padding: 0;
	margin:0 auto 2em auto;
    
}
body#en dl.openTime dt{ text-align: right;}
body#en dl.openTime dd{}
 
body#en .maybe{ margin-bottom:3em;}

#primary,
a.btnLink,
header.global #mainVisual,
#subVisual,
header.global #siteMenu,
#primary article,
#primary article h2,
#primary.column-area .globalInner section,
#primary section .menuList table caption{ border-radius:5px; overflow:hidden;}

#primary.column-area ul#contentsMenu li,
body#faq .contentsArea h3 {border-radius:3px; overflow:hidden;}

header.global{ border-radius:0px 0px 5px 5px; overflow:hidden;}

footer#globalFooter{ border-radius:5px 5px 0px 0px; overflow:hidden;}



#menuDL{ background: #000; width: 120px; height: 120px; border-radius: 50%; overflow: hidden; position: fixed; bottom:20px; right:20px; z-index: 500;
	box-shadow:0px 3px 7px 1px #522500;
}
.touchDevice #menuDL{ width: 200px; height: 200px; }

#menuDL:hover{background: #111; }

#menuDL a{
	width: 100%; height: 100%;
		display: grid;
	padding: 0;
	margin: 0;
	align-content: center;
	text-align: center;
	color: #fff !important;
	text-decoration: none;
	
}

#menuDL h3{ font-size: 1.4rem; font-weight: 900;margin: 0 0 5px 0; color: #a68d19;}
#menuDL p{ font-size: 0.7rem; margin: 0 0 3px 0;}


.menuImage{ text-align: center; margin-bottom: 20px;}
.menuImage img{ width: 100%; height: auto;}



.attention{ padding:1em; background:rgba(255,255,255,0.3); color:#369; font-size: 0.8em; border:solid 2px #369;  margin-bottom: 2em;}