@import url(https://fonts.googleapis.com/css?family=Lato:400,700);
@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);


/* CSS Document */

/*===============
base
=================*/





body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
form,input,p,blockquote,th,td {
margin:0;
padding:0;
}  
img{
border:0;
vertical-align: top;
}

body{
min-width: 320px;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
line-height:1.4;
background:#fff;
}

p{font-size:22px;}
h1{font-size:28px; font-weight:bolder;}
h2, h3, h4{font-size:24px; font-weight:bold;}
h5, h6, h7{font-size:22px; font-weight:bold;}


a:link,
a:visited,
a:active{
color:#333;
text-decoration:none;
}

a:hover{
color:#069;
text-decoration:none;
}

ul,ol{
list-style: none;
}







/* 便利なCSS集 */
.sp_width_50p{width: 50%; height:auto;}
.sp_width_80p{ width:80%; height:auto;}
.sp_width_100p{ width:100%; height:auto;}









/*clearfix*/
.clearfix:after{  
visibility:hidden;/*見えなくする*/ 
height:0;/*見えなくする*/
display: block;/*block要素にする*/
font-size: 0;  
content: " ";  
clear: both;  

}  
* html .clearfix             { zoom: 1; } /* IE6 */  
*:first-child+html .clearfix { zoom: 1; } /* IE7 */




.only_pc{display:none;}
.only_tab{display:none;}
.only_pc_tab{display:none;}

/*==================
contents
====================*/
#wrapper{
width:98%;
margin:0 auto;
}

/*==================
header
====================*/


#logo{ text-align:center;
		background-color:#311C10;}
		

#header_sp{
	background-color:#CCCCCC;
		height:auto;
	overflow:hidden;
	width:100%;
	margin:auto;
	border-bottom: #634A45 5px solid;
	padding:2% 0;
	}

#header_sp img{
	float:left;
	padding-right:1%;
}



#header{
width:100%;
background:none;
}

#header_top{
padding:25px 0;
width:100%;
margin:0 auto;
} 

/*header左側の設定*/
/*グローバルナビゲーション*/

#nav{
width:100%;
margin:0 auto;
}

#nav li{
float:left;
padding-bottom: 20px;
padding-left: 10px;
}


/*==================
トップページ
====================*/

#top_article01,#top_article02{
	margin:30px auto;
	width:100%;
	text-align:center;
}


#top_article01 h2,#top_article02 h2{
	margin:10px 0;
}

#top_article01 p,#top_article02 p{
	margin:10px 0;
}

#top_article01 img,#top_article02 img{
	margin:10px 0;
}


#top_article02{
	background-color:#FEF1F3;
	padding:10px 0;
	}
	 
/*==================
ショップ案内ページここから
====================*/

#shopinfo h1{margin:10px 5px;}

#shopinfo_contents p{
	margin:10px 5px;
	font-size:16px;
	}

#shop_ginga, #shop_amazon{
	text-align:center;
	margin-top:20px;
	}

#shop_ginga img, #shop_amazon img{
	width:90%;
	height:auto;
	}




/*==================
会社概要ページここから
====================*/
#company h1{margin:10px 5px;}

#company_table table{
  margin:10px auto;
  width:100%;
  table-layout:fixed;
  border-collapse: collapse;
   border: solid 1px #999;
   border-top:solid 3px #E72042;
  font-size: 14px;	
	}

#company_table caption{ text-align:right;}

#company_table table th,
#company_table table td {
  border: solid 1px #999 ;
}

#company_table table th {
  background: #F5F5F5;
  text-align: center;
  color: #000;
  font-weight:normal;
  width:20%;
  padding: 10px;
}

#company_table table td{
	font-size:14px;
	letter-spacing:0.2em;
	line-height:20px;
	padding:10px;
    width:80%;
}






/*==================
特定商取引法ページここから
====================*/
#tokushou h1{margin:10px 5px;}

#tokushoucontents p{
	margin:10px 5px;
	font-size:16px;
	}

#tokushou_table table{
  margin:10px auto;
  width:100%;
  table-layout:fixed;
  border-collapse: collapse;
   border: solid 1px #999;
   border-top:solid 3px #999;
  font-size: 14px;	
	}

#tokushou_table table th,
#tokushou_table table td {
  border: solid 1px #999 ;
}

#tokushou_table table th {
  background: #666;
  text-align: center;
  color: #ffffff;
  font-weight:normal;
  width:20%;
  padding: 10px;
}

#tokushou_table table td{
	font-size:14px;
	letter-spacing:0.2em;
	line-height:20px;
	padding:10px;
    width:80%;
}



/*個人情報保護方針ページ　ここから*/
#privacy h1{ margin:10px 0 0 5px;}

#privacycontents{
	width:95%;
	margin:10px auto;
	}

#privacy h2{
	font-size:16px;
	font-weight:bold;
	margin:30px 0 10px 0;
	padding:7px 0 7px 3px;
	background-color:#E6E6E6;
}

#privacy h3{
	font-size:14px;
	font-weight:normal;
	margin:20px 0 0px 0;
	padding:5px 0 5px 3px;
	background-color:#F2F2F2;
}

#privacy p{
	font-size:14px;
	font-weight:normal;
	margin:5px 0 0px 5px;
	line-height:1.3em;
	letter-spacing:0.1em;
}


#privacy li{
	font-size:14px;
	font-weight:normal;
	margin:5px 0 0px 5px;
	line-height:1.3em;
	letter-spacing:0.1em;
}


/*個人情報保護方針ページ　ここまで*/


/*==================
pagetopボタン
====================*/


#pagetop{
	float:right;
	background-color:#666;
	width: 200px;
	height:30px;
	text-align:center;
	border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  
	}

#pagetop a{
	font-size:16px;
	display:block;
	margin-top:5px;
	color: #FFF;
	}


/*==================
footer
====================*/


#footer{
width:100%;
background-color: #E7E7E7;
margin-top:40px;
			height:auto;
	overflow:hidden;
}

#foot_navi{
	margin:10px;
	}

#foot_navi li{
	float:left;
	}

#foot_navi a{
	display:block;
	margin:0 25px 10px 0;
	text-decoration:underline;
	}

address{
padding:15px 15px 4px;
font-size:16px;
}
