@charset "utf-8";
/*
Theme Name: BLOKLE(ブロクル)
*/

@import url("default.css");
@import url("font/font-awesome/css/font-awesome.min.css");


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
グローバルナビの子メニュー
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
ul#gnavi li ul {
	/*display:none;*/
}
ul#gnavi li ul li a{
	background:#000!important;
	padding:10px!important;
	height:auto!important;
	font-size:12px!important;
}
ul#gnavi li ul li a:hover{
	background:#222!important;
	border:none!important;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
LP用クラス
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* ホバーウィンドウ  ------------------------- */
#wrapper {
display:table;
height: 50px;
top:auto;
padding: 0px;
margin: 0px;
position: fixed;
}

#filter {
display: none;
width: 100%;
height: 100%;
background-color: #000;
filter: alpha(style=0, opacity=50);
opacity: 0.5;
-moz-opacity: 0.5;
position: fixed;
left: 0px;
top: 0px;
}

#subwin {
font-size: 16px;
display: none;
width: 500px;
height: 500px;
background-color: #FFF;
position: fixed;
left: 48%;
top: 50%;
margin-left: -250px;
margin-top: -250px;
padding:20px;
}

/* カウントダウン -------------------------------------------------- */
.navbar-wrapper {
position: relative;
z-index: 10;
/* margin-top: 20px;*/
/* margin-bottom: -90px;*//* Negative margin to pull up carousel. 90px is roughly margins and height of navbar. */
}

.navbar .navbar-inner {
position: fixed;
width:100%;
height:60px;
top:0px;
border: 0;
padding:5px;
/*margin-bottom: 80px;*/
}

.navbar .brand {
text-align:center;
padding: 10px 30px; /* Increase vertical padding to match navbar links */
font-weight: bold;
color : #333;
/*text-shadow: 0 -1px 0 rgba(0,0,0,.5);*/
}
.navbar .brand p{
font-size: 24px;
}

.navbar .nav > li > a {
padding: 15px 20px;
}

.navbar .btn-navbar {
margin-top: 10px;
}

.navbar .navbar-inner {
background:#fff;
-webkit-box-shadow: 0 2px 10px rgba(0,0,0,.25);
-moz-box-shadow: 0 2px 10px rgba(0,0,0,.25);
box-shadow: 0 2px 10px rgba(0,0,0,.25);
z-index: 10;
}

.navbar {
margin-bottom:60px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
基本スタイル
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
table{width:100%;border-collapse: collapse;}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
テキスト形式のロゴ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.logoMark a {
    font-size: 35px;
    color: #000;
    font-family: Helvetica;
}
.logoMark a:hover {
	text-decoration:none;
}
@media only screen and (max-width:640px) {
.logoMark a {
    font-size: 25px;
}
}/* /End Media Query */

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
外部(ウェルカート)
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 商品の並び替えナビゲーション */
ul.sort_navigation {
  display: none;
}

#confirm_table h3 {
	background: 0;
	border-bottom: 0;
}
.item_list_layout_ul{
	padding-left:0;
}
#itempage h3 {
	clear: none;
	height:auto;
}
@media only screen and (max-width:640px) {
/* カート用テーブル */
div.usccart_navi li.ucart {
padding: 0 10px!important;
font-size: 10px!important;
width: auto!important;
}
.send input[type=submit] {
    margin-top: 1em;
    padding: .5em;
}
.send input[type=submit]:first-child {
    margin-top: 0;
}
#confirm_table h3 {
	border-bottom:0;
	background-color:transparent;
}
table#cart_table {
    border: 0!important;
    border-collapse: collapse;
    margin:10px auto;
}
#cart th, #cart td {
    border: 1px solid #ccc!important;
    padding: 3px 0!important;
    font-size: 10px;
}
table#cart_table img{
    min-width:30px;
}
table#cart_table input[type=text]{
    width:1em;
}
table#cart_table input[type=text],
table#cart_table input[type=submit]{
    padding:5px 0;
    margin:0;
}

.item_list_layout, 
.item_list_layout_ul, 
.item_list_layout_li {
	width: auto!important;
	height: auto!important;
	float: none!important;
	margin: 10px 0!important;
	clear: both;
}
#itempage .field{
	margin-left:0!important;
}
#itempage .exp {
	min-height: 0!important;
}
#itempage .itemimg {
	float: none!important;
	width: auto!important;
	margin-right: 0!important;
	text-align: center;
}
#itempage h3 {
	height: auto!important;
	margin-left: 0!important;
}
}/* /End Media Query */

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
外部(ウェルカート・おすすめ商品ウィジェット)
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.widget_welcart_featured .thumimg img {
  border: 1px solid #ccc;
  padding: 1px;
  background: #fff;
}
.widget_welcart_featured .thumtitle {
    margin-top: 5px;
    font-size: 14px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
外部(YARPP)
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.articleText .yarpp-related {
margin: 2em 0 1em !important;
}
.articleText .yarpp-related h3 {
font-weight: normal !important;
padding: 10px !important;
font-size: 15px !important;
margin-bottom: 10px !important;
}
.yarpp-related a {
background: #fff;
}
.yarpp-related a img{
max-height:120px;
margin: 5px;
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
スマホ時はヘッダーのSNSアイコンエリアは不要
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
@media only screen and (max-width:640px) {
.headerContent .snsIcon{
    display:none;
}
#promo {
    padding-top:0 !important;
}
.skinContentsArea {
    padding-top: 5px !important;
}
}/* /End Media Query */

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップへ戻る
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#footerFixed{
	position:fixed;
	right:0;
	bottom:0;
}
p.toPageTop a{
    display:block;
    text-align:center;
    padding: 8px;
    color:#fff;
    font-family:'helvetica';
    background:#000;
    text-decoration:none;
    font-size: 10px;
}
p.toPageTop a:before{
    content: "▲";
    font-size: 15px;
    color: #f8b551;
    line-height: 1;
    display: block;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
テーブルを１列に変型する
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
@media only screen and (max-width:640px) {
.change01 {
	margin-top:1px;
}
.change01 td,
.change01 th{
	display:block;
	margin-top:-1px;
	width: auto!important;
}
}/* /End Media Query */

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
外部(コンタクトフォーム)
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#wpcf_comp_msg {
    background: #ffc;
    padding: 15px;
    color: #000;
}
.require {
    color: red;
    font-weight: bold;
}
.wpcf7 table{margin-bottom:10px;}
.wpcf7 input[type="file"], 
.wpcf7 input[type="text"], 
.wpcf7 input[type="email"], 
.wpcf7 input[type="tel"], 
.wpcf7 textarea {
  padding:2px;
  margin-bottom: 5px;
}
.wpcf7-list-item {display: block;}
.block-clear .wpcf7-list-item {display: inline;}
.wpcf7 input[type="submit"] {
    display:block;
    width: 150px;
    margin: 0 auto;
    padding:8px 0;
    text-align:center;
    color:white;
    border: none;
    border-radius:5px;
    cursor: pointer;
    background:skyblue;
}
.wpcf7 th{width:200px;}
.wpcf7 textarea {height: 350px;}
.wpcf7 input[type="file"], 
.wpcf7 input[type="text"], 
.wpcf7 input[type="email"], 
.wpcf7 input[type="tel"], 
.wpcf7 textarea {
  width: 95%;
}
.wpcf7 input.s-size {
  width: 70px;
}
.wpcf7 input[type="text"].date {
  width: 3em;
  margin:0 3px;
}
@media only screen and (max-width:640px) {
.wpcf7 th{width:auto;}
.wpcf7 textarea {height: 50px;}
}/* /End Media Query */

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
外部(記事下のFB&TWカスタムシェアボタン)
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.snsShare {
    margin: 15px 0;
    overflow: hidden;
}
.snsShare a{
font-size:2em;
line-height:3em;
width:50%;
color: #fff!important;
text-align:center;
background-color:#3b5998;
display:block;
text-decoration: none!important;
float:left;
}
.snsShare a:hover{
	text-decoration:none;
}
.snsShare a.facebook-iine{
background-color: #3b5998;
}
.snsShare a.facebook-iine:hover{
background-color: #4169BD;
}
.snsShare a.twitter-tweet{
background-color: #00acee;
}
.snsShare a.twitter-tweet:hover{
background-color: #13BEFF;
}
@media only screen and (max-width:640px) {
.snsShare a{
font-size:1em;
line-height:5em;
}
}/* /End Media Query */








.line_addfriends_btn {
    margin: 15px auto;
    text-align: center;
}

.call_info {
    margin-bottom: 15px;
    text-align: center;
    background: #fff;
    border: 2px solid #CCCCCC;
    border-radius: 8px;
    padding-bottom: 10px;
    color: #000;
}
.call_info .txt1{
	padding:5px;
	background: #f2f9fe;
	background: -moz-radial-gradient(center, ellipse cover,  #f2f9fe 0%, #d6f0fd 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#f2f9fe), color-stop(100%,#d6f0fd));
	background: -webkit-radial-gradient(center, ellipse cover,  #f2f9fe 0%,#d6f0fd 100%);
	background: -o-radial-gradient(center, ellipse cover,  #f2f9fe 0%,#d6f0fd 100%);
	background: -ms-radial-gradient(center, ellipse cover,  #f2f9fe 0%,#d6f0fd 100%);
	background: radial-gradient(ellipse at center,  #f2f9fe 0%,#d6f0fd 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f9fe', endColorstr='#d6f0fd',GradientType=1 );
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	color: #666;
	font-size: 120%;
	font-weight: bold;
}
.call_info .tel,
.call_info .tel a,
.call_info .tel a:hover,
.call_info .tel a:visited{
	font-size: 23px;
	color: #63ADD3;
	padding-top: 10px;
	font-weight: bold;
}
.call_info .icon:before {
content: '\f095';
font-family: FontAwesome;
}
.call_info .txt2{
	padding: 0;
}
.call_info img{
	width: 50px;
	vertical-align: -5px;
}
.call_info .icon {
	font-size: 1.5em;
	vertical-align: -2px;
	margin-right: 3px;
}