@charset "utf-8";
/* -----------------------------------------------------
* サイトの共通部分に適用させるCSS
* create: 2013/06/25 
* author: akasaka

*INDEX
* 1.キーイメージの設定
----------------------------------------------------- */
 /* ----------------------------------------------------------------------------------------------------
 * ▼　1.共通項目の設定
 * --------------------------------------------------------------------------------------------------*/
  /* 640px */
 @media only screen and (min-width:640px) and (max-width:999px){
	 header{
		 height: 60px;
	 }
	 header div.header{
		 width: 640px;
	 }
	 header div.header h1 img{
		 height: 60px;
	 }
	 header div.header nav.global_nav ul li{
		 padding-top: 0;
	 }
	 header div.header nav.global_nav ul li img{
		 width: 110px;
	 }
	 article section.contents{
		 width: 620px;
		 padding: 10px;
		 margin-bottom: 50px;
	 }
 }
 /* 300px */
 @media only screen and (min-width:300px) and (max-width:639px){
	 header{
		 height: auto;
		 overflow: hidden;
	 }
	 header div.header{
		 width: 300px;
	 }
	 header div.header h1{
		 text-align: center;
		 width: 300px;
	 }
	 header div.header h1 img{
		 height: 60px;
	 }
	article section.contents{
		 width: 300px;
		 padding: 10px;
		 margin-bottom: 50px;
	 }
 }
  /* ----------------------------------------------------------------------------------------------------
 * ▼　2.TOPの設定
 * --------------------------------------------------------------------------------------------------*/
  /* 640px */
 @media only screen and (min-width:640px) and (max-width:999px){
	 p.title img{
		 width: 80%;
	 }
 }
 /* 300px */
 @media only screen and (min-width:300px) and (max-width:639px){
	 p.title{
		 top: 50%;
	 }
	 p.title img{
		 width: 80%;
	 }
 }
  /* ----------------------------------------------------------------------------------------------------
 * ▼　3.コンセプトの設定
 * --------------------------------------------------------------------------------------------------*/
 /* 640px */
 @media only screen and (min-width:640px) and (max-width:999px){
	 section#greeting h2{
		 width: 620px;
		 background: url(../images/about/title_left_bg.png) no-repeat left  top , url(../images/about/title_right_bg.png) no-repeat right  top;
	 	 background-size: 46%;
		 padding-top: 15px;
	 }
	 section.contents div.text{
		 width: 380px;
	 }
	 section.contents dl{
	 	width: 620px;
	 }
	 section.contents dl dd{
		 width: 420px;
	 }
 }
  /* 300px */
 @media only screen and (min-width:300px) and (max-width:639px){
	 section#greeting h2{
		 width: 300px;
		 background: url(../images/about/title_left_bg.png) no-repeat left  top , url(../images/about/title_right_bg.png) no-repeat right  top;
	 	 background-size: 40%;
		 padding-top: 0;
	 }
	 section.contents div.text{
		 width: 300px;
	 }
	 section.contents dl{
	 	width: 300px;
	 }
	 section.contents dl dt{
		 width: 300px;
		 margin-bottom: 5px;
		 padding-bottom: 5px;
		 border-bottom: 1px solid #ccc;
	 }
	 section.contents dl dd{
		 width: 300px;
	 }
 }
  /* ----------------------------------------------------------------------------------------------------
 * ▼　4.取扱商品の設定
 * --------------------------------------------------------------------------------------------------*/
 /* 300px */
 @media only screen and (min-width:300px) and (max-width:639px){
	 section.contents div.text dl dt{
		 border-bottom: 0;
	 }
	 section.contents div.text dl dd{
		 width: 200px;
	 }
 }
  /* ----------------------------------------------------------------------------------------------------
 * ▼　5.店舗案内の設定
 * --------------------------------------------------------------------------------------------------*/
 /* 640px */
 @media only screen and (min-width:640px) and (max-width:999px){
	 .g_map{
		  width:620px;
		  height:360px;
	 }
 }
 /* 300px */
 @media only screen and (min-width:300px) and (max-width:639px){
	 .g_map{
		  width:300px;
		  height:220px;
	 }
	 section#access dl dt{
		 border-bottom: 0;
	 }
 }