@charset "UTF-8";

html.touchDevice,
.touchDevice body{ font-size:24px; font-family:Verdana, 'Noto Sans Japanese', sans-serif;}

.onlyPC{ display:inline-block;}
.onlySP{ display:none;}

.touchDevice .onlyPC{ display:none;}
.touchDevice .onlySP{ display:inline-block;}


.touchDevice header.global #siteMenu li a{ height:80px; line-height:80px;}

@media screen and (max-width: 1000px) {
	
	html,
	body{ }
	
	body#top #main{}
	

	
	
	
	
	footer#globalFooter ul.link li{ margin-bottom:2em;}
	
	footer#globalFooter ul.siteLink li{ padding:0 40px;}

	
}



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

	html.touchDevice,
	.touchDevice body{ letter-spacing:-0.03em;}

	
	
	
	body#top  .harfLeft{  width: 100%; margin-right:0px; margin-bottom:20px; float:none;}
	body#top  .harfRight{  width:  100%; float:none;}


	header.global #siteMenu{ height:auto; overflow:hidden; font-family:Verdana, 'Noto Sans Japanese', sans-serif;}
	header.global #siteMenu li{ width:calc(33.333%);}
	header.global #siteMenu li:last-child{ width:calc(33.333%) !important;}
	header.global #siteMenu li:nth-child(3n){ border-right:0 !important;}
	
	header.global #siteMenu li:nth-of-type(1),
	header.global #siteMenu li:nth-of-type(2),
	header.global #siteMenu li:nth-of-type(3){ border-bottom:solid 1px #444 !important;}
	
	header.global #siteMenu li a{ height:80px; line-height:80px; font-size:1.4rem;}
	
	

	#primary.column-area ul#contentsMenu{ position:relative; top:0; left:0; z-index:2; width:100%; padding:0px; overflow:hidden; margin-bottom:10px;}
	#primary.column-area ul#contentsMenu li{  width:calc(50% - 1px) !important; height:auto; margin-right:1px; float:left; text-align:center;}
	#primary.column-area ul#contentsMenu li a{ display:block; padding:10px 5px; line-height:1.8; font-size:0.85em; font-weight:900; text-align:center !important;}
	#primary.column-area ul#contentsMenu li a:hover{ background-color:#522500;}  
	
	#primary.column-area ul#contentsMenu li a .coffee{ }
	
	#primary.column-area ul#contentsMenu li a > div{ display:inline-block; text-align:center; margin:auto !important; padding:auto; height:auto; vertical-align:middle; white-space:nowrap;}
	
	
	body#faq #primary.column-area ul#contentsMenu li{width:calc(50% - 1px) !important; }
		
	#primary.column-area .globalInner{ padding:0px 0px 0px 0px; position:relative; z-index:1;}
	
	
	#primary section .menuListSet{ float:none;   width: 100% !important; margin:0px 0px 20px 0px !important;}
	body#menu #primary section .menuListSet:nth-child(odd),
	body#menu #primary section .menuListSet:nth-child(even){ margin:0px 0px 20px 0px !important;}
	
	
	#primary section .menuListSetFull h2,
	#primary section .contentsAreaSetFull h2{ font-size:1.5rem;}

	#primary section .menuList { margin-bottom:20px;}
	
	
	
	body#top #primary  h2.read{ line-height:1.4;}
	body#about .prologue{font-size:0.9em;  line-height:1.4;}
	
	

}













@media (max-width: 767px) {
   /* (E)スマートフォン以下専用スタイル */
      ：　：　：
}
@media (min-width: 768px) and (max-width: 959px) {
   /* (F)タブレット専用スタイル */
      ：　：　：
}
@media (min-width: 960px) and (max-width: 1280px) {
   /* (G)狭いPC専用(＆横置きタブレット)スタイル */
      ：　：　：
}
@media (min-width: 1281px) {
   /* (H)広いPC以上専用スタイル */
      ：　：　：
}









@media (max-width: 959px) {
   /* (E)スマートフォン以下専用スタイル */
   
  
	
	
	
}

@media (min-width: 960px) and (max-width: 1280px) {
   /* (G)狭いPC専用(＆横置きタブレット)スタイル */
      ：　：　：
}
@media (min-width: 1281px) {
   /* (H)広いPC以上専用スタイル */
      ：　：　：
}