/*
Theme Name: upix Theme
Theme URI: http://ccupix.net/wp/wp-content/themes/upix
Author: UPIX CO,.LTD
Author URI: http://ccupix.net/
Description: This is UPIX CO,.LTD theme.
Version: 1.0
*/

@charset "utf-8";

/***************************************ページベース設定***************************************/
/*テーブル設定*/
td {
	width: auto;
	padding: 2px;
}
th {
	width: 100px;
	padding: 2px;
}
th.shorter {
	width: 3em;
}

/*幅設定*/
.wl {
	width: 96%;
}
.ws {
	width: 96%;
}
.wm {
	width: 96%;
}
/*サイトロゴ*/
header h1 {
	line-height: 55px;
	padding-top: 5px;
}

header h1 img {
	width: 80%;
	height: 80%;
	margin: 0;
	padding: 0;
}

/*コンテナ*/
#container {
	width: auto;
	margin-right: 6px;
	margin-left: 6px;
}

/*表示・非表示設定*/
#sdisp {
	display: inline;
}

#pcdisp {
	display: none;
}

header nav {
	display: none;
}

/*メニューブロック設定*/
.fixmenu {
	position: fixed;
	top: 10px;
	right: 10px;
	z-index: 999;
}

header label {
	background-color: #006F90;
	border-radius: 6px 6px 0 0;
	font-size: 130%;
	color: #FFF;
	padding: 3px 0px 3px 15px;
	clear: both;
	margin-top: 0;
	margin-left: 5px;
	margin-right: 5px;
    display: block;
}

header nav ul {
    height: auto;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 0.5em;
}
/*各メニュー設定*/
header nav ul li {
	float: none;
	border-right: 0;
	text-align: center;
	background-color: #FFF;
}
header nav ul li a {
	line-height: 30px;
	color: #666;
	text-decoration: none;
	display: block;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
}
header nav ul li a:hover {
	background-color: #006F90;
	color: #FFF;
}
header nav ul li.focus {
	background-color: #fff9cc;
	color: #FFF;
}

/*スマホメニュー設定*/
#my-menu ul {
	font-size: 130%;
	background-color: #FFF;
	color: #666;
	text-indent: 1em;
}
#my-menu ul li {
	background-color: #FFF;
	color: #666;
	line-height: 2;
}
#my-menu ul li a {
	background-color: #666;
	color: #FFF;
	line-height: 2;
}

/*メイン・サブコンテンツ*/
#main, #sub {
	float: none;
	width: auto;
}

#main img.wa {
	width: 100%;
	height: auto;
}

#sub h1 {
	padding: 10px 0px;
}

#sub ul li a {
	padding-top: 10px;
	padding-bottom: 10px;
}

/***************************************各ページの設定***************************************/
/*トップページのメイン画像*/
#mainimg img {
	width: 100%;
	height: auto;
}
/*トップページのユピックスについて画像*/
.aboutupix {
/*	float: none;
	text-align: center;*/
	height: 250px;
}

/*トップページのWhat'sNEW*/
.whatnew dl {
	padding-left: 0px;
}

.whatnew dd {
	border-bottom: 1px solid #d2d2d2;
	padding-left: 0;
}

.whatnew dt {
	float: none;
	width: auto;
}

input[type="checkbox"].on-off + dl{
	height: 0;
	overflow: hidden;
}

input[type="checkbox"].on-off:checked + dl{
    height: 200px;
    overflow: auto;
}

/*商品紹介ページの画像*/
#main section img {
	width: 96%;
	height: auto;
}