@charset "utf-8";
/*
Theme Name: JetB_press_12
Description:テーマです
Author: Jet-B
*/
/*リセット
====================*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
table-layout:auto;
list-style-type: none;
table-layout:auto;
vertical-align: bottom;
-webkit-text-size-adjust: 100%;
}

div, article, aside, details, figcaption, figure, ul, li, footer, header, main, menu, nav, section {
display:block;
margin:0;
padding:0;
box-sizing:border-box;
}
.cf { *zoom: 1; }
.cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both; }

#tinymce{/*投稿記事編集の背景*/
background:#fff;
min-width: 100%;
color:#000;
}
/* Alignments */
.alignleft {display: inline; float: left; margin:5px 20px 20px 0px ;}
.alignright {display: inline; float: right; margin:5px 0px 20px 20px ;}
.aligncenter {display: block; margin-right: auto; margin-left: auto;}
/*hr 設定
====================*/
hr{
background-color: #000;
border: 0;
height: 1px;
margin-bottom: 1.5em;
}
/*その他
====================*/
blockquote{
position: relative; margin: 0 1em 1.5em; padding: 1em;
border: 3px solid #d7d7d7; background-color: #e0e0e0; z-index: 1;
}
blockquote p{
position: relative; z-index: 3;
}
blockquote:before{
content: "“"; font-size: 1000%; line-height: 0.8em;
font-family:"Roboto Slab" , Garamond , "Times New Roman" , serif;
color: #F0F0F0; position: absolute; left: 0; top: 0; z-index: 2;
}
blockquote:after{
content: "”"; font-size: 1000%; line-height: 0em;
font-family:"Roboto Slab" , Garamond , "Times New Roman" , serif;
color: #F0F0F0; position: absolute; right: 0; bottom: 0; z-index: 2;
}
/*全体
====================*/
body {
	min-width: 1200px;
	-webkit-transition:0.6s;
	transition:0.6s;
	font-family:"Noto Sans Japanese", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "Meiryo UI", "メイリオ", "Meiryo", sans-serif;
	font-size: 12px;
	line-height:1.6;
	word-wrap:break-word;
	text-align:left;
	color:#141414;
	background:url(img/bg.jpg);
}
body:not(.custom-background-image):before, body:not(.custom-background-image):after {display:none;}
/*見出しサイズ
====================*/
h1{font-size:20px; font-weight: normal;}
h2{font-size:18px; font-weight: normal;}
h3{font-size:16px; font-weight: normal;}
h4{font-size:14px; font-weight: normal;}
h5{font-size:12px; font-weight: normal;}
h6{font-size:10px; font-weight: normal;}
p {font-size:14px; font-weight: normal;}
/*リンク
====================*/
a{text-decoration:none; color:#141414; }
a:hover{opacity:0.8; }
a:active{}
a:visited{}

/*内枠
====================*/
.inner{
	position:relative;
	width:960px;
	margin:0px auto;
}

/*ページトップ
====================*/
#scroll-to-top {
    background: url(img/pt.png) no-repeat center center !important;
    width: 81px !important;
    height: 116px !important;
    right: 0px !important;
    bottom: 50px !important;
    z-index:9000;
}

/*ヘッダー
====================*/
#upper{
	width:100%;
	height: 139px;
	overflow: hidden;
	background:rgba(255,255,255,0.1);
}
#upper h1{
	text-align: center;
	margin-top:45px;
}
#upper table{
	position: absolute;
	top:30px;
	right:0;
	line-height: 0.8;
	z-index: 1000;
}
#upper table td{
	vertical-align: middle;
}
#upper table img{
	margin-right:10px;
}
#upper table .t1{
	font-size: 30px;
}
#upper table .t2{
	font-size: 20px;
	vertical-align: top;
	letter-spacing: 1px;
}
#upper table .t3{
	font-size: 14px;
	vertical-align: bottom;
	letter-spacing: -0.5px;
}

/*グローバルメニュー
====================*/
.g_nav{
	width:100%;
	height:48px;
	background:url(img/nav_bg.jpg);
}
.g_nav_menu{
	width:100%;
	padding-top:14px;
	text-align:center;
	letter-spacing: -1em;
	word-spacing: 0.1em;
}
.g_nav_menu li{
	position: relative;
	display: inline-block;
	letter-spacing: normal;
	padding:0 35px;
	font-size:16px;
	font-weight: bold;
	line-height: 1;
	border-right:2px solid #ff9b24;
}
.g_nav_menu li:last-child{
	border-right:none;
}
.g_nav_menu li a{
	color:#fff;
}
.home .nav1 a,
.product_on .nav2 a,
.category-news .nav3 a,
.contact_on .nav4 a,
.shop_on .nav6 a{
	color: #ff9b24 !important;
}
.level1{
	display:none;
	position: absolute;
	top: 100%;
	left: 0;
	width: 220px;
	padding:16px 0 0;
	text-align: left;
	z-index: 9;
}
.level1 ul {
	position: absolute;
	top: 0;
	left: 100%;
	width: 220px;
	padding:0px 0 0;
	text-align: left;
	background: rgba(100,100,100,0.5);
	z-index: 9;
}
.level1 li{
	position: relative;
	display:block;
	padding:10px 0 10px 10px;
	font-size:14px;
	border-right:none;
	border-bottom:1px solid #0270b1;
	background: rgba(255,255,255,0.8);
}
.level1 li:last-child{
	border-bottom:none;
}
.level1 li:hover{
	
}
.level1 li > a{
	color:#141414;
}
.level1 li:hover > a{
	color:#141414;
}



/*サイド
====================*/
#side_bar{
	float:left;
	width:170px;
	overflow:hidden;
	text-align:left;
}
#secondary aside {
	padding:0 0 20px;
}
#secondary aside p{
	margin-bottom: 20px;
}
#secondary .widget-title{
	margin:0 0 20px;
	padding:5px 0;
	text-align:center;
	font-size:18px;
	color:#333333;
	border-bottom:1px solid rgba(2,112,177,0.5);
}
#secondary ul{
	border-bottom:1px solid rgba(2,112,177,0.5);
}
#secondary li{
	margin:0 0 10px;
	font-size:12px;
	letter-spacing:-1px;
}
#secondary .children li:before{
	content:none;
}
#secondary ul li:before{
	content:url(img/ic_blog.png);
	position : relative ;
	top:-1px;
}
#secondary .children li:before{
	content:url(img/ic_blog2.png);
	position : relative ;
	top:-2px;
	margin-right:5px;
}


/*検索フォーム
====================*/
#searchform2{
	position:relative;
	padding:0 ;
}
#keywords2{
	width: 100%;
	height: 25px;
	box-sizing:border-box;
	border: 1px solid #535353;
	padding: 4px;
	color: #535353;
	background: #fff;
}
#searchBtn2{
	position: absolute;
	top: 2px;
	right: 0px;
}

/*フッター
====================*/
#under {
	width:100%;
	height:240px;
	overflow:hidden;
	text-align: center;
	color:#fff;
	background:url(img/f_bg.jpg) left bottom repeat-x;
}

#under .g_nav{
	width:100%;
	border-top:1px solid rgba(0,0,0,0.1);
	background: none;
}
#under .g_nav_menu{
	width:100%;
	text-align:center;
	letter-spacing: -1em;
	word-spacing: 0.1em;
}
#under .g_nav_menu li{
	position: relative;
	display: inline-block;
	letter-spacing: normal;
	border-right: 2px solid #0270b1;
}
#under .g_nav_menu li a{
	color:#402709;
}
#under .g_nav_menu li a:hover{
	color:#ff9b24;
}
#under .level1 li{
	display: block;
}
#under .inner{
	padding-top:69px;
}
#under h1{
	float:right;
	margin-right:50px;
	margin-bottom:7px;
}
#under .inner ul{
	float:left;
	width:488px;
	overflow: hidden;
	margin-left:50px;
}
#under .inner li{
	float:left;
	width:156px;
	height: 50px;
}
#under .inner li.mmm{
	margin:0 10px;
}

#funder{
	float:right;
	width:360px;
	padding:25px 0 0;
	margin-right:50px;
	font-size:12px;
	text-align: right;
}
#funder a{
	color:#fff;
	display: inline-block;
}
#funder small{
	font-size:12px;
	color:#fff;
}

/*全ページ
====================*/
#page_area,
#blog_area{
	width:100%;
	overflow:hidden;
	margin:0 auto;
	padding:60px 0px 80px;
}
#blog_area .inner{
	width:1000px;
}

/*固定ページ(page.php)
====================*/
#page_title {
	font-size:30px;
	font-weight: normal;
	padding-bottom:10px;
	margin:0px auto 50px;
	text-align:center;
}
#page_cont{
	text-align:left;
	padding-bottom:50px;
}

/*投稿系（ブログA、B）
====================*/
#blog_cont {
	float:right;
	width:777px;
	overflow:hidden;
	padding:0px 10px;
	margin:0 auto;
	text-align:left;
	font-weight: normal;
}
.blog_box {
	overflow:hidden;
	margin-bottom: 50px;
}
.blog_entry {
	width:100%;
	height:auto;
}
.blog_entry h1{/*タイトル*/
	padding:10px 10px 10px;
	margin-bottom: 20px;
	line-height: 1.4;
	font-size: 18px;
	font-weight: normal;
	border-bottom: 1px solid rgba(2,112,177,0.5);
}
.day_entry{/*日付*/
	float: right;
	font-size:13px;
	font-weight: 200;
	margin-top:20px;
	margin-right:10px;
}
.cat_entry{/*カテゴリー*/
	padding:0;
}
.cat_entry a{
	display:inline-block;
	font-size:12px;
	padding:2px 10px;
	margin:0 10px 0 0;
	border:1px solid rgba(2,112,177,0.5);
}
.blog_text {/*投稿記事*/
	position:relative;
	width:100%;
	padding:20px 0px;
	overflow:hidden;
}
.blog_text .size-full{
	width:100%;
	height:auto;
}
.thum1{
	float:left;
	width:150px;
	height:150px;
	margin-right:20px;
}
.blog_text .more {
	position:absolute;
	bottom:0;
	right:0;
	font-size:14px;
}

/*単一記事ページナビ
====================*/
.nav-single{
    width:100%;
    overflow:hidden;
    padding:10px 0;
}
.nav-previous{
	float:left;
}
.nav-next{
	float:right;
	text-align: right;
}
.nav-previous,
.nav-next{
    width:200px;
    overflow:hidden;
}

/*コメント
====================*/
.comment-form label{
display:block;
}

/*商品紹介(ブログB)
====================*/
#blog_area figure{
	position: relative;
	float: left;
	width:232px;
	height:232px;
	overflow:hidden;
	margin:0 10px 20px;
}
#blog_area figure h2{
	width:220px;
	height:220px;
}
#blog_area figure img{
	position: relative;
	top: 50%;
	left: 50%;
	width: 100%;
	height: auto;
	-webkit-transition:.5s linear;
	transition:.5s linear;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
#blog_area figcaption{
	position: absolute;
	top:0;
	left:0;
	z-index: -1;
	width:100%;
	height:100%;
	box-sizing:border-box;
	padding:30px 30px;
	-webkit-transition:.5s linear;
	transition:.5s linear;
	opacity: 0;
	background:rgba(255,255,255,0.7);
}
#blog_area figcaption h3{
	height:70px;
	font-size:16px;
	text-align: left;
	margin-bottom:10px;
}
#blog_area figcaption p{
	font-size:14px;
	font-weight: bold;
	text-align: right;
}

#blog_area figure:hover figcaption{
	opacity: 1;
	z-index:50;/**/
}
#blog_area figure:hover img{
	width:110%;
	height: auto;
}
#blog_area .more1{
	position: absolute;
	bottom:30px;
	left:25px;
	display: block;
	width:170px;
	padding:6px 0;
	text-align: center;
	border:1px solid rgba(2,112,177,0.5);
}
#blog_area .more1:after{
content:url(img/ya1.png);
position : relative ;
top:0px;
margin-left:5px;
}


/*商品SINGLE（ブログB）
====================*/
.posi1 {
	margin-bottom:5px;
}
.posi1 img{
	width:100%;
	height:auto;
}
.posi2{
	margin-bottom:20px;
	overflow: hidden;
}
.posi2 p{
	display:block;
	float:left;
	width:185px;
	height:185px;
	overflow:hidden;
	margin: 0px 5px 0 0;
}
.posi2 p:last-child{
	margin:0;
}
.posi2 p img{
	width: 100%;
	height: auto;
}
.items_buy{
	display:block;
	float:right;
	width:205px;
	height:50px;
	margin:30px 20px 30px 0px;
	text-indent:-9999px;
	background:url(img/basketBtn.png) no-repeat;
}
.items_contact{
	display:block;
	float:left;
	width:205px;
	height:50px;
	margin:10px 0px 10px 0px;
	text-indent:-9999px;
	background:url(img/contactBtn.png) no-repeat;
}
.posi4{
	float:left;
	margin:48px 0 0 30px ;
	font-size:28px;
	font-weight:bold;
}
.posi4 span{
	font-size: 16px;
	line-height: 2.5;
}
.posi3{
	clear:both;
	padding:20px 0px;
}
.posi5{
	margin-bottom:20px;
	overflow: hidden;
}
.posi5 h3{
	padding-bottom:5px;
	margin-bottom: 20px;
	background: url(img/line2.jpg) left bottom repeat-x;
}
.posi5 li{
	display:block;
	float:left;
	width:144px;
	height:220px;
	overflow:hidden;
	margin: 0px 3px 6px 3px;
}
.posi5 a{
	position: relative;
	display: block;
	width:100%;
	height:100px;
	overflow:hidden;
	margin-bottom:10px;
}
.posi5 a .hob{
	position: absolute;
	left:-100%;
	width:100%;
	height:100%;
	opacity: 0;
	-webkit-transition:.5s linear;
	transition:.4s linear;
	background:rgba(0,0,0,0.6);
}
.fa-arrow-circle-o-right:before{
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
	width: 60px;
	height:60px;
    color: #fff;
    content: "\f138";
    font-family: FontAwesome;
    font-size: 60px;
    font-weight: normal;
    opacity:0.9;
}
.posi5 a:hover .hob{
	left:0%;
	opacity:1;
}
.posi5 h4{
	font-size:12px;
	height:38px;
	overflow: hidden;
}
.posi5 p{
	font-size:14px;
	text-align: right;
}
.posi5 span{
	font-size:10px;
}

/*ページナビ
====================*/
.wp-pagenavi{
	clear: both;
    display: block;
    overflow: hidden;
    padding: 50px 0 20px;
    margin: 10px 0;
    text-align: center;
}
.wp-pagenavi a, .wp-pagenavi span {
    text-decoration: none;
    border: 1px solid #BFBFBF;
    padding: 5px 10px;
    margin: 2px;
    font-size: 14px;
}
.wp-pagenavi span.current{
    color:#132574;
}
.wp-pagenavi span.current {
    border-color: #132574;
}

/*404ERR
====================*/
.error404 {
	text-align:center;
}

/*メールフォーム(#mailformで囲む)
====================*/
#mailform_box{
	width:588px;
	height:auto;
	margin:0px auto 0px;
	overflow:hidden;
	color:#021001;
	font-size:16px;
}
#mailform_box td{
	vertical-align:top;
	padding:10px 0px;
}
#mailform_box input[type="text"],
#mailform_box input[type="email"],
#mailform_box input[type="tel"]{
	width:300px;
	height:20px;
	padding:5px;
	margin:0px 0px 20px;
}
#mailform_box textarea{
	width:300px;
	height:120px;
	padding:5px;
	margin:5px 0px;
}
#mailform_box input[type="text"],
#mailform_box input[type="email"],
#mailform_box input[type="tel"],
#mailform_box textarea{
	border:1px solid #ddd;
}
#mailform_box input[type="file"]{
	margin-bottom:10px;
}
#mailform_box input[type="submit"]{
	width:160px;
	height:60px;
	margin:0px auto;
	cursor:pointer;
	font-size:18px;
	color:#000;
	border:1px solid #999;
	background:#fff;
}
#mailform_box input[type="submit"]:hover{
	opacity:0.8;
}
#mailform_box p{
	font-size:14px;
	font-weight:normal;
}
.tdtd{
	text-align:center;
}

/*特定商取引法に基づく表記
===================================*/
#tablepress-1{
width:100%;
margin:0px auto;
border:1px solid #ddd;
}
#tablepress-1{
border-bottom:1px solid #ddd;
}
#tablepress-1 td{
padding:10px;
vertical-align:middle;
}
#tablepress-1 .column-1{
width:200px;
background:#eee;
}

/*AddQuicktag
===================================*/
.deco_A{
display:block;
padding:5px 0px 5px 8px;
border-left:5px solid #ff9b24;
margin-bottom:10px;
background:#eee;
}
.deco_B{
display:block;
padding:5px 0px 5px 8px;
margin-bottom:10px;
border-left:5px solid #ff9b24;
border-bottom:1px solid #ff9b24;
}
.deco_C{
display:block;
padding:3px 0px 3px 8px;
margin-bottom:10px;
border-left:5px solid #ff9b24;
}
.deco_D{
display: inline-block;
padding:5px;
margin-bottom:10px;
border-top:1px solid #ff9b24;
border-bottom:1px solid #ff9b24;
}






.reco_area{
	width:100%;
	overflow: hidden;
	margin-bottom: 50px;
}

.rank_box{
	float:left;
	width:240px;
}
.rank_img{
	width:240px;
	height:240px;
	overflow: hidden;
}