@charset 'utf-8';
/*  
Theme Name: BasicPack
Theme URI: http://www.abfactory.ne.jp/
Description: The original theme that to make Web Site that is not blog.
Version: 1.0
Author: ogata
Author URI: http://www.abfactory.ne.jp/
*/

/* YUI */
@import 'reset.css';
@import 'base.css';
@import 'fonts.css';

/* This theme style */
@import 'theme.css?2';

.likebox {
	border:none; overflow:hidden; width:480px; height:395px;
}

.ip_container {
	overflow: hidden;
	position: relative;
	text-align:center;
	padding-top: 23.68421%;
}

.ip_container img {
	vertical-align: bottom;
}

.ip_container > div {
	position: absolute;
	display: none;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

#ip_eagle {
	position: absolute;
	left: 51.42857%;
	top: 2.77778%;
}

#ip_logo {
	-webkit-transform-origin: 50% 20%;
	transform-origin: 50% 20%;
}

#ip_shine {
	margin-left: 0;
	margin-top: -.0142857%;
}

#ip_txt {
	position: absolute;
	left: 32.142857%;
	top: 65.5556%;
}

@media screen and (max-width: 760px) {
	body {
		background: #e6d7c5;
	}
	
	img,
	object {
		max-width: 100%;
		height: auto;
		vertical-align: bottom;
	}
	
	dl {
		clear: both;
		margin-left: 0;
		margin-right: 0;
	}
	
	th,
	td {
		word-break: break-all;
	}
	
	textarea {
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		max-width: 100%;
		width: 100%;
	}
	
	div + br,
	p + br,
	ul + br,
	table + br,
	br.clear {
		display: none;
	}
	
	div#container {
		background: #fff;
		background: url(images/header_back.gif) no-repeat 50% 0, url(images/back.gif) no-repeat 50% 100%, url(images/repeat_back.gif) repeat-y 0 #fff;
		-webkit-background-size: 100% auto;
		background-size: 100% auto;
		width: auto;
		padding: 15px;
	}
	
	h2 {
		margin: 16px 0 10px;
	}
	
	h2:first-child {
		margin-top: 10px;
	}
	
	/*=== Header ===*/
	div#header {
		background: none;
		margin: 0 0 5px;
	}
	
	div#header h1 {
		margin: auto;
		padding: 0;
	}
	
	.home div#header h1 {
		width: 55px;
		height: 138px;
		margin-bottom: 10px;
	}
	
	.home div#header h1 a {
		background-image: url(images/logo_sp.png);
		-webkit-nd-size: 100% auto;
		background-size: 100% auto;
		width: 100%;
		height: 100%;
	}
	
	div#global-nav {
		display: none;
	}
	
	div#description {
		margin: 10px 0;
	}
	
	div#top-flash {
		width: auto;
		height: auto;
	}
	
	/*=== Footer ===*/
	div#footer {
		background: none;
		margin-top: 10px;
		padding-bottom: 0;
	}
	
	div#footer p {
		padding: 0;
	}
	
	/*=== Content ===*/
	div#content {
		background-position: 50% 0;
		-webkit-background-size: 100% auto;
		background-size: 100% auto;
		min-height: 0;
		margin-top: 10px;
		padding: 6.9% 0 0;
	}
	
	.home div#content {
		margin: 0;
		padding: 0;
	}
	
	div#sidebar {
		position: static;
		background: none;
		width: auto;
		text-align: center;
		margin-top: 20px;
		padding: 0;
	}
	
	div#sidebar > ul {
		background: #f8f4ef;
		border: 1px solid #b9aca0;
		border-radius: 6px;
		box-shadow: 0 0 5px #cfc2b4 inset;
		width: auto;
		font-family: "Hiragino Mincho ProN", "Yu Mincho", serif;
		text-align: left;
		padding: 5px 10px;
	}
	
	div#sidebar li {
		position: relative;
		width: auto;
		margin: 2px 0;
		z-index: 0;
	}
	
	div#sidebar li a {
		position: relative;
		background: none;
		color: inherit;
		width: auto;
		height: auto;
		text-indent: 0;
		text-decoration: none;
		text-shadow: 1px 1px rgba(255,255,255,.8);
		padding: 5px;
	}
	
	div#sidebar li a:after {
		position: absolute;
		background: #dbd7d3;
		background: -webkit-linear-gradient(-88deg, #dbd7d3 72%, rgba(219, 215, 211, 0) 76%);
		background: linear-gradient(178deg, #dbd7d3 72%, rgba(219, 215, 211, 0) 76%);
		content: "";
		height: 7px;
		left: 0;
		right: 0;
		bottom: 5px;
		z-index: -1;
	}
	
	div#sidebar li a.active {
		background: none;
	}
	
	div#sidebar li a.active:after {
		background: #baaf9c;
		background: -webkit-linear-gradient(-88deg, #baaf9c 72%, rgba(219, 215, 211, 0) 76%);
		background: linear-gradient(178deg, #baaf9c 72%, rgba(219, 215, 211, 0) 76%);
	}
	
	div#sidebar li a[href="#"] {
		pointer-events: none;
	}
	
	div#sidebar li ul {
		width: auto;
		margin-left: 1em;
	}
	
	div#banner_akazake a {
		margin: auto;
	}
	
	div.go-top {
		text-align: center;
		padding: 0;
	}
	
	div.go-top span {
		display: block;
		border: 1px solid #baaf9c;
		border-width: 1px 0;
		color: #7f6122;
		text-decoration: none;
		padding: 5px 0;
	}
	
	/*=== Home ===*/
	.ip_container {
		padding-top: 25.7142857%;
	}
	
	#ip_eagle {
		width: 41.142857%;
	}
	
	#ip_logo {
		width: 25.7142857%;
	}
	
	#ip_shine {
		width: 28.57142857%;
	}
	
	#ip_txt {
		width: 35.7142857%;
	}
	
	p.feed img {
		vertical-align: middle;
	}
	
	.feed a {
		color: inherit;
		text-decoration: none;
	}
	
	#content.home h2[style],
	.twWTL,
	.fb-page.fb_iframe_widget {
		display: none;
	}
	
	.fb-page.fb_iframe_widget {
		max-width: 100%;
		width: 100%;
	}
	
	/*=== Page ===*/
	#post-611 .img_left {
		float: none;
		height: auto!important;
		text-align: center;
		margin: 0 0 10px;
	}
	
	#image17 {
		display: block;
		float: none!important;
		width: 100px;
		margin: auto;
	}
	
	table.product-list {
		font-size: .75rem;
	}
	
	table.product-list th[class] {
		width: auto;
	}
	
	span.jan {
		display: inline;
		white-space: normal;
		word-break: break-all;
	}
	
	#image13 {
		width: 75px;
	}
	
	#image14 {
		width: 83px;
	}
	
	#image36,
	#image40 {
		vertical-align: baseline;
	}
	
	#post-19 li {
		margin: .5em 0;
	}
	
	.news-list,
	.news-list tbody,
	.news-list tr,
	.news-list th,
	.news-list td,
	form table,
	form tbody,
	form tr,
	form th,
	form td {
		display: block;
		width: auto;
	}
	
	.entry form th {
		width: auto;
		text-align: left;
	}
	
	#content .news-list td {
		padding: 0;
	}
	
	.news-list tr {
		border-bottom: 1px dotted;
		margin: 5px 0;
	}
	
	.product-data td[rowspan] {
		width: 40px;
	}
}