@charset "UTF-8";
/* CSS Document */
/*===============================================
●smart.css  画面の横幅が640pxまで
===============================================*/
@media screen and (max-width:640px){

body {
	background: white;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.wrapper{
	margin: 0px auto;
	width: 100%;
}
h2	{
	color: #333;
	font-size: 16px;
	letter-spacing: 3px;
		line-height:120%;
　}
h3	{
	color: #333;
	font-size: 14px;
	letter-spacing: 3px;
		line-height:120%;
　}
p{
	color: #666;
	font-size: 12px;
	line-height:150%;
}

a {
  text-decoration: none;
}
a: link .a:visited {
	color: #999;
}
a: hover {
	color: #aaa;
	text-decoration: underline;
}
img {
  display: block;
  vertical-align: bottom;
}
#top{
	clear:both;
	margin: 20px 0 0 0;
	width:100%;
	}
	#top img{
		display:block;
		margin-left:auto;
		margin-right:auto;
		width:75%;
	}
	/*ナビ------------*/
	.spnav{
	display:block;
	text-align:center;
	max-width:100%;
	}
	
	.spnav ul li {
	float: left;
	width: 28%;
	border-top: 1px solid #eee;
	border-right: 0px solid #ddd;
	border-bottom: 1px solid #eee;
	border-left:0px solid #ddd;
	list-style-type:none;
}
.spnav a{
  color:#000;
}
.spnav h1{
	font-size:18px;
	font-weight:bold;
	line-height:1;
	}
	
.spnav a:hover {
	color: #aaa;
}
	
	
/*ナビ------------*/
.nav  {
	display:none;
}



/*ナビSNS------------*/
.nav_sns  {
	clear:both;
	float:right;
	margin: 10px 30px 20px 0px;
	padding: 0px 0 0 0px;
	background-color: #FFF;
  max-width: 300px;
}
.nav_sns ul{
		display: block;
		margin: 20px 0 0px 0;
		padding: 0 0 0 0;
		list-style-type: none;
}
.nav_sns ul li {
	display: block;
	float: left;
	width: 50px;
	height: auto;
	margin: 0px 10px 0 0;
	border-bottom: none;
	border-right: 0px solid #ddd;
}
.nav_sns ul li a {
  display: block;
	padding: 0px;
}
.nav_sns img{
	width:80%;
}





#slider4 {
	margin-top: 20px;
	margin-bottom:30px;
}


.sentence {
	clear:both;
	margin-top:100px;
}
.img_chiro{
	width:100%;
}
#main{

	width: 55%;
	margin: 20px 20% 0px 20%;
	text-align:left;
	}
	#main p{
		font-size:14px;
	}
	
#sub{

	display: block;
	width: 75%;
	background-color: none;
	margin:0px 10% 0px 10%;
	text-align:left;
	}
	
	#transration{
	
	background-color: #eee;
	padding: 10px 20px 0px 20px;
	border: 1px solid #eee;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	}
	section {
		margin-top:20px;
  margin-bottom: 20px;
}

#item{
	clear:both;
	margin-top:30px;
	max-width:100%;
	}

#item aside {
	width: 100%;
	margin: 0px auto;
}
#item .publicity {
	width: 47%;
	margin-left:2%;
	margin-right: 0%;
}
#item .last {
	margin-right: 0%;
}
#item .publicity img {
	width:100%;
	margin-top:30px;
	margin-bottom: 0px;
}
#item p {
	text-align:left;
	font-size: 12px;
}
#item h2 {
	font-size: 20px;
	color: #fff;
	text-align:center;
}

	
	/*ライトボックス ------------*/
.lightbox-page {
	clear: both;
  margin 0px 0 0 0;
	max-width: 100%;
	text-align:center;
}
.lightbox-page aside {
	width: 100%;
	margin: 0px auto;
}
.lightbox-page .publicity {
	width: 47%;
	margin-left:2%;
	margin-right: 0%;
}
.lightbox-page .last {
	margin-right: 0%;
}
.lightbox-page .publicity img {
	width:98%;
	margin-top:30px;
	margin-bottom: 0px;
}
.lightbox-page p {
	font-size: 8px;
}
/*ギャラリーページ------------*/
.gallery-page {
	clear: both;
  margin 0px 0 0 0;
	max-width: 100%;
	text-align:center;
}
.gallery-page aside {
	width: 100%;
	margin: 0px auto;
}
.gallery-page .publicity {
	width: 47%;
	margin-left:2%;
	margin-right: 0%;
}
.gallery-page .last {
	margin-right: 0%;
}
.gallery-page .publicity img {
	width:98%;
	margin-top:30px;
	margin-bottom: 0px;
}
.gallery-page p {
	font-size: 8px;
}
	
	/*  footer */
#footer {
	clear:both;
 margin-top: 20px;
}
#copyright {
	margin-top:20px;
	padding-top: 20px;
	text-align: center;
	color: #fff;
	background-color: #B3D41F;
}
.anchor_link {
	clear:both;
	z-index: 20000;
	text-align: right;
	position: fixed;
	bottom: 50px;
	right: 0px;
	opacity: 0.7;
}

.anchor_link  img{
　width:100%;
		height:auto;
}
	
	
/* aside */
aside {
	overflow: hidden;
	margin-bottom: 0px;
	width: 960px;
	text-align: center;
	margin-bottom: 0px;
}
aside .asideLogo img {
	width: 23%;
	margin: 0 auto;
}
.publicity {
	float: left;
	width: 23%;
	margin-left:2%;
	margin-right: 7%;
}
.last {
	margin-right: 2%;
}
.publicity img {
	margin-bottom: 0px;
}

.publicity h3 {
	font-size: 14px;
	line-height: 1.2;
	margin-bottom: 6px;
}
.publicity p {
	font-size: 8px;
	line-height: 1.7;
}

}