/* CSS Document */

@import url("reset.css");
@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed);

/*	BASIC
====================================== */

body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small}
select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif}
table{font-size:inherit;font:100%}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

body {
	margin:0;
	padding:0;
	background-color:#FFF;
	color:#000;
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","メイリオ",Meiryo,Verdana,Arial,Helvetica,sans-serif;
	font-size:12px;
	line-height:1.6;
	-webkit-text-size-adjust: 100%;
}

html, body {
    height: 100%;
    position: relative;
    width: 100%;
}
* html body {/* for IE6 */
	font-family:"ＭＳ Ｐゴシック","メイリオ",Meiryo,Verdana,Arial,Helvetica,sans-serif;
	font-size:80%;
}

*:first-child+html body {/* for IE7 */
	font-family:"ＭＳ Ｐゴシック","メイリオ",Meiryo,Verdana,Arial,Helvetica,sans-serif;
	font-size:80%;
	cursor:default;
}

body div {
	text-align: left;
	margin: 0 auto;
}

img {
	vertical-align: top;
}/* 画像のブラウザによる隙間を無くす */


/*	clearfix
====================================== */
img {
	max-width: 100%;
}
table {
	width: 100%;
}
.cf:after {
	content: "."; 
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.cf {
	min-height: 1px;
}
* html .cf {
	height: 1px;
	/*¥*//*/
	height: auto;
	overflow: hidden;
	/**/
}
.both {
	clear: both;
}
.inline_block {  
	display: inline-block;  
	*display: inline;  
	*zoom: 1;  
}

スマホ対応
@media screen and (max-width: 480px){
	
}
@media screen and (max-width: 320px){
	
}

/*	LINK
====================================== */

a:link {
	color: #000;
	text-decoration: underline;
}
a:visited {
	color: #000;
	text-decoration: underline;
}
a:hover {
	color: #666;
	text-decoration: none;
}
a,a:hover {
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}

a img:hover {
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}

/*	TEXT
====================================== */
h1 {
	font-size:143%;/* ※サイトにより変更　例：143%（20px） */
}
h2 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size:215%;/* ※サイトにより変更　例：129%（18px） */
}
h3 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size:186%;/* ※サイトにより変更　例：115%（16px） */
}
.mb10 {
	margin-bottom: 10px;
}
.mb20 {
	margin-bottom: 20px;
}
.mb30 {
	margin-bottom: 30px;
}
.mb40 {
	margin-bottom: 40px;
}
.mb50 {
	margin-bottom: 50px;
}
.mb60 {
	margin-bottom: 60px;
}
.mb70 {
	margin-bottom: 70px;
}
.mb80 {
	margin-bottom: 80px;
}
.mb90 {
	margin-bottom: 90px;
}
.mb100 {
	margin-bottom: 100px;
}
.mt20 {
	margin-top: 20px;
}
.mt30 {
	margin-top: 30px;
}
.mt40 {
	margin-top: 40px;
}
.tc {
	text-align: center;
}
.bold {
	font-weight: bold;
}


/*	Layout
====================================== */
#wrap {
	width: 100%;
}
div#content {
	margin: 0 auto 80px;
	max-width: 1020px;
	padding-top: 150px;
}
div#product_head {
	padding-top: 118px;
}
@media screen and (max-width: 940px){
div#content {
	padding-top: 220px;
}
div#product_head {
	padding-top: 200px;
}
}
@media screen and (max-width: 767px){
div#content {
	padding-top: 120px;
}
div#product_head {
	padding-top: 120px;
}
#product_h2 {
	padding-top: 70px;
}
}

div#content .headline {
	margin: 0 20px 30px;
}
div.lbox {
	padding-bottom: 80px;
	border-bottom: 1px solid #E1E1E1;
	padding-top: 80px;
}
.panel-grid {
	letter-spacing: -0.4em;
}
.panel-grid:before {
    content: "";
    display: inline-block;
}
.panel-grid:after {
    clear: both;
    content: "";
    display: table;
}

.con2box {
	width: 50%;
	vertical-align:top;
	letter-spacing: normal;
	display: inline-block;
	box-sizing: border-box;
	padding: 0 20px 35px;
}
.con2lbox {
	width: 60%;
	vertical-align:top;
	letter-spacing: normal;
	display: inline-block;
	box-sizing: border-box;
	padding: 0 20px 35px;
}
.con2rbox {
	width: 40%;
	vertical-align:top;
	letter-spacing: normal;
	display: inline-block;
	box-sizing: border-box;
	padding: 0 20px 35px;
}
.news2lbox {
	width: 35%;
	vertical-align:top;
	letter-spacing: normal;
	display: inline-block;
	box-sizing: border-box;
	padding: 20px;
}
.news2rbox {
	width: 65%;
	vertical-align:top;
	letter-spacing: normal;
	display: inline-block;
	box-sizing: border-box;
	padding: 20px;
}
@media screen and (max-width: 480px){
.con2box, .con2lbox, .con2rbox, .news2lbox, .news2rbox {
	width: 100%;
}
}
@media screen and (max-width: 480px){
	.news2rbox {
		padding-top: 0px;
	}
}

.con3box {
	width: 33%;
	vertical-align:top;
	letter-spacing: normal;
	display: inline-block;
	box-sizing: border-box;
	padding: 0 20px 35px 20px;
}
@media screen and (max-width: 767px){
.con3box {
	width: 50%;
}
}
@media screen and (max-width: 480px){
.con3box {
	width: 100%;
}
}

.con4box {
	width: 25%;
	vertical-align:top;
	letter-spacing: normal;
	display: inline-block;
	box-sizing: border-box;
	padding: 0 20px 20px;
}
@media screen and (max-width: 480px){
.con4box {
	width: 50%;
}
}

.con5box {
	width: 20%;
	vertical-align:top;
	letter-spacing: normal;
	display: inline-block;
	box-sizing: border-box;
	padding: 0 20px 20px;
}
@media screen and (max-width: 480px){
.con5box {
	width: 33.33%;
}
}

div#achives .con3box {
	font-family: "Roboto Condensed",sans-serif;
	font-size: 119%;
	line-height: 1;
}
div#achives .con3box p {
	margin-top: 15px;	
}
div#achives .con3box p.date {
	font-size: 80%;
	font-family: Arial, Helvetica, sans-serif;
	color: #999;
	margin-top: 5px;
}
div#achives .con3box p.date a {
	text-decoration: none;
	color: #999;
}

.contents div{
	margin-bottom: 32px;
}
.img_left {
	float: left;
	width: 32%;
}
.text_right {
	float: right;
	width: 64%;
}
.img_right {
	float: right;
	width: 32%;
}
.text_left {
	float: left;
	width: 64%;
}
.content2_1 {
	width: 48%;
	float: left;
}
.content2_2 {
	width: 48%;
	float: right;
}
.content4_1 , .content4_2 , .content4_3 , .content4_4 {
	width: 22%;
	float: left;
}
.content4_2 {
	margin-left: 4%;
	margin-right: 4%;
}
.content4_3 {
	margin-right: 4%;
}
.note {
	background: #fcfcfc;
	padding: 8px 16px;
	margin: 16px 0;
}
.note p {
	margin: 0;
	padding: 4px 0;
}

@media screen and (max-width: 767px){
	.contents div{
		width: 100%;
		margin: 0 0 24px;
		float: none;
	}
}

.border {
	border: 1px solid #E1E1E1;
}

/*	Header
====================================== */
#header {
	position: absolute;
	width: 100%;
	text-align: center;
	z-index: 99999;
	padding: 20px 0;
}
#sheader {
	position: absolute;
	width: 100%;
	text-align: center;
	z-index: 99999;
	padding: 20px 0;
}
#sp_header {
	position: absolute;
	width: 100%;
	text-align: center;
	z-index: 99999;

}

#header .header {
	max-width: 1000px;
	margin: 0px auto;
}
#logo {
	display: inline-block;
	vertical-align: top;
	top:0;
	width: 100px;
	height: 80px;
}
#logo a {
	text-indent: -9999px;
	display: block;
	width: 100px;
	height: 76px;
	background-image: url(../common/logo_w.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
header nav {
	display: inline-block;
	margin: 25px 0 0 50px;
}

ul#nav {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 14px;
	display: inline-block;
}
ul#nav li {
	background: url("../common/navi_bar.gif") no-repeat scroll right center rgba(0, 0, 0, 0);
    float: left;
    padding: 0 15px;
}
ul#nav li.cart {
	background-image: none;
 	padding-right: 0px;
}
ul#nav li a {
	color: #FFF;
	text-decoration: none;
}

ul#nav li a:hover{
	color: #FC0;	
}

#header.scroll {
	color: #000;
	position: fixed;
	top: 0;
	left: 0;
	border-bottom: 1px solid #E1E1E1;
	background-color: #FFF;
	padding: 8px 0 12px;
}
#header.scroll .header {
    margin: 0 auto;
    max-width: 980px;
}
#header.scroll #logo {
	width: 82px;
	height: 62px;
}
#header.scroll #logo a {
	background-image: url(../common/logo.png);
	width: 82px;
	height: 62px;
}

#sheader.scroll #logo a {
	background-image: url(../common/logo.png);
	
}
#header.scroll ul#nav li a {
	color: #000;
}
/* ┏2015.03.09 追加-----------*/
#header.scroll ul#nav li a:hover,
body.products #header.scroll ul#nav li.products a,
body.feature #header.scroll ul#nav li.feature a,
body.news #header.scroll ul#nav li.news a,
body.store #header.scroll ul#nav li.store a,
body.dealers #header.scroll ul#nav li.shop a,
body.movie #header.scroll ul#nav li.movie a,
body.about #header.scroll ul#nav li.about a,
body.blog #header.scroll ul#nav li.blog a{
	color: #FC0;
}
/* ┗2015.03.09 追加-----------*/
.box_right {
    float: right;
}

#header #searchbox {
	padding-top: 25px;
	position: relative;
	width: 160px;
}
input {
    outline: 0px none;
}
#header #searchbox .inputSearch {
	color: #666;
	border: 1px solid #eee;
	font-family: "Roboto Condensed", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","メイリオ",Meiryo,Verdana,Arial,Helvetica,sans-serif;
	font-size: 95%;
	padding: 3px;
	width: 150px;
	background-color: rgba(255,255,255,1);
	-webkit-appearance: none;
}
#header.scroll #searchbox .inputSearch {
	color: #666;
}
header #searchbox .btnsearch {
    height: 15px;
    position: absolute;
    right: 15px;
    top: 30px;
    width: 15px;
}

nav#menu li#sp_searchbox {
	position: relative;
	width: 200px;
	border-bottom-style: none;
	margin-top: 20px;
	margin-right: 20px;
	margin-bottom: 0;
	margin-left: 20px;
}

nav#menu li#sp_searchbox .inputSearch {
	color: #FFF;
	border: 1px solid #eee;
	font-family: "Roboto Condensed", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","メイリオ",Meiryo,Verdana,Arial,Helvetica,sans-serif;
	font-size: 95%;
	padding: 3px;
	width: 200px;
	background-color: #FFF;
	-webkit-appearance: none;
}
nav#menu li#sp_searchbox .inputSearch {
	color: #666;
}
nav#menu li#sp_searchbox .btnsearch {
    height: 15px;
    position: absolute;
    right: 6px;
    top: 6px;
    width: 15px;
}
.sp_header {
	font-size: 16px;
	position: fixed;
	text-align: center;
	font-weight: bold;
	color: #fff;
	line-height: 40px;
	box-sizing: border-box;
	width: 100%;
	height: 40px;
	padding: 0 50px;
	z-index: 99999;
	top: 10px;
	left: 10px;
}
.sp_header a {
	background-image: url(../common/sp_menu_w.png);
	display: block;
	width: 40px;
	height: 40px;
	position: absolute;
	top: 0;
	left: 10px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center center;
}
#sheader.scroll .sp_header a {
	background-image: url(../common/sp_menu.png);
}
html.mm-opened .sp_header {
	display:none;
}
html.mm-opened #sp_header #logo {
	display:none;
}

@media screen and (max-width: 940px){
#header .header {
	text-align:center;
}
#header #logo {
	display: block;
}
header nav {
	display: block;
	margin: 10px 0;
}
#header.scroll nav {
	margin: 15px 0;
}
.box_right {
	float:none;
}
#header #searchbox {
	padding-top: 0px;
}
header #searchbox .btnsearch {
	top:5px;
}
}
@media screen and (max-width: 767px){
#pc_header {
	display:none;
}
#logo {
	width: 80px;
	height: 64px;
	position:relative;
	z-index: 999999;
}
#logo a {
	width: 80px;
	height: 64px;
}
}
@media screen and (min-width: 768px){
#sp_header {
	display:none;
}
}

#sub_category {
	width: 100%;
	border-top: solid 1px #E1E1E1;
	padding-top: 10px;
	margin: 8px 0 -2px;
	text-align: center;
}
#sub_category ul {
	width: auto;
	max-width: 980px;
	margin: 0 auto;
	text-align: center;
}
#sub_category ul li {
	font-family: "Roboto Condensed",sans-serif;
	font-size: 100%;
	display: inline-block;
	margin: 0 6px;
}
#sub_category ul li a {
	color: #999;
	text-decoration: none;
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
}
#sub_category ul li a:hover {
	color: #000;
}
#sub_category ul li.current-cat a {
	color: #000;
}

/*	Design
====================================== */
.moreBtn {
	clear: both;
	font-family: "Roboto Condensed",sans-serif;
	font-size: 115%;
	text-align: center;
	width: 300px;
	margin: 50px auto 0;
}
.moreBtn a {
	clear: both;
	cursor: pointer;
	display: block;
	margin: 0 auto;
	padding: 10px 0;
	width: 300px;
	background-attachment: scroll;
	background-color: #ccc;
	background-image: url(../common/view.png);
	background-repeat: no-repeat;
	background-position: 120px center;
	color: #FFF;
	text-decoration: none;
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
}
.moreBtn a:hover {
	background-color: #FC0;
}
.snsGroup {
	text-align: center;
	margin-top: 30px;
}

.Pagetop {
	height: 35px;
	background-color: #eee;
}
.Pagetop a {
	display: block;
	height: 30px;
	background-image: url(../common/pagetop.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.other_title {
	font-family: 'Roboto Condensed', sans-serif;
	text-align: left;
	font-size: 149%;
	border-bottom: 1px solid #E1E1E1;;
	padding-bottom: 10px;
	margin: 80px 20px 40px 20px;
}


/*	Feature
====================================== */
div#feature {
	max-width: 1020px;
	margin: 0 auto;
}

div#index_feature .headline {
	text-align: center;
	margin-bottom:40px;
}
div#index_feature .date {
	font-family: 'Roboto Condensed', sans-serif;
	color:#999;
}
div.feature_box {
	width: 100%;
	height: 380px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	text-align: center;
	position: relative;
	margin:0 auto;
}
@media screen and (max-width: 767px){
div.feature_box {
	height: 240px;
}
}
div.feature_inner {
	font-family: 'Roboto Condensed', sans-serif;
	color: #FFF;
	position: absolute;
	top: 60%;
	left: 50%;
	width: 300px;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	text-align: center;
}
div.feature_inner a {
	display: block;
	color: #FFF;
	text-decoration: none;
}
div.feature_inner a:hover div.feature_tittle {
	background: #FC0;
	border-color: #FC0;
}
div.feature_tittle {
	text-align: center;
	font-size: 160%;
	border: 1px solid #FFF;
	padding: 8px 0;
	margin-bottom: 10px;
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
}
div#index_feature div.viewBtn {
	font-size: 115%;
	display: inline-block;
	background-image: url(../common/view.png);
	background-repeat: no-repeat;
	background-position: left center;
	margin: 15px auto 0;
	padding-left: 10px;
	line-height: 1;
}

div#index_feature .c01 {
	background-image: url(../feature/img/004.jpg);
}
div#index_feature .c02 {
	background-image: url(../feature/img/001.jpg);
}
div#index_feature .c03 {
	background-image: url(../feature/img/002.jpg);
}

@media screen and (max-width: 480px){
div#index_feature .c01 {
	background-image: url(../feature/img/s004.jpg);
}
div#index_feature .c02 {
	background-image: url(../feature/img/s001.jpg);
}
div#index_feature .c03 {
	background-image: url(../feature/img/s002.jpg);
}
}

div#feature_pages {
	margin: 0 20px;
}
div#feature_pages #main_photo {
	margin-bottom: 30px;
}
#feature_title {
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid #e1e1e1;
}
#feature_title .date {
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
	font-size: 90%;
}
#feature_title h3 span {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 55%;
	font-weight: bold;
	margin-left: 10px;
}
div#subhead {
	width: auto;
	max-width: 640px;
	margin: 0 auto 30px 0;
}
div#subhead .title {
	font-size:129%;
	margin-bottom: 10px;
}
#feature_pages .con2box {
	padding: 0;
}
#feature_pages .con3box {
	padding: 0;
}
#feature_pages .con4box {
	padding: 0;
}
#feature_pages .txtbox {
	max-width: 640px;
	width: auto;
	margin: 50px auto;
}
#feature_pages .txtbox .title {
	font-size:129%;
	margin-bottom: 10px;
	font-weight: bold;
}
#feature_pages .wtxtbox {
	width: auto;
	margin: 50px auto;
}
#feature_pages .wtxtbox .title {
	font-size:129%;
	margin-bottom: 10px;
	font-weight: bold;
}
#feature_pages .txtbox .caption {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-weight: bold;
}
#feature_pages .txtbox h4 {
	font-family: 'Roboto Condensed', sans-serif;
	text-align: center;
	font-size: 186%;
	margin: 3px 0 15px;
	line-height: 1;
}
#feature_pages .con2box .txtbox {
	max-width: 490px;
	margin: 30px;
}
#feature_pages .con2box .txtbox .caption {
	text-align: left;
}
#feature_pages .con2box .txtbox h4 {
	text-align: left;
}
.f_lbox {
	border-bottom: solid 1px #CCC;
	margin-top: -80px;
	padding: 130px 0 50px;
}
@media screen and (max-width: 480px){
	.f_lbox {
		margin-top: 0px;
		padding: 50px 0;
}	
}

.f_lbox1 {
	border-bottom: solid 1px #CCC;
	padding: 0 0 50px;
}

#feature_pages h4 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 186%;
	margin: 3px 0 15px;
	line-height: 1;
}
#feature_pages h4 span {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 55%;
	font-weight: bold;
	margin-left: 10px;
}
.f_lbox .ltxtbox {
	width: auto;
	max-width: 640px;
	margin: 0 auto 30px 0;
}
#feature_pages  div.product_list .con3box {
	font-family: "Roboto Condensed",sans-serif;
	font-size: 119%;
	line-height: 1.4;
	text-align: center;
	padding: 0 30px;
	margin-bottom: 60px;
}
#feature_pages  div.product_list .con3box img {
	margin-bottom: 20px;
}
#feature_pages  div.product_list .con3box .itemNo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
}

/*	News
====================================== */
div#news {
	max-width: 1020px;
	margin: 0 auto;
}
div#news .headline {
	margin: 0 20px 30px;
}
div#news h2 {
	float: left;
}
div#news ul.cate {
	font-family: "Roboto Condensed",sans-serif;
	font-size: 115%;
	float: right;
	margin-top: 10px;
}
div#news ul.cate li {
	display: inline;
	color: #000;
	padding: 0 5px;
}
div#news ul.cate li a {
	color: #999;
	text-decoration: none;
}
div#news ul.cate li a:hover {
	color: #000;
}
div#news ul.cate li.current-cat a {
	color: #000;
}
.moreBtn.mt20 {
	margin-top: 20px;
}

@media screen and (max-width: 480px){
	div#news .headline {
		text-align:center;
	}
	div#news h2 {
		float: none;
	}
	div#news ul.cate {
		float: none;
	}
}

#page {
	margin: 0 20px;
	width: 980px;
}
#page_left {
	box-sizing: border-box;
	width: 700px;
	float:left;
}
#page_right {
	float: right;
	box-sizing: border-box;
	width: 220px;
	margin: 10px 0 0 60px;
}
.kiji {
	font-size: 116%;
	padding-bottom: 40px;
	margin-bottom: 80px;
	border-bottom: solid 1px #E1E1E1;
}
.kiji_cate {
	font-family: "Roboto Condensed",sans-serif;
	color: #000;
	font-size: 100%;
}
.kiji strong {
	font-weight: bold;
}
.kiji .t12 {
	font-size: 85%;
}
.kiji .t16 {
	font-size: 114%;
}
.page_title {
	margin-bottom: 30px;
}
.page_title .date {
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
	font-size: 90%;
}
.page_title .date a {
	color: #666;
	text-decoration: none;	
}
.page_title .date a:hover {
	text-decoration: underline;	
}
#page .txtbox {
	margin: 0 0 30px;
}
#page .txtbox p {
	margin: 0 0 20px;
}
#page .snsGroup {
	text-align: left;
	margin-top: 30px;
}
#page .page_subtitle {
	font-family: "Roboto Condensed",sans-serif;
	font-size: 120%;
	border-bottom: solid 1px #E1E1E1;
	margin-bottom: 20px;
	padding-bottom: 10px;
	line-height: 1;
}
#page #recent .con3box {
	width: 100%;
	padding: 0px;
	margin-bottom: 20px;
}

#page .blog_thm {
	float: left;
	width: 30%;
}
#page .blog_txt {
	float: right;
	line-height: 1.4;
	margin-bottom: 10px;
	width: 65%;
	font-size: 90%;
}
#page .blog_txt a {
	text-decoration: none;
	font-weight: bold;
}
#page .blog_txt p {
	margin-bottom: 5px;
}
#page .blog_title {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 100%;
}
#page .date {
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
	font-size: 90%;
}

@media screen and (max-width: 768px){
	#page {
	margin: 0 20px;
	width: auto;
	}
	#page_left, #page_right{
		width: 100%;
		margin: 0 0 40px;
		padding: 0px;
		float: none;
	}
	#page #recent .con3box {
	width: 33%;
	float: left;
	box-sizing: border-box;
	padding: 0px;
	}
}
@media screen and (max-width: 767px){
#page .blog_thm {
	width: 25%;
}
#page .blog_txt {
	width: 70%;
	font-size: 95%;
}
#page #recent .con3box {
	width: 100%;
}
}

#page ul.page_category {
	font-family: 'Roboto Condensed', sans-serif;
	color: #000;
	font-size: 110%;
	padding-bottom: 15px;
}
#page ul.page_category li {
	width: 100%;
	line-height: 1;
	margin-bottom: 10px;
	background-image: url(../common/dott.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 12px;
}
#page ul.page_category li a {
	text-decoration: none;
}

/*	Index Product
====================================== */
div#product_cate {
	width: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	text-align: center;
	position: relative;
	background-image: url(../img/ourproducts.jpg);
	margin: 0 auto;
	padding: 60px 0 25px;
}
div#product_cate_box {
	max-width: 1020px;
	margin: 0 auto;
	text-align: center;
}
div#product_cate .title {
	font-family: 'Roboto Condensed', sans-serif;
	color: #FFF;
	font-size: 215%;
	text-align: center;
	border-bottom: 3px solid #fff;
	display: inline-block;
	margin-bottom: 40px;
}

div#product_cate .s_title {
	font-family: 'Roboto Condensed', sans-serif;
	color: #FFF;
	font-size: 115%;
	margin-bottom: 20px;
	border: 1px solid #FFF;
	line-height: 1;
	padding: 10px;
}
div#product_cate ul {
	font-family: 'Roboto Condensed', sans-serif;
	color: #FFF;
	font-size: 110%;
}
div#product_cate ul li {
	list-style-type: disc;
	list-style-position: inside;
	float: left;
	width: 100%;
	line-height: 2;
}
div#product_cate ul.cate li {
	width: 33.33%;
}
@media screen and (max-width: 768px){
div#product_cate ul.cate li {
	width: 50%;
}
}
@media screen and (max-width: 480px){
div#product_cate ul.cate li {
	width: 33.33%;
}
}
div#product_cate ul li a {
	color: #FFF;
	text-decoration: none;
}

/*	Index Blog
====================================== */
div#index_blog {
	max-width: 1020px;
	margin: 80px auto 45px;
}
div#index_blog .headline {
	margin: 0 20px 30px;
}
div#index_blog .blog_thm {
	float: left;
	width: 30%;
}
div#index_blog .blog_txt {
	float: right;
	line-height: 1.4;
	margin-bottom: 10px;
	width: 65%;
	font-size: 90%;
}
div#index_blog .blog_txt a {
	text-decoration: none;
	font-weight: bold;
}
div#index_blog .blog_txt p {
	margin-bottom: 5px;
}
div#index_blog .blog_title {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 100%;
}
div#index_blog .date {
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
	font-size: 90%;
}
@media screen and (max-width: 767px){
div#index_blog .blog_thm {
	width: 25%;
}
div#index_blog .blog_txt {
	width: 70%;
	font-size: 95%;
}
div#index_blog .con3box {
	width: 100%;
	padding: 0 20px 20px;
}
}

/*	Fotter
====================================== */
div#fotter {
	width: 100%;
	background-position: center center;
	background-size: cover;
	text-align: center;
	position: relative;	
	margin: 0 auto;
	padding: 60px 0 ;
	background-color: #000;
}
div#fotter_box {
	max-width: 1020px;
	margin: 0 auto;
	text-align: center;
	color: #FFF;
	font-size: 95%;
}
div#fotter ul {
	font-family: 'Roboto Condensed', sans-serif;
	margin-bottom: 20px;
	padding-top: 20px;
}
div#fotter ul img {
	height: 20px;
	width: 20px;
}
div#fotter ul li {
	padding: 0 5px;
	display: inline-block;
}
div#fotter ul li a {
	color: #FFF;
	text-decoration: none;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}
div#fotter ul.brand li a {
	color: #666;
	text-decoration: none;
}
div#fotter ul li a:hover {
	color: #FC0;
}
.copyright {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	line-height: 1;
}

/*	Product
====================================== */
#product {
	max-width: 1020px;
	margin: 50px auto 80px;
	text-align: center;
}
div#product .headline {
	margin: 0 20px 30px;
	text-align:center;
}

#product .iNo {
	font-family: 'Roboto Condensed', sans-serif;
	color: #999;
	line-height: 2;
}
#product .price {
	color: #999;
	margin-bottom: 30px;
}
#product .txt {
	max-width: 640px;
	margin-bottom: 30px;
	padding: 0 15px;
}
#product .txt_material {
	max-width: 640px;
/* ┏2015.03.09 追加-----------*/
	margin-bottom:30px;
/* ┗2015.03.09 追加-----------*/
	padding: 0 15px;
	text-align: center;
}
/* ┏2015.03.09 追加-----------*/
#product .txt_attention {
	max-width: 640px;
	padding: 0 15px;
	text-align: center;
}
/* ┗2015.03.09 追加-----------*/
#product h3 {
	text-align: left;
	font-size: 149%;
	border-bottom: 1px solid #E1E1E1;;
	padding-bottom: 10px;
	margin: 80px 20px 40px 20px;	
}
#product_h2 {
	padding-top: 50px;
}
#product_h2 h2 {
	float: left;
}
#product_h2 h2 span {
	font-size: 50%;
	margin: 0 0 0 5px;
	vertical-align: middle;
}
#product_h2 #select_list {
	float: right;
}

#product_h2 #select_list select {
	color: #666666;
	font-size: 100%;
	border: 1px solid #eee;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	text-overflow: "";
	background-color: #FFF;
	background-image: url(../common/select_btn.png);
	background-repeat: no-repeat;
	background-position: 50px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin-top: 7px;
	padding: 3px 30px 3px 5px;
}
#bag_category {
	font-family: 'Roboto Condensed', sans-serif;
	margin: 0 20px 0px 20px;
	display: none;
}
#bag_category li {
	display: block;
	float: left;
	width: 12.5%;
	margin: 0;
	padding: 0;
	line-height:1.8;
}
#bag_category li a {
	display: block;
	background-color: #ccc;
	color: #FFF;
	text-align: center;
	text-decoration: none;
	border: 2px solid #FFF;
}
#bag_category li span {
	display: block;
	background-color: #000;
	color: #FFF;
	text-align: center;
	text-decoration: none;
	border: 2px solid #FFF;
}
#bag_category li a:hover{
	background: #000;
}
#toggle {
	display: none;
}

@media only screen and (max-width: 767px) {
#bag_category {
	display: none;
	margin-right: 0px;
	margin-left: 0px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFF;
}
#bag_category li {
	width: 50%;
}
#bag_category li a {
	padding: 5px 0 5px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-style: none;
	border-bottom-style: none;
}
#bag_category li.current-cat a {
	background-color: #000;
	color: #FFF;
}
#bag_category li span {
	padding: 5px 0 5px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-style: none;
	border-bottom-style: none;
}
#toggle {
	font-family: 'Roboto Condensed', sans-serif;
	display: block;
	position: relative;
	width: 100%;
	background-color: #000;
	background-image: url(../common/toggle_down.png);
	background-repeat: no-repeat;
	background-position: 20px center;
}
#toggle a {
	display: block;
	position: relative;
	padding: 10px 0 10px;
	color:#FFF;
	text-align: center;
	text-decoration: none;
}
#toggle:before {
	display: block;
	position: absolute;
	top: 50%;
	left: 10px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	background: #FFF;
}
#toggle a:before, #toggle a:after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 10px;
	width: 30px;
	height: 6px;
	background: #000;
}
#toggle a:before {
	margin-top:-8px;
}
#toggle a:after {
	margin-top: 3px;
}
}

#product_list {
	max-width: 1020px;
	margin: 60px auto 0 auto;
}
#product #product_list {
	margin-top: 0px;
}
div#product_list .con3box {
	font-family: "Roboto Condensed",sans-serif;
	font-size: 119%;
	line-height: 1;
	text-align: center;
	padding: 0 30px;
	margin-bottom: 60px;
}
div#product_list .con3box img {
	margin-bottom: 20px;
}
div#product_list .con3box .itemNo {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 80%;
	margin-top: 7px;
}
div#product_list .con4box {
	font-family: "Roboto Condensed",sans-serif;
	font-size: 119%;
	line-height: 1.4;
	text-align: center;
	padding: 0 30px;
	margin-bottom: 60px;
}
div#product_list .con4box img {
	margin-bottom: 20px;
}
div#product_list .con4box .itemNo {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 80%;
	margin-top: 7px;
}

.itemCol {
	font-family: "Roboto Condensed",sans-serif;
	text-align: center;
	margin: 20px 0 30px;
}

div#product_list .panel-grid {
	text-align: left;
}
#pager {
    font-family: "Roboto Condensed",sans-serif;
	font-size: 119%;
    width: 100%;
}
#pager ul {
	text-align: center;
}
#pager ul li {
	display: inline-block;
	line-height: 1;
}
#pager ul li span, #pager ul li a {
    background: none repeat scroll 0 0 #ccc;
    display: inline-block;
    margin: 0px 2px 0;
    padding: 8px 12px;
    text-decoration: none;
    vertical-align: middle;
	color: #fff;
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
}
#pager ul li span {
    background: none repeat scroll 0 0 #000;
}
#pager ul li.doted {
    margin: 0;
    vertical-align: bottom;
}
#pager ul li.prev {
    margin: 0px 2px 0 0;
}
#pager ul li.prev a {
	background-image: url(../common/prev.png);
	background-repeat: no-repeat;
	background-position: 12px center;
	padding-left: 25px;
}
#pager ul li.next {
    margin: 0;
}
#pager ul li.next a {
	background-image: url(../common/next.png);
	background-repeat: no-repeat;
	background-position: 54px center;
	padding-right: 25px;
}
#pager ul li a:hover {
	background-color: #000;
}


/*	Shop
====================================== */
div#shop h2 {
	float: left;
}
div#shop h3 {
	font-size: 140%;
	margin-bottom: 20px;
}
div#shop ul.cate {
	font-family: "Roboto Condensed",sans-serif;
	font-size: 115%;
	float: right;
	margin-top: 10px;
}
div#shop ul.cate li {
	display: inline;
	color: #000;
	padding: 0 5px;
}
div#shop ul.cate li a {
	color: #999;
	text-decoration: none;
}
div#shop ul.cate li a:hover {
	color: #000;
}
div.shoplist .con3box {
	font-family: "Roboto Condensed",sans-serif;
	font-size: 119%;
	line-height: 1;
}
div.shoplist .con3box p {
	margin-top: 15px;	
}
div.shoplist .con3box p.date {
	font-size: 80%;
	font-family: Arial, Helvetica, sans-serif;
	color: #999;
	margin-top: 5px;
}
div.shoplist .con3box p.address {
	font-size: 80%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin: 10px 0;
	line-height: 1.6;
}
ul.shoplink {
	margin-top: 10px;
	width: auto;
	font-size: 80%;
}
ul.shoplink li {
	float: left;
	margin-right: 15px;
}
ul.shoplink li a {
	display: block;
	background-repeat: no-repeat;
	background-position: left center;
	text-decoration: none;
	padding-left: 15px;
}
ul.shoplink li a.gm {
	background-image: url(../common/url.png);
}

ul.shoplink li a.tw {
	background-image: url(../common/twitter.png);
}

@media screen and (max-width: 480px){
	div#shop .headline {
		text-align:center;
	}
	div#shop h2 {
		float: none;
	}
	div#shop ul.cate {
		float: none;
	}
}
.dealer {
	margin: 0 20px 50px;
}
.shoplist table {
	max-width: 980px;
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 50px;
	border-bottom: 1px solid #E1E1E1;
}
.shoplist table td, .shoplist table th{
	padding: 5px;
	border-top: 1px solid #E1E1E1;
}
.shoplist table thead th{
	color:#666;
	font-family:Arial, Helvetica, sans-serif;
	border: none;
}
.shoplist table thead th:nth-of-type(3) {
	text-align: right;
}
.shoplist table tbody td:nth-of-type(1) {
	width: 35%;
}
.shoplist table tbody td:nth-of-type(2) {
	width: 50%;
}
.shoplist table tbody td:nth-of-type(3) {
	width: 15%;
	text-align: right;
}

@media screen and (max-width: 480px){
    .shoplist table {
		display: block;
		border-bottom: none;
	}
	.shoplist table thead{
		display: none;
	}
	.shoplist table tbody{
		display: block;
	}
	.shoplist table tbody tr{
		display: block;
		margin-bottom: 15px;
	}
	.shoplist table tbody th, .shoplist table tbody td{
		display:block;
		list-style-type: none;
		border: none;
		padding: 0;
		width: 100%;
	}
	.shoplist table tbody td:nth-of-type(1) {
		margin-bottom: 5px;
		font-weight: bold;
		width: 100%;
	}
	.shoplist table tbody td:nth-of-type(2) {
		width: 100%;
	}
	.shoplist table tbody td:nth-of-type(3) {
		width: 100%;
		border-bottom: 1px solid #E1E1E1;
		padding-bottom: 15px;
		text-align: left;
	}
}
.c6list table {
	max-width: 980px;
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 50px;
	border-bottom: 1px solid #E1E1E1;
}
.c6list table td, .c6list table th{
	padding: 5px;
	border-top: 1px solid #E1E1E1;
}
.c6list table thead th{
	color:#666;
	font-family:Arial, Helvetica, sans-serif;
	border: none;
}
.c6list table thead th:nth-of-type(2) {
	text-align: right;
}
.c6list table tbody td:nth-of-type(1) {
	width: 70%;
}
.c6list table tbody td:nth-of-type(2) {
	width: 30%;
	text-align: right;
}

@media screen and (max-width: 480px){
    .c6list table {
		display: block;
		border-bottom: none;
	}
	.c6list table thead{
		display: none;
	}
	.c6list table tbody{
		display: block;
	}
	.c6list table tbody tr{
		display: block;
		margin-bottom: 15px;
	}
	.c6list table tbody th, .c6list table tbody td{
		display:block;
		list-style-type: none;
		border: none;
		padding: 0;
		width: 100%;
	}
	.c6list table tbody td:nth-of-type(1) {
		margin-bottom: 5px;
		font-weight: bold;
		width: 100%;
	}
	.c6list table tbody td:nth-of-type(2) {
		width: 100%;
		border-bottom: 1px solid #E1E1E1;
		padding-bottom: 15px;
		text-align: left;
	}
}

dl#area {
	width:100%;
}
dl#area dt{
	font-family: "Roboto Condensed",sans-serif;
	font-size: 119%;
	color: #000;
	background-color: #EEE;
	padding: 10px 20px;
    display:block;
    cursor:pointer;
	margin-bottom: 20px;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}
dl#area dt:hover {
	background-color: #000;
	color: #FFF;
}
dl#area dd{
    display:none;
	width:100%;
}

.company_title {
	font-family: 'Roboto Condensed', sans-serif;
	text-align: center;
	font-size: 149%;
	border-bottom: 1px solid #E1E1E1;;
	padding-bottom: 10px;
	width: auto;
	max-width: 640px;
	margin: 80px auto 40px;
}
.recruit_title {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 110%;
	font-weight: bold;
	width: auto;
	max-width: 640px;
	margin: 0 auto 20px;
}
dl.corp_info {
	width: auto;
	margin: 0 auto;
	max-width: 640px;
	padding: 0 10px
}
dl.corp_info dt {
	float: left;
	width: 130px;
	color: #666;
}
dl.corp_info dd {
	padding-left: 130px;
	margin-bottom: 20px;
}
p.noresult {
	margin: 0 20px;
}

/*	404
====================================== */
div#page404 {
	max-width: 1020px;
	margin: 0 auto;
}
div#page404 .txtbox {
	text-align: center;
	max-width: 640px;
	width: auto;
	margin: 50px auto 150px;
	padding: 0 20px;
}
.title_404 {
	font-family: 'Roboto Condensed', sans-serif;
	text-align: center;
	font-size: 500%;
	margin-bottom: 30px;
	line-height: 1.2;
}
.title_404 .cap {
	margin-top: 20px;
	font-size: 50%;
}
.topBtn {
	clear: both;
	font-family: "Roboto Condensed",sans-serif;
	font-size: 115%;
	text-align: center;
	width: 250px;
	margin: 50px auto 0;
}
.topBtn a {
	clear: both;
	cursor: pointer;
	display: block;
	margin: 0 auto;
	padding: 10px 0;
	width: 250px;
	background-attachment: scroll;
	background-color: #ccc;
	background-image: url(../common/view.png);
	background-repeat: no-repeat;
	background-position: 85px center;
	color: #FFF;
	text-decoration: none;
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
}
.topBtn a:hover {
	background-color: #FC0;
}
dl.interview {
	margin-bottom: 20px;
	line-height: 1.8;
}
dl.interview .col {
	color: #036;
}
dl.interview dt {
	float: left;
	width: 2em;
	text-align: right;
}
dl.interview dd {
	margin-left: 2.5em;
	margin-bottom: 15px;
}

.moviebox {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}
.moviebox iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.ectext {
	margin-top: 30px;
	text-align: center;
}
ul.colchip {
	margin-bottom: 20px;
}
ul.colchip li {
	margin-right: 10px;
	float: left;
}
#feature_pages h4.anchor {
	margin-top: -100px;
	padding-top: 100px;
}
@media screen and (max-width: 480px){
	#feature_pages h4.anchor {
		margin-top: 0px;
		padding-top: 50px;
}	
}


table.holiday {
	max-width: 700px;
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 20px;
	font-size: 90%;
	border-top: 1px solid #E1E1E1;
	border-left: 1px solid #E1E1E1;
}
table.holiday td, .shoplist table th{
	padding: 8px 5px;
	border-bottom: 1px solid #E1E1E1;
	border-right: 1px solid #E1E1E1;
}
table.holiday thead th{
	text-align: center;
	padding: 8px 5px;
	font-weight:bold;
	border-bottom: 1px solid #E1E1E1;
	border-right: 1px solid #E1E1E1;
}
table.holiday tbody td:nth-of-type(1) {
	width: 22%;
}
table.holiday tbody td:nth-of-type(2),table.holiday tbody td:nth-of-type(3),table.holiday tbody td:nth-of-type(4),table.holiday tbody td:nth-of-type(5),table.holiday tbody td:nth-of-type(6) {
	width: 13%;
	text-align: center;
}


@media screen and (max-width: 480px){
    table.holiday {
		display: block;
		border: none;
	}
	table.holiday br {
		display: none;
	}
	table.holiday thead{
		display: none;
	}
	table.holiday tbody{
		display: block;
	}
	table.holiday tbody tr{
		display: block;
		margin-bottom: 15px;
	}
	table.holiday tbody th, table.holiday tbody td{
		display:block;
		list-style-type: none;
		border: none;
		padding: 0;
		width: 100%;
	}
	table.holiday tbody td:nth-of-type(1) {
		margin-bottom: 5px;
		font-weight: bold;
		width: 100%;
	}
	table.holiday tbody td:nth-of-type(2),table.holiday tbody td:nth-of-type(3),table.holiday tbody td:nth-of-type(4),table.holiday tbody td:nth-of-type(5),table.holiday tbody td:nth-of-type(6) {
	width: 100%;
	text-align: left;
	}
	table.holiday tbody td:nth-of-type(6) {
		border-bottom: 1px solid #E1E1E1;
		padding-bottom: 15px;
	}
	table.holiday tbody td:nth-of-type(2):before {
		content: "12/31(木)：";
	}
	table.holiday tbody td:nth-of-type(3):before {
		content: "1/1(金)：";
	}
	table.holiday tbody td:nth-of-type(4):before {
		content: "1/2(土)：";
	}
	table.holiday tbody td:nth-of-type(5):before {
		content: "1/3(日)：";
	}
	table.holiday tbody td:nth-of-type(6):before {
		content: "1/4(月)：";
	}
}