@charset "Shift_JIS";

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, img, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table.table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;/*vertical-align: baseline;*/}
:focus {outline: 0;}


body {
color:#464646;
color:#000000;
font-size:small;
font-size:15px;
font-family:"ＭＳ Ｐゴシック","ＭＳ ゴシック","MS PGothic",Sans-Serif;
line-height:1.5;
-webkit-text-size-adjust: none;
/*background:url('images/bg.jpg'),linear-gradient(#fffbef,#ffffff 800px);*/
/*background:linear-gradient#fff4f2,#ffffff 400px),url('images/footbg.jpg');
-webkit-background-size:1500px auto;
background-size:1500px auto;
background-repeat:no-repeat;*/
background-color:#ff9306;
background-color:#ffffff;
}

/*a{color:#290701;text-decoration:none;}*/
a{color:#000000;text-decoration:none;}
a:hover{color:red;
	-webkit-transition:all 0.5s;/*オンマウスでフェード*/
	-moz-transition:all 0.5s;/*オンマウスでフェード*/
	transition:all 0.5s;/*オンマウスでフェード*/
}
a:active, a:focus {outline:0;}

ol, ul {list-style: none;}

h1{font-size:150%;margin:10px 0 20px 0;font-weight:bold;}
h2{font-size:120%;border-bottom: 1px dotted gray;margin:10px 0;font-weight:bold;}

/* 全体
------------------------------------------------------------*/
#container{
margin:0 auto;
padding:0;
width:1050px;
background-color:white;
}


#wrapper{
margin:0 auto;
padding:0 1%;
width:98%;
position:relative;
}

.inner{
margin:0 auto;
width:100%;
}


/*************
/* ヘッダー
*************/
#header{
position:relative;
height:92px;

}


header nav ul {margin:0px; list-style:none; text-align:right; font-size:0.83em;padding-right:20px;}
header nav li {display:inline; border-right:1px #aaa dotted; padding:0 0.75em;}
header nav li.eol {border-right:none; padding-right:0;}
header nav a {color:#f87d67;}
header nav a:hover {color:#f8a090;}
header nav img {vertical-align:middle;}


.info{
margin-top:35px;
float:right;
padding-right:20px;
text-align:right;
color:#fda01b;
line-height:1.2em;
}

.info .open{
color:#fda01b;
color:#000000;
font-size:12px;
}

.info .tel,.info .tel a{
margin-top:0px;
color:#fda01b;
color:#001f4a;
font-family:"monospace";
font-family:"Courier New";
font-family:"Impact";
font-size:32px;
font-weight:bold;
}

.info .tel a{
	text-shadow: 
	1px 1px 0 #FFF,
	-1px -1px 0 #FFF,
	-1px 1px 0 #FFF,
	1px -1px 0 #FFF,
	0px 1px 0 #FFF,
	0 -1px 0 #FFF,
	-1px 0 0 #FFF,
	1px 0 0 #FFF;
}


.info .tel span{
color:#fda01b;
color:#000000;
}

.logo{
margin-top:1px;
float:left;
margin-left:10px;
}

.logo span{display:block;}

.logo{
/*margin-bottom:6px;*/
}


.logo img{
max-width:100%;
height:auto;
}

.logo span{
color:#000000;
font-size:.6em;
font-weight:normal;
}


.info span{
color:#846661;
font-size:.6em;
font-weight:normal;
}


/*トップページイメージ*/
.topimg img{
width:100%;
}

/*左メニュー用*/


#mainmenu ul {
    list-style-type: none;
    padding: 0;
}

/** =======================
 * Contenedor Principal
 ===========================*/

header .logo img{
	height:90px;
	width:auto;
}

#mainmenu .accordion {
    width: 100%;

    /*max-width: 360px;*/
    /*margin: 30px auto 20px;*/
    background: #fff;
    background: #cccccc;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border:3px #666666 solid;
    border:3px #001f4a solid;
    border-radius: 4px;
 }

#mainmenu .accordion .link {
    cursor: pointer;
    display: block;
    padding: 10px 5px 5px 10px;
    color: #4D4D4D;
    color:#666666;
    font-size: 12px;
    /*font-weight: 700;*/
    border-bottom: 1px solid #666666;
    border-bottom: 1px dotted #001f4a;
    position: relative;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

#mainmenu .accordion li:last-child .link {
    border-bottom: 0;
}

#mainmenu .accordion li span{
    position: absolute;
    top: 16px;
    left: 12px;
    font-size: 16px;
    color: #619dd0;
color: #cccccc;/*アコーディオン復活の際には削除*/
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

#mainmenu .accordion li span.fa-chevron-down {
    color: #001f4a;
    top: 10px;
    right: 6px;
    left: auto;
    font-size: 12px;
}

#mainmenu .accordion li .link {
font-weight:bold;
background: #cccccc;
color: #ffffff;
background: #001f4a;
}

#mainmenu .accordion li.open span {
    /*color: #020c75;*//*アコーディオン復活の際には有効に*/
}
#mainmenu .accordion li.open span.fa-chevron-down {
/*
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
*/
}

#mainmenu .accordion li.default .submenu {display: block;}

/**
 * Submenu
 -----------------------------*/
#mainmenu .submenu {
    /*display: none;*//*アコーディオン復活の際には有効に*/
    background: #020c75;
    background: #619dd0;
    background: #ffffff;
 }

#mainmenu .submenu li {
    border-bottom: 1px solid #cccccc;
    border-bottom: 1px dotted #001f4a;
 }

#mainmenu .submenu a {
    font-size: 12px;
    display: block;
    text-decoration: none;
    color: #d9d9d9;
    color: #ffffff;
    color: #000000;
    padding: 10px 5px 5px 5px;
    padding-left: 20px;
    -webkit-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
 }

#mainmenu .submenu a:hover {
    background: #b63b4d;
    background: red;
    color: #FFF;
 }

#mainmenu .submenu a.selected {
/*    background: #b63b4d;
    background: #666666;
    color: #FFF;
*/
    background: #ffffff;
    color: red;
 }




/**/
.fnavi{
padding:10px 10px 10px 10px;
}

.fnavi .fnavi_c{
border: 3px solid #CCCCCC;
border-radius: 5px;
padding:10px 10px 20px 10px;
margin-bottom:20px;
width:100%;
}

.fnavi .opener{
padding-top:2px;
padding-left:4px;
/*font-size:120%;*/
color: #000000;
border-bottom: 1px dotted gray;
/*border: 2px solid #fefce7;
border-radius: 5px;
padding:7px;
margin-left:10px;
margin-bottom:10px;
background: -webkit-linear-gradient(top, #fffef8 0%, #fefce7 50%, #fefce7 100%);*/
background-color:#f5f4f4;
background-color:#ffffff;
margin:1em 0 0;
}


.fnavi .opener:hover{
/*color:red;*/
}



.fnavi .opener span{
font-weight:normal;
}

.fnavi li.item{

margin-left:5px;

}

.fnavi ul.menu li{
border-bottom: 1px dotted #284763;
margin-left:10px;
padding-top:5px;
padding-bottom:2px;
width:90%;
line-height:1.1em;
}



.fnavi ul.menu li a:before{
  content: '';/*何も入れない*/
  display: inline-block;/*忘れずに！*/
  width: 10px;/*画像の幅*/
  height: 11px;/*画像の高さ*/
  background-image: url(img/ya.gif);
  background-size: contain;
  vertical-align: middle;
}


h2.h2_style_1:before{

  content: '';/*何も入れない*/
  display: inline-block;/*忘れずに！*/
  width: 24px;/*画像の幅*/
  height: 24px;/*画像の高さ*/
  background-image: url(img/shoe.jpg);
  background-size: contain;
  vertical-align: middle;

}

h2.title{
color:#ffffff;
background-color:#001f4a;
padding:2px 10px;
}

.fnavi ul.menu li a{
color:#000;
text-decoration:none;
display:block;
}

.fnavi ul.menu li a:hover{
color:red;
}


.fnavi .fnav_title{
/*border-left: 8px solid #CCCCCC;*/
border-bottom: 1px solid #CCCCCC;
margin-bottom:10px;
padding:4px;
color:#350315;
font-weight:bold;
/*border-bottom: 1px dotted #d7517a;*/
/*width:80%;*/
}

.fnavi .fnav_title:before{

  content: '';/*何も入れない*/
  display: inline-block;/*忘れずに！*/
  width: 30px;/*画像の幅*/
  height: 30px;/*画像の高さ*/
  background-image: url(img/shoe.jpg);
  background-size: contain;
  vertical-align: middle;

}


.fnavi .fnavi_c ul{
display:flex;
flex-direction:column;
}

.ptop {
	position:fixed;
	bottom:10px;
	right:2px;
	z-index:99;
	text-align:right;

}

.ptop a{
	text-decoration:none;
	color:#0b3b2e;
	color:#001f4a;
	display: inline-block;
	margin: 2px 2px 2px 2px;
	padding: 6px 3px;
	text-decoration: none;
	border: 1px solid #001f4a;
	border-radius: 0.2em;
	background-color: rgba( 255, 255, 255, 0.75 );
}


.search{
	color:#009900;
	font-size:90%;
	margin-top:10px;
	margin-left:10px;
	border:1px gray solid;
	padding:5px;
	width:190px;
	text-align:center;
}


.searchbox{
	text-align:center;
	margin-bottom:20px;
}

.cat-no, .cat-name{
font-weight:bold;
}

.cat-name{
margin-bottom:5px;
}

.item-no{
font-weight:bold;
margin-bottom:5px;
}
.item-name{
font-size:120%;
font-weight:bold;
margin-bottom:5px;
}
.item-price{
font-weight:bold;
margin-bottom:5px;
}


.item-price .price{
font-size:120%;
}


.item-price .teika{
font-weight:normal;
text-decoration:line-through;
}

.cat-price .price{
font-size:120%;
}

.cat-price .teika{
font-weight:normal;
text-decoration:line-through;
}

/*************
/* フッター
*************/
#footer{
clear:both;
overflow:hidden;
padding:10px 10px 20px 10px;
background:#f0e2b8;
background:#ffffff;
border-top:1px solid #d8d8d8;

}

* html #footer{height:1%;}

#footer .grid{
padding:10px 0 5px;
margin:0;
background:transparent;
}

#footer #info .logo, #footer #info .info{float:none;}

#footer #info{text-align:center;}

#footer #info .info{
clear:both;
padding:10px 0 0 15px;
text-align:left;
}

#footer .logo img{margin-bottom:10px;}

#footer .logo {font-size:18px;line-height:1.2em;margin-bottom:10px;}


#footer .logo a{
color:#000000;
}

#footer .logo a:hover{
color:red;
}


#footer .info .tel,#footer .info .tel span{
font-size:12px;
color:#000000;
}

ul.footnav{
float:right;
width:650px;
padding:10px 0;
}

ul.footnav li{
float:left;
margin-bottom:10px;
padding:0 7px 0 8px;
font-size:11px;	
border-right:1px solid #b6b6b6;
}

#footer a{color:#005331;}
#footer a{color:#000000;}
#footer a:hover{color:red;}



address{
clear:both;
padding:5px;
text-align:center;
font-style:normal;
font-size:10px;
color:#ffffff;
background:#4891d2;
background:#000000;
background:#001f4a;
}

address a{
color:#ffffff;
}

address a:hover{
color:red;
}


.left{
position:relative;
float:left;
}

.max40{
max-width:40%;
height:auto;
}

.m20{
margin:20px;
}


.mt20{
margin-top:20px;
}

p.w50{
width:350px;
padding:10px;
}

p.img_half img{
max-width:340px;
margin:10px;
text-align:center;
}

p.img_half{
text-align:center;
}

p.text{
margin:10px;
max-width:340px;
}

.banner{
margin:0 0 10px 10px;
text-align:center;
}

/*製品ページの関連商品一覧*/
.ichiran_item{
}

.ichiran_title{
text-align:center;
font-weight:bold;
}

.itemlist{
position:relative;

}

.itemname{
margin-left:10px;
margin-top:10px;
margin-bottom:20px;
line-height:1.2em;
width:170px;
width:240px;
display: inline-block; /* インラインブロック化 */
vertical-align: top;   /* 上端を揃える */
position:relative;
/*float:left;*/
font-size:12px;
}

.itemname .itemname_2{
line-height:1.1em;
margin-top:5px;
}


.itemname .price{
/*margin-top:5px;*/
text-align:right;
}

.itemname img{
max-width:100%;
width:100%;
border:solid 1px gray;
padding:2px;
}

.r_over a:hover img {
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
	/*border: none*/
}

.fnavi ul li .opener .selected{
display:none;
}

.topbox td{
padding:2px;
line-height:1.2em;
}

.topbox td img{
width:90%;
border:1px solid gray;
padding:2px;
}


.okiniiri,.okiniiri_add,.okiniiri_added{

	text-align:center;
	width:200px;
	text-decoration: none;
	font-size: 11px;
	font-weight:bold;
	padding:4px 15px 4px 25px;
	border: 1px #848575 solid;
	color: #626350;
	-webkit-appearance: none;
	-webkit-border-radius: 5px;
	/*-webkit-box-shadow: 0 2px 2px #CCC;*/
	/*text-shadow: 1px 2px 3px #C45C00;*/
	background: #ffffff;
	background: url('img/okiniiri.png') 5px center no-repeat #ffffff;
	-webkit-background-size:15px auto;
	background-size:15px auto;
	background-repeat:no-repeat;

}

.okiniiri{
	color: red;

}


.okiniiri_add{
	color: #626350;
}

.okiniiri_add a{
	color: #626350;
}


.okiniiri_added{
	color: red;
}

span.delwl{
	position: absolute;
	top: 2px;
	right:2px;

}

span.okiniiri_deled{

	font-size: 11px;
	color: #626350;

}

#btm_menu{
display:none;
}


table.table_1,table.table_1 td, table.table_1 tr{
border-collapse:collapse;
border-style:solid;
border-width:1px;
border-color:#cccccc;
text-align:left;
padding:5px;
}


.share-buttons {
  display: block;
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.share-buttons li {
  display: inline-block;
  margin-right: 10px;
  vertical-align: top;
}




/* PC用
------------------------------------------------------------*/





@media only screen and (min-width: 800px){


	.fixed {/*#fixedmenuをスクロール時に固定するためscript.js内で設定*/
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 10000;

	filter:alpha(opacity=90);/*透過設定*/
	-moz-opacity: 0.9;
	opacity: 0.9;
	}

	#header{
	overflow:hidden;
	}

	#header nav{
	margin-top:2px;
	}

	body {

	background-color:#ff9306;
	background-color:#ffffff;
	}

	.contents{
	position:relative;
	float:right;
	width:780px;
	/*border: 1px dotted #fa7321;
	border-radius: 5px;*/
	padding:10px 20px 20px 30px;
	line-height:1.5;

	}

	.maincontents{
	width:570px;
	float:left;
	position:relative;

	}

	.rightside{
	width:200px;
	float:left;
	}

	.infodate { 
	color: #0c0c0d;
	padding-top: 5px;
	padding-left: 10px;
	}

	.infocontents { 
	color: #0c0c0d;
	padding-top: 4px;
	padding-left: 14px;
	border-bottom:solid 1px #dcdcdc;
	line-height:1.2em;
	}


/*
	.topcontent{
	position:relative;
	float:left;
	width:656px;
	}

	.rightside{
	float:left;
	width:157px;
	}
*/

	.contents table{
	max-width:790px;
	font-size:12px;
	}

	.contents img{
	max-width:100%;
	height:auto;
	}

	#sidebar{
	position:relative;
	float:left;
	width:220px;
	}


	.formobile {display:none !important;}

	#header,#wrapper,.inner{
	/*width:960px;*/
	padding:0;
	width:1050px;
	margin:0 auto;
	background-color:#ff9306;
	background-color:white;

	}
	
	#wrapper{padding-bottom:20px;}
	
        nav#mainNav{
	clear:both;
	overflow:hidden;
	position:relative;

	background: -webkit-linear-gradient(top, #000000 0%, #000000 50%, #000000 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #000000), color-stop(0.5, #000000), color-stop(0.00, #000000));
	background: -moz-linear-gradient(top, #000000 0%, #000000 50%, #000000 100%);
	background: -o-linear-gradient(top, #000000 0%, #000000 50%, #000000 100%);
	background: -ms-linear-gradient(top, #000000 0%, #000000 50%, #000000 100%);
	background: linear-gradient(top, #000000 0%, #000000 50%, #000000 100%;)

	background: -webkit-linear-gradient(top, #001f4a 0%, #001f4a 50%, #001f4a 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #001f4a), color-stop(0.5, #001f4a), color-stop(0.00, #001f4a));
	background: -moz-linear-gradient(top, #001f4a 0%, #001f4a 50%, #001f4a 100%);
	background: -o-linear-gradient(top, #001f4a 0%, #001f4a 50%, #001f4a 100%);
	background: -ms-linear-gradient(top, #001f4a 0%, #001f4a 50%, #001f4a 100%);
	background: linear-gradient(top, #001f4a 0%, #001f4a 50%, #001f4a 100%;)

	border-top:1px solid #e4e4e4;
	border-bottom:1px solid #e4e4e4;
	}
	
	nav#mainNav .inner{
	width:1046px;
	padding:0 14px;
	}

	nav#mainNav ul li{
	float: left;
	position: relative;
	}


	nav#mainNav li.last{border-right:1px solid #ffffff;}

	nav#mainNav ul li a{
	display: block;
	text-align: center;
	_float:left;
	font-size:13px;
	width:148px;
	height:30px;
	padding-top:10px;
	color:#ffffff;
	border-left:1px solid #ffffff;
	/*text-shadow: 1px 1px 1px #ffffff; */

	background: -webkit-linear-gradient(top, #000000 0%, #000000 50%, #000000 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #000000), color-stop(0.5, #000000), color-stop(0.00, #000000));
	background: -moz-linear-gradient(top, #000000 0%, #000000 50%, #000000 100%);
	background: -o-linear-gradient(top, #000000 0%, #000000 50%, #000000 100%);
	background: -ms-linear-gradient(top, #000000 0%, #000000 50%, #000000 100%);
	background: linear-gradient(top, #000000 0%, #000000 50%, #000000 100%;)

	background: -webkit-linear-gradient(top, #001f4a 0%, #001f4a 50%, #001f4a 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #001f4a), color-stop(0.5, #001f4a), color-stop(0.00, #001f4a));
	background: -moz-linear-gradient(top, #001f4a 0%, #001f4a 50%, #001f4a 100%);
	background: -o-linear-gradient(top, #001f4a 0%, #001f4a 50%, #001f4a 100%);
	background: -ms-linear-gradient(top, #001f4a 0%, #001f4a 50%, #001f4a 100%);
	background: linear-gradient(top, #001f4a 0%, #001f4a 50%, #001f4a 100%;)
	}


	nav#mainNav ul li.forpc img{
	margin-top:-15px;
	}


	nav#mainNav ul li a span,nav#mainNav ul li a strong{
	display:block;
	}

	nav#mainNav ul li a span{
	color:#fff100;
	font-size:10px;
	}

	nav div.panel{
	display:block !important;
	float:left;
	}

	a#menu{display:none;}

	nav#mainNav li a:hover{
	color:#ffffff;
	padding-top:10px;
/***********/
	background:#e48a15;
	background:#80cacb;
	background:#001f4a;
	background:red;

	}
	
	#topBanner{margin-left:15px;}/***15px****/
	#mainBanner{margin-left:0px;margin-top:5px;}/***15px****/
	#subpage #mainBanner{margin:15px auto;}
	
	#main{
	float:right;
	width:667px;
	padding-right:15px;
	}
	
	#sidebar{
	#float:left;
	#width:245px;
	#padding:0 0 0 15px;/********15px 0 0 15px***********/
	#overflow:hidden;
	}

	
	/* グリッド全体 */
	.gridWrapper{
	width:960px;
	margin:0 0 0 -10px;
	}
	
	#gallery article{padding:10px 0 10px 10px;}
	
	/* グリッド */
	.grid{
	float:left;
	width:300px;
	margin-left:20px;
	}
	
	#subpage .grid{width:auto;}
	
	#gallery .grid{
	width:auto;
	margin:10px 0 2px 10px;
	}

	.contents table{
	max-width:100%;
	font-size:12px;
	font-size:14px;
	margin-top:5px;
	margin-bottom:5px;
	}

	.contents img{
	max-width:100%;
	height:auto;
	}

	img{margin:2px 0;}



	.logo img{
	margin:0;
	}

	body.noleftbannerforpc .leftbanner{
	display:none;
	}

	.fnavi ul li .opener .selected{
	margin-left:50px;
	}

	.bnr{
	margin-left:8px;
	}
}


@media only screen and (max-width:959px){


}

@media only screen and (max-width:800px){


	#header{
	/*margin-top:20px;*/
	height:70px;
		background-color:#ff9306;
		background-color:#ffffff;
	}

	header .logo img{
	height:68px;
	width:auto;
	}


	.banner img{
	width:120px;
	height:auto;
	}


	.for-not-mobile {display:none !important;}
	.forpc {display:none !important;}

	.formobile{
	display:inline;
	}

	body#top .contents{
	display:none;
	}


	.pan{
	font-size:14px;
	border-top:solid 1px gray;
	border-bottom:solid 1px gray;
	line-height:1.2em;
	padding:5px 0;
	}

	.breadcrumbs{
	font-size:14px;
	/*border-top:dotted 1px gray;*/
	border-bottom:solid 1px gray;
	line-height:1.2em;
	padding:5px 0;
	margin-bottom:20px;
	}

	.maincontents{
	width:100%;
	}


	.infodate { 
	color: #0c0c0d;
	padding-top: 5px;
	padding-left:10px;
	}

	.infocontents { 
	color: #0c0c0d;
	padding-top: 4px;
	padding-left: 4px;
	border-bottom:solid 1px #dcdcdc;
	line-height:1.2em;
	}

	.spacer{
	clear:both;
	height:20px;
	}

	.fnavi{
	clear:both;
	padding:0px;
	}

	.fnavi .fnavi_c{
	padding:0px;

	}
	#container{
	margin:0 auto;
	padding:0;
	width:100%;
	margin:10px;
	}

	#sidebar{
	clear:both;
	margin:10px;
	padding:0px;
	}

	.contents{
	clear:both;
	margin:10px;

	line-height:1.4;

	}


	.contents table{
	max-width:100%;
	font-size:12px;
	font-size:14px;
	overflow:scroll;
	}

	.contents table tr{
	max-width:100%;
	/*font-size:12px;*/
	overflow:scroll;
	}

	.contents table td{
	word-break:break-all;
	}


	.contents img{
	max-width:100%;
	height:auto;
	}




	nav#mainNav a.menu{
	width:100%;
	display:block;
	height:40px;
	line-height:40px;
	font-weight: bold;
	text-align:left;
	}

	nav#mainNav ul li a {
	color:#005331;
	font-weight:bold;
	}

	nav#mainNav ul li a.cls,nav#mainNav ul li a.cls span{
	color:orange;
	}


	nav#mainNav ul li a span{
	color:orange;
	font-size:10px;
	}

	nav#mainNav ul li a:hover{
	color:orange;
	}

	nav#mainNav a#menu span{padding-left:10px;}
	nav#mainNav a.menu span:before{content: "→ ";}
	nav#mainNav a.menuOpen span:before{content: "↓ ";}

	nav#mainNav a#menu:hover{cursor:pointer;}

	nav .panel{
	display: none;
	width:100%;
	position: relative;
	right: 0;
	top:0;
	z-index: 1;
	}

	nav#mainNav ul li{
	float: none;
	clear:both;
	width:100%;
	height:auto;
	line-height:1.2;
	}

	nav#mainNav ul li a,nav#mainNav ul li.current-menu-item li a{
	display: block;
	padding:15px 10px;
	text-align:left;
	border-bottom:1px dashed #ccc;
	}
	
	nav#mainNav ul li a span{padding-left:10px;}
	
	nav#mainNav ul li:first-child a{
	border-top:1px solid #e4e4e4;
	}
	
	nav#mainNav ul li:last-child a{border:0;}
	
	nav#mainNav ul li.active a{color:#a74864;}

	nav div.panel{float:none;}
	




	nav .panel{
	display: none;
	width:100%;
	position: relative;
	right: 0;
	top:0;
	z-index: 1;
	}


	nav#mainNav a.menu{
	width:60px;
	height:30px;
	line-height:30px;
	position:fixed;
	top:2px;
	right:2px;
	z-index:99;
	text-align:center;
	text-decoration:none;
	color:#0b3b2e;
	color:#001f4a;
	display: inline-block;
	margin: 2px 2px 2px 2px;
	padding: 3px;
	border: 2px solid #0b3b2e;
	border: 2px solid #001f4a;
	border-radius: 0.2em;
	background-color: rgba( 255, 255, 255, 0.75 );
	}

	nav#mainNav{
	/*border-top:1px solid #e4e4e4;*/
	border-bottom:0px solid #e4e4e4;
	}


	nav#mainNav .inner {
	position:fixed;
	top:50px;
	background-color: #4891d2;
	background-color: #001f4a;
	z-index:999999;
	}

	nav#mainNav .panel a{
	color:#ffffff;
	}

	nav#mainNav .panel span{
	color:#fff100;
	}

	nav#mainNav .panel a:hover{
	color:#ffffff;
	}

	nav#mainNav a#menu span{padding-left:0px;}
	nav#mainNav a.menu span:before{content: "";}
	nav#mainNav a.menuOpen span:before{content: "";}

	table{margin:4px 0;}
	img{margin:2px 0;}
	td{line-height:1.2em;padding:2px 0;}

	td{line-height:1.5em;padding:2px 0;}

	h1{line-height:1.2em}



	p.img_half img{
	max-width:90%;
	margin:10px;
	}

	p.img_half{
	text-align:center;
	}

	p.text{
	margin:10px;
	max-width:95%;
	}




	body{
	/*width:97%*/
	}


	#container{
	margin:0 auto;
	padding:0px;
	width:95%;
	}


	.img-waku2{/*商品一覧のイメージ幅を固定*/
	width:175px;
	height:auto;
	}

	/*商品ページ下の関連商品一覧のイメージ幅を小さく*/
	.itemname{
	width:135px;
	width:30%;
	}

	.img-waku2{
	width:140px;
	}

	#btm_menu {
		display:inline;
		width:100%;
		height:40px;
		position:fixed;
		bottom:0px;
		right:0px;
		z-index:99;
		background-color:#83b4ce;
		background-color:#000000;
		background-color: rgba( 0, 72, 203, 0.8 );
		background-color: rgba( 0, 31, 74, 0.8 );
	}



	#btm_menu .btmmenu{
		width:24.5%;
		float:left;
		background-color:#83b4ce;
		background-color:#000000;
		text-align:center;
		height:40px;
		background-color: rgba( 0, 72, 203, 0 );
		background-color: rgba( 0, 31, 74, 0 );

	}

	.ptop {

		bottom:40px;
	}

	#footer{
	background-color:#ff9306;
	background-color:#ffffff;
	}

	footer .logo img{
	height:65px;
	width:auto;
	}
}

@media only screen and (max-width:700px){


	.searchbox{
		text-align:center;
		margin-top:20px;
	}

	.searchbox input[type="text"]{
		width:80%; 
	}

}


/* スマートフォン 縦(ポートレート) */
@media only screen and (max-width:480px){

	#header{
	/*margin-top:20px;*/
	height:60px;
	}

	header .logo img{
	height:58px;
	width:auto;
	}

	/*トップページイメージ拡大・中央配置*/
	.topimg {
	width:100%;
	overflow:hidden;
	margin:0;
	}

	.topimg img{
	min-width:200%;
	margin-left:-50%;/* ( min-width - 100 ) / 2 */
	height:auto;
	}



	footer .logo img{
	height:65px;
	width:auto;
	}



	address,#footer{
	/*margin-right:5px;*/
	}
	.m20{
	margin:10px;
	}

	#sidebar,.contents{

	margin-left:15px;
	margin-right:20px;

	}

	.mt20{
	margin-top:10px;
	}

	/*商品ページ下の関連商品一覧のイメージ幅を小さく*/
	.itemname{
	width:150px;
	width:45%;
	}



}



nav.breadcrumbs li{
	list-style:none;
	display: inline-block;
}

.breadcrumbs li::after{
	content: '>';
	display: inline-block;
	padding: 0 5px; /*左右に余白*/
}

.breadcrumbs li:last-child::after{
	display: none;
}

.bld{
font-weight:bold;
}


section.content article{
padding:20px;
margin-bottom:20px;
border:1px solid #ebebeb;
overflow:hidden;
}

@media only screen and (max-width:700px){

	section.content article{
	padding:10px;
	}

}

* html section.content article{height:1%;}

section.content p{margin-bottom:5px;}


span.arrow{
	background: #000000;
	padding-left:12px;
	background: url('../img/arrow.png') no-repeat left 50%;
	font-weight:bold;
}

.faqset{
	margin-bottom:10px;
}
.faq_question{
	font-size:15px;
	color:#f04604;
	border-bottom:dotted 1px orange;
}
.faq_answer{
	
}