@charset "utf-8";

/*********************
 window resize 774px
*********************/
@media screen and (max-width: 774px) {

	/*********************
	 sub_top
	*********************/
	#sub_top #top_logo{
		height:45px;
	}

	/*********************
	 menu
	*********************/
	#menu .slideBox li{
		width:calc(100%/2);
	}
	#menu .menulist{
		display: inline-block;
		padding: 40px 20px;
	}
	#menu .menulist li{
		width:100%;
	}

	/*********************
	 shop
	*********************/
	#shop article{
		padding:80px 15px 0;
	}
	#shop article#kids{
		margin-top:60px;
	}
	#shop article .info{
		text-align:left;
	}
	#shop article .info h1{
		margin:0 auto;
	}
	#shop article .photo img {
		width:100%;
		padding:50px 0 0;
	}

	/*********************
	 access
	*********************/
	#access{
		padding:0 15px;
		text-align:center;
	}
	#access div{
		display:block;
	}
	#access .shop {
		width:100%;
	}
	#access .map {
		margin-top:50px;
		max-width:100%;
		padding-top:80%; /* 比率固定 */
	}

	/*********************
	 blog
	*********************/
	#blog .pageNum{
		padding:0 15px 15px;
		display: inline-block;
		width: 100%;
		text-align: center;
	}
	#blog .blogList{
		margin:0;
		padding-left:15px;
	}
	#blog .blogList a{
	width:calc((100% / 2) - 15px);
		margin:15px 15px 35px 0;
	}
	/* ページング */
	#blog .pager{
		margin:30px 0 -30px;
	}
	#blog .pager li{
		border-top:1px solid #bebebe;
		border-bottom:1px solid #bebebe;
		width:50%;
	}
	#blog .pager li a{
		border:0;
		padding:20px 0;
		color: #333;
		text-align:center;
	}
	#blog .pager li a.none{
		color: #dedede;
	}
	#blog .pager li:first-child a{
		margin-right:0;
	}
	#blog .pager li:last-child a{
		margin-left:0;
	}
	#blog .pager li a.none:hover{
		color: #dedede;
		background:#fff;
	}
	#blog .pager li.left a:first-child{
		width:25%;
		border-right:1px solid #bebebe;
	}
	#blog .pager li.right a:last-child{
		width:25%;
		border-left:1px solid #bebebe;
	}
	#blog .pager li.left a:last-child span{
		border-right:1px solid #bebebe;
		width:100%;
		display:block;
	}
	#blog .pager li.left a:last-child,
	#blog .pager li.right a:first-child{
		width:75%;
	}

	/*********************
	 blog_page
	*********************/
	#blog_page .blogTitle{
		display: inline-block;
	}
	#blog_page .blogTitle .time{
		margin-bottom:4px;
	}
	#blog_page .pager div{
		margin:50px 15px 0;
	}
	#blog_page .pager a{
		padding:8px 13px;
		font-size:0.9em;
	}

	/* ページング */
	#blog_page .pager{
		margin:0 0 -30px;
	}
	#blog_page .pager li{
		border-bottom:1px solid #bebebe;
		width:50%;
	}
	#blog_page .pager li:first-child,
	#blog_page .pager li:last-child{
		width:25%;
	}
	#blog_page .pager li a{
		border:0;
		padding:20px 0;
		color: #333;
		text-align:center;
		display:block !important;
	}
	#blog_page .pager li a span{
		border-left:1px solid #bebebe;
		border-right:1px solid #bebebe;
		width:100%;
		display:block;
	}
	#blog_page .pager li a.none{
		color: #dedede;
	}
	#blog_page .pager li a.none:hover{
		color: #dedede;
		background:#fff;
	}
}