@charset "utf-8";
/*
Theme Name: smart077
Theme URI: http://theme.o2gp.com/
Description: smart077
Version: 1.0
Author: o2 Group
Author URI: http://theme.o2gp.com/

  o2 Group v1.0
   http://theme.o2gp.com/

  This theme was designed and built by o2 Group,
  whose blog you will find at http://theme.o2gp.com/

  The CSS, XHTML and design is released under GPL:
  http://www.opensource.org/licenses/gpl-license.php
*/

/* =Reset default browser CSS.
Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
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, font, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, 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;}

ol, ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {font-weight: normal;text-align: left;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
img {
  vertical-align: bottom;
}
a img {border: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}

body{
font: 12px/1.8 "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
color:#333;
-webkit-text-size-adjust: none;
/* background:url(images/wall.png) repeat-x; */
}

html{background:url(images/bg.png);}


/* リンク設定
------------------------------------------------------------*/
a{
  background:transparent;
  color:#15C;
  font-size:100%;
  margin:0;
  outline:0;
  padding:0;
  text-decoration: none;
  vertical-align:baseline;
}

a:hover, a:active, a:focus {
outline: none;
color:#F60;
}


/**** Clearfix ****/
nav .panel:after, nav#mainNav:after, .newsTitle:after, .bg:after,.post:after, ul.post li:after,nav#mainNav .inner:after{content:""; display: table;clear: both;}
nav .panel,nav#mainNav,.newsTitle,.bg, .post, ul.post li,nav#mainNav .inner{zoom: 1;}


/* フォーム
------------------------------------------------------------*/
input[type="text"], textarea{
vertical-align:middle;
max-width:90%;
line-height:2em;
height:30px;
padding:1px 5px;
border:1px solid #d4d4d7;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
font-size:100%;
color:#555;
background:#fcfcfc;
}

textarea{
height:auto;
line-height:1.5;
}

input[type="submit"],input[type="reset"],input[type="button"]{
padding:3px 10px;
background: #a5c254;
background: -moz-linear-gradient(top, #a5c254 0%, #87a438 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a5c254), color-stop(100%,#87a438));
background: -webkit-linear-gradient(top, #a5c254 0%,#87a438 100%);
background: -o-linear-gradient(top, #a5c254 0%,#87a438 100%);
background: linear-gradient(to bottom, #a5c254 0%,#87a438 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a5c254', endColorstr='#87a438',GradientType=0 );
border:0;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
line-height:1.5;
font-size:120%;
color:#fff;
}

input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover{
background: #87a438;
background: -moz-linear-gradient(top, #87a438 0%, #a5c254 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#87a438), color-stop(100%,#a5c254));
background: -webkit-linear-gradient(top, #87a438 0%,#a5c254 100%);
background: -o-linear-gradient(top, #87a438 0%,#a5c254 100%);
background: linear-gradient(to bottom, #87a438 0%,#a5c254 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87a438', endColorstr='#a5c254',GradientType=0 );
cursor:pointer;
}
*:first-child+html input[type="submit"]{padding:3px;}


/* レイアウト
------------------------------------------------------------*/
#wrapper, .inner{
margin:0 auto;
padding: 0 20px;
width:960px;
}

#header{
overflow:hidden;
}

#content{
float:left;
width:690px;
padding:5px 0 50px;
}

#sidebar{
float:right;
width:240px;
padding:5px 0 50px;
}

#footer{
clear:both;
} 


/* ヘッダー
*****************************************************/

/* サイト説明文
----------------------------------*/
#header h1{
padding:0 0 10px;
font-weight:normal;
}


/* ロゴ (サイトタイトル)
----------------------------------*/
#header h2{
clear:both;
float:left;
padding:18px 8px 9px;
color: #515151;
font-size:160%;
font-weight:bold;
}


/* コンタクト
----------------------------------*/
.contact{
float:right;
font-size:80%;
padding:10px 0 0;
text-align:right;
}

.contact .tel{
margin-bottom:-5px;
font-size:260%;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
}


/* トップページ　メイン画像
----------------------------------*/
#mainImg{
clear:both;
margin:20px 0;
line-height:0;
text-align:center;
z-index:0;
}

/* #mainImg a:hover{opacity:.8;} */


.post{
margin:15px 0 20px 0;
padding:20px 10px 20px 20px;
border:1px solid #dcdcdc;
background: #fff;
}

.toppage h4{
margin:0 0 10px;
font-size:16px;
font-weight:normal;
color:#333;
}

.toppage{padding:10px 10px 20px 20px;}


/* 記事ループ
*****************************************************/
.list{
padding:10px 0;
border-bottom:1px dashed #dcdcdc;
}

.list:last-child{border:0;}

.post .list p{padding:0;}

.list span{padding-left:10px;}


/* タイポグラフィ
*****************************************************/
/* #content a{color:#84a038;}
#content a:hover{text-decoration:underline;} */

h2.title{
clear:both;
margin:0;
padding:7px 10px 7px 17px;
font-size:120%;
color:#fff;
border-bottom:1px solid #a2bd34;
background:#839e39 url(images/headingBg.png) repeat-x;
}

.dateLabel{
text-align:right;
font-weight:bold;
color:#858585;
}

.post p{padding-bottom:15px;}

.post ul{margin: 0 0 10px 10px;}

.post ul li{
margin-bottom:5px;
padding-left:15px;
background:url(images/bullet.png) no-repeat 0 8px;
}

.post ol{margin: 0 0 10px 30px;}

.post ol li{list-style:decimal;}

.post h1{
margin:20px 0;
padding:5px 0;
font-size:150%;
color: #000;
border-bottom:3px solid #000;
}

.post h2{
margin:10px 0;
padding-bottom:2px;
font-size:130%;
font-weight:normal;
color: #333;
border-bottom:2px solid #515151;
}

.post h3{
margin:10px 0;
font-size:100%;
font-weight:normal;
color:#2e2c2c;
border-bottom:1px solid #515151;
}

.post blockquote {
clear:both;
padding:10px 0 10px 15px;
margin:10px 0 25px 30px;
border-left:5px solid #ccc;
}
 
.post blockquote p{padding:5px 0;}

.post table{
border: 1px #ccc solid;
border-collapse: collapse;
border-spacing: 0;
margin:10px 0 20px;
}

.post table th{
padding:10px;
border: #ccc solid;
border-width: 0 0 1px 1px;
background:#efede7;
}

.post table td{
padding:10px;
border: 1px #ccc solid;
border-width: 0 0 1px 1px;
background:#fff;
}

.post dt{font-weight:bold;}

.post dd{padding-bottom:10px;}

#content .post img{width: auto; max-width:100%;height:auto;}

img.aligncenter {
display: block;
margin:5px auto;
}

img.alignright, img.alignleft{
margin: 10px 10px 15px 15px;
display:inline;
}

img.alignleft{margin:10px 15px 15px 10px;}

.alignright{float:right;}
.alignleft{float:left;}

#gallery-1 img{
border:1px solid #eaeaea !important;
padding:5px;
background:#fff;
}

#gallery-1 img:hover{background:#fffaef;}



/* サイドバー　ウィジェット
*****************************************************/
section.widget ul,
.widget_search,
#calendar_wrap,
.textwidget,
.execphpwidget{
margin:1px 0 20px 0;
/* padding:10px 10px 10px 17px;
border:1px solid #dcdcdc;
background: #fff; */
}

section.widget ul ul{
border:0;
margin:0;
padding:0 0 0 10px;
}

p.banner{padding-bottom:15px;}

p.banner img{
max-width:233px;
height:auto;
}

p.banner img:hover{
cursor:pointer;
opacity:.8;
}

/* section.widget h3{
clear:both;
margin:0;
padding:7px 10px 7px 17px;
font-size:110%;
color:#fff;
border-bottom:1px solid #a2bd34;
background:#839e39 url(images/headingBg.png) repeat-x;
} */

section.widget li a{
display:block;
padding:7px 0 7px 12px;
background:url(images/arrow.gif) no-repeat 0 12px;
border-bottom:1px dashed #dcdcdc;
}

section.widget li:last-child a{border:0;}

#searchform input[type="text"]{
line-height:1.7;
height:24px;
width:90px;
vertical-align:bottom;
}

/* カレンダー */
#calendar_wrap table{margin:0 auto;width:90%;}
#calendar_wrap table caption{padding:10px 0;text-align:center;font-weight:bold;}
#calendar_wrap table th, #calendar_wrap table td{padding:3px;text-align:center;}
#calendar_wrap table th:nth-child(6),#calendar_wrap table td:nth-child(6){color:#0034af;}
#calendar_wrap table th:nth-child(7),#calendar_wrap table td:nth-child(7){color:#950000;}
#calendar_wrap table td#prev{text-align:left;}
#calendar_wrap table td#next{text-align:right;}
#calendar_wrap a{color:#84a038;font-weight:bold;}


/* お知らせ　
-------------*/
.newsTitle{
clear:both;
margin:0;
padding:7px 10px 7px 17px;
font-size:110%;
color:#fff;
border-bottom:1px solid #a2bd34;
background:#839e39 url(images/headingBg.png) repeat-x;
}

.newsTitle h3{
float:left;
font-weight:normal;
}

.newsTitle p{
float:right;
padding:0 0 0 10px;
font-size:80%;
background:url(images/arrow.gif) no-repeat 0 5px;
}

.newsTitle p a{color:#fff;}

.news p{
clear:both;
padding-bottom:2px;
border-bottom:1px dashed #dcdcdc;
}

.news p:last-child{border:0;}

.news p a{
display:block;
padding:5px 0;
color:#333;
font-style:italic;
font:italic 110% "Palatino Linotype", "Book Antiqua", Palatino, serif;
}

.news a span{
color:#515151;
font:normal 90% Arial, 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
}

.news span{padding-left:10px;}

.news a:hover span{color:#84a038;}



/* フッター
*****************************************************/
#footer ul{
padding:15px 0 25px;
text-align:center;
}

#footer li{
display:inline-block;
padding: 0 16px;
line-height: normal;
border-right:1px solid #666;
}
*:first-child+html #footer li{display:inline;}

#footer li:first-child{border-left:1px solid #666;}

#footer li a{
text-decoration:none;
}

/* #footer li a:hover{color:#999;} */

#footer ul ul{display:none;}

#copyright{
clear:both;
padding:10px 0 37px;
text-align:center;
font-size:10px;
}


/* page navigation
------------------------------------------------------------*/
.pagenav{
clear:both;
width: 100%;
height: 30px;
margin: 5px 0 20px;
}

.prev{float:left}

.next{float:right;}

#pageLinks{
clear:both;
color:#4f4d4d;
text-align:center;
}


/* トップページ 最新記事4件
------------------------------------------------------------*/
ul.post{
padding:0;
}

ul.post li{
margin:0 10px;
padding:20px 0 15px;
border-bottom:1px dashed #dcdcdc;
}

ul.post li:last-child{border:0;}

ul.post img{
float:left;
margin:0 15px 5px 10px;
}

ul.post h3{
margin:0 0 10px 10px;
font-size:14px;
font-weight:normal;
color:#333;
border:0;
}


/* メインメニュー　PC用（default breakpoint →1025 ）
------------------------------------------------------------*/
@media only screen and (min-width: 690px){
  
  a#menu{display:none;}
}



/* メインメニュー iPadサイズ以下から（default breakpoint →1024 ）
------------------------------------------------------------*/
@media only screen and (max-width:689px){
  nav#mainNav{
  clear:both;
  width:880px;
  margin:0 auto;
/*   background: #fbfaf9 url(images/mainnavBg.png) repeat-x 0 -5px;
  border:1px solid #e8e5e0; */
  }
  
  nav#mainNav a.menu{
  width:100%;
  display:block;
/*  color:#fff;
  height:37px;
  line-height:37px; */
  font-weight: bold;
  text-align:left;
/*  background: url(images/menuOpen.png) no-repeat 5px 8px; */
  }
  
/*  nav#mainNav a#menu span{padding-left:35px;} */
  
  nav#mainNav a.menuOpen{
/*  background: url(images/menuOpen.png) no-repeat 5px -34px; */
  }
  
  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{margin:0;padding:0;}

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

  nav#mainNav ul li img {
    display: none;
  }
  nav#mainNav ul li a:before {
    content: attr(data-label);
  }

  nav#mainNav ul li a,nav#mainNav ul li.current-menu-item li a,nav#mainNav ul li span{
  display: block;
  padding:15px 10px;
  text-align:left;
  border-bottom:1px dashed #fff;
  color:#fff;
  background: #A7DD40 /* #87a438 */;
  }
  
  nav#mainNav ul li:last-child a{border:0;}
  nav#mainNav ul li li:last-child a{border:0;}
  nav#mainNav ul li li:last-child a{border-bottom:1px dashed #fff;}

   nav#mainNav ul li a span{display:none;}
 
  nav#mainNav ul li.current-menu-item a,nav#mainNav ul li a:hover,nav#mainNav ul li.current-menu-item a,nav#mainNav ul li a:active, nav#mainNav ul li li.current-menu-item a, nav#mainNav ul li.current-menu-item li a:hover, nav#mainNav ul li.current-menu-item li a:active{
  color:#fff;
  background: #B6E557 /* #a5c254 */;
  }

  nav#mainNav ul li li{
  float:left;
  border:0;
  }

  nav#mainNav ul li li a, nav#mainNav ul li.current-menu-item li a, nav#mainNav ul li li.current-menu-item a{
  padding-left:40px;
  background:#87a438 url(images/sub1.png) no-repeat 20px 18px;}

  nav#mainNav ul li li.current-menu-item a,nav#mainNav ul li li a:hover, nav#mainNav ul li.current-menu-item li a:hover{
    background:#a5c254 url(images/sub1.png) no-repeat 20px 18px;}
  
  nav#mainNav ul li li:last-child a{background:#87a438 url(images/subLast.png) no-repeat 20px 20px;}
  nav#mainNav ul li li:last-child.current-menu-item a,nav#mainNav ul li li:last-child a:hover,nav#mainNav ul li.current-menu-item li:last-child a:hover{background:#a5c254 url(images/subLast.png) no-repeat 20px 20px;}
  
  nav div.panel{float:none;}
  
  #mainImg{margin-bottom:20px;}
}


/* 1000px以下から調整
------------------------------------------------------------*/
@media only screen and (max-width:1000px){
  #wrapper, .inner{width:100%; padding: 0;}
  #content {
    clear:both;
    margin: 0 3% 0 2%;
    width: 69%;
  }
  #sidebar {
    margin: 0 2% 0 0;
    width: 24%;
  }
  #sidebar img {
    height: auto;
    width: 100%;
  }
}


/* 689px以下から 1カラム表示（default breakpoint →959 ）
------------------------------------------------------------*/
@media only screen and (max-width: 689px){
  #wrapper, .inner{width:100%; padding: 0;}

  #header{width:96%;padding:0 2%;}

  .contact{padding:10px 0 10px;}

  nav#mainNav{width:95%;}

  nav#mainNav ul{margin:0 auto;}
  nav#mainNav ul ul{padding:0;}

  nav div.panel{float:none;}
  
  #mainImg img{width:98%;height:auto;}

  #content,#sidebar{clear:both;width:95%;float:none;margin:0 auto;padding:10px 0;  }
  #content > div {
    margin: 0;
  }

  .banner{width:100%;margin:0 auto;text-align:center;}
  p.banner img{width:100%;height:auto;}
  section.widget_search{text-align:center;}
  #calendar_wrap table{width:240px;}
  
  #footer li{margin-bottom:10px;}
  
}


/* 幅644px以下から ヘッダー等微調節
------------------------------------------------------------*/
@media only screen and (max-width: 644px){
  nav#mainNav{width:98%;}
  #header{text-align:center;background-image:none;}
  #header h2,.contact{float:none;}
  .contact{padding:0 0 20px;}
  .contact p{text-align:center;}
  #headerInfo{width:250px;margin:0 auto;}
  img.alignright, img.alignleft{display: block;  margin:5px auto;}
  .alignright,.alignleft{float:none;}
}



/* --------------------------------------------------------------------------------------------------------
    テーマカスタマイズ
-------------------------------------------------------------------------------------------------------- */

/* サイト背景
----------------------------------------------- */
body {
  background: #171717 url(https://www.beep-shop.com/imgv2/default/bg.jpg) center 160px repeat;
}

#wrapper {
  background: #FFF;
}

#wrapper .no-sidebar {
  width: 100%;
}


/* ヘッダ
----------------------------------------------- */

#header {
  background: #36B400;
  background: -webkit-linear-gradient(top, #8FC400, #36B400);
  background: linear-gradient(to bottom, #8FC400, #36B400);
}

#header .inner {
}

#header .panel {
  background: #FFF;
}

/* ロゴ */
#site-logo {
  float: left;
  width: 28%;
  margin: 0 0 0.5em;
}

/* コンタクト */
#header .contact{
  float: right;
  width: 72%;
  margin: 0 0 0.5em;
  padding: 0;
  text-align: right;
}

#header .contact img {
  height: auto;
  margin-top: 0;
  margin-left: 2.8%;
  width: 38%
}

#header .contact img.p-mark {
  width: 10.5%;
}

#header .contact .h-mail img {
  margin-top: 0;
}

/* メインイメージ */
#mainImg{
}


/* =breadcrumb
----------------------------------------------- */
#breadcrumb {
  background: #FFF;
  clear: both;
  padding: 10px 20px;
  margin: 0 auto;
  width: 960px;
}

#breadcrumb ol {
  height: 15px;
  margin: 0 auto 10px;
  width: 960px;
}

#breadcrumb li {
  background: url(https://www.beep-shop.com/imgv2/default/breadcrumb.gif) center left no-repeat;
  float: left;
  font-size: 12px;
  padding: 0 5px 0 15px;
  list-style: none;
  line-height: normal;
}

#breadcrumb li:first-child,
#breadcrumb li.first {
  background: none;
  padding-left: 0;
}


/* フッタ
----------------------------------------------- */
#footer {
  background: #DFDFDF;
  padding-bottom: 6%;
}

/* 背景が濃色の場合
#footer a:link {
  color: #FFF;
  text-decoration: none;
}
#footer a:focus,
#footer a:active,
#footer a:hover {
  color: #FFAA72;
  text-decoration: none;
}
#footer a:visited {
  color: #AA79AA;
} */

/* ページ先頭へ（追従ボタン） */
#return {
  clear: both;
  height: 65px;
  line-height: normal;
  padding: 0;
  margin: 0;
  text-align: right;
}

#return p {
  bottom: 1.4em;
  line-height: normal;
  position: fixed;
  right: 1.4em;
  width: 65px;
  z-index: 99;
}

/* フッタバー */
#f-bar {
  background: #4E4E4E;
  text-align: center;
  padding: 10px 0;
  position: fixed;
  bottom: 0;
  height: auto;
  width: 100%;
  z-index:90;
}

#f-bar img {
    margin: 0 15px !important;
}
#f-sub-nav {
  display: none;
}


/* 幅1000px調整
----------------------------------------------- */
@media only screen and (max-width:1024px){
  #header .inner {
    background: none;
    width: 97%;
  }
  nav#mainNav {
    background-size: auto 100%;
    padding: 0;
    width: 100%;
  }
  nav#mainNav .inner {
    margin: 0 auto;
    padding: 0;
    width: 97%;
  }
  nav#mainNav .inner li {
    width: 20%;
  }
  nav#mainNav .inner img {
    height: auto;
    width: 100%;
  }

  #f-bar {
    text-align: left;
  }
  #f-bar img {
    height: auto;
    margin: 0 0 0 10px !important;
    width: 24% !important;
  }
}




/* 幅689px調整
----------------------------------------------- */
@media only screen and (max-width:689px){

  #header {
    padding: 0;
    width: 100%;
  }
  #header .inner {
    background: none;
  }
  #header img {
    height: auto;
    width: 100%;
  }
  #site-logo {
    margin: 0 1% 1% 1%;
    width: 24%;
  }
  #header .contact {
    float: left;
    margin-bottom: 0;
    height: auto;
    width: 54%;
  }
  #header .contact img {
    margin-left: 2%;
    width: 41%;
  }
  #header .contact .tel-num-ak img {
    margin-left: 0;
  }
  #header .contact img.p-mark {
    width: 10%;
  }

  nav#mainNav,
  nav#mainNav .inner {
    padding: 0;
    width: 100%;
  }
  nav#mainNav .inner li {
    width: 100%;
  }
  nav#mainNav a.menu {
    text-align: right;
    padding:0;
    position: absolute;
    top: 1%;
    right: 1%;
    width: 15%;
  }
  nav#mainNav a.menu img {
    margin: 1% 1% 0 0;
    vertical-align: bottom;
    height: auto;
    width: 100%;
  }

  #breadcrumb {
    padding: 1em 0;
    width: 100%;
  }
  #breadcrumb ol {
    height: 1em;
    margin: 0 auto;
    width: 95%;
  }

  #header h1 {
    background: #000;
    color: #FFF;
    line-height: 1.2em;
    text-align: left;
    padding: 5px;
  }
  #site-logo {
    width: 48%;
  }
  #header .contact {
    clear: both;
    float: none;
    marginm: 0 2%;
    height: auto;
    width: 100%;
  }
  #breadcrumb {
    padding: 0;
  }

  #footer {
    padding-bottom: 70px;
  }

  #f-bar {
    display: none;
  }
  #footer #f-sub-nav {
    background: #4e4e4e;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0 100px 0 0;
    position: fixed;
    bottom: 0;
    height: 70px;
    width: 100%;
    z-index: 3;
  }
  #footer #f-sub-nav * {
    color: #FFF;
  }
  #footer #f-sub-nav li {
    border-right: 1px #6d6d6d solid !important;
    font-size: 3vw;
    text-align: center;
    margin: 0;
    vertical-align: middle;
    text-shadow: 2px 2px 2px #000;
  }
  #footer #f-sub-nav li a {
    display: block;
    height: 100%;
    width: 100%;
  }
  #footer #f-sub-nav li span > img,
  #footer #f-sub-nav li a img {
    display: block;
    height: auto;
    margin: 0 auto;
    max-width: 25px;
  }
  #footer #f-sub-nav li span > i,
  #footer #f-sub-nav li a i {
    font-size: 6vw;
    margin-bottom: 5px;
  }
  #footer #f-sub-nav li a[href*="form"] i {
    color: #f7e117;
  }
  #footer #f-sub-nav li a[href*="line"] i {
    color: #04e404;
  }

  #return p {
    bottom: 0.4em;
    right: 0.4em;
  }
  #return p img {
    height: auto;
    width: 60%;
  }

  #footer li {
/*    background: url(https://www.beep-shop.com/img/block/icon/icon3.png) left 0.5em no-repeat; */
    display: block;
    padding: 5px 20px;
    border: none !important;
    text-align: left;
  }
  #copyright{
    background: #999;
    color: #333;
    padding: 0.5em 0;
  }

}



/* --------------------------------------------------------------------------------------------------------
    サイドバー
-------------------------------------------------------------------------------------------------------- */

/* カテゴリ別高価買取リスト
----------------------------------------------- */
#sidebar .list {
}

#sidebar .list h3 {
  background: none;
  border: none;
  color: #FFF;
  font-size: 1.3em;
  text-align: center;
  padding: 0;
}

#sidebar .list ul {
  background: #CF0100;
  border-radius: 5px;
  padding: 10px;
  margin: 0;
}

#sidebar .list li {
  width: 90%;
  height: auto;
  border-bottom: 1px #EDEDED dotted;
  margin: 0 auto;
  padding: 0;
  list-style: none;
}

#sidebar .list li a {
  background: #FFF url(https://www.beep-shop.com/imgv2/block/icon/arrow-r.gif) 7px 0.7em no-repeat;
  border-bottom: none;
  display: block;
  height: auto;
  padding: 5px 0 5px 25px;
}

#sidebar .list li a:hover {
  background: #FFF url(https://www.beep-shop.com/imgv2/block/icon/arrow-r.gif) 9px 0.7em no-repeat;
}


/* 募集アイテム
----------------------------------------------- */
#sidebar .item {
  background: #45B80D;
  border: 1px #287F00 solid;
  border-radius: 5px;
  padding-bottom: 10px;
}

#sidebar .item h3 {
  background: none;
  border: none;
  color: #FFF;
  font-size: 1.3em;
  text-align: center;
}

#sidebar .item ul {
  margin: 0;
}

#sidebar .item li {
  width: 90%;
  height: auto;
  margin: 0 auto;
  padding: 0 0 1px;
  list-style: none;
}

#sidebar .item li a {
  background: #FFF url(https://www.beep-shop.com/imgv2/block/icon/arrow-g.gif) 7px 0.7em no-repeat;
  border-bottom: none;
  display: block;
  height: auto;
  padding: 5px 0 5px 25px;
}

#sidebar .item li a:hover {
  background: #EDFFE4 url(https://www.beep-shop.com/imgv2/block/icon/arrow-g.gif) 9px 0.7em no-repeat;
}



/* 読み物
----------------------------------------------- */
#sidebar .s-reading {
  background: #FF9;
}
#sidebar .s-reading img {
  height: auto;
  width: 100%;
}
#sidebar .s-reading h3 {
  background: #FF9;
  background: -webkit-linear-gradient(top, #FFF 0%,#FFF 30%,#FF9 31%,#FF9 100%); /* webkit系ベンダープレフィックス */
  background: linear-gradient(to bottom, #FFF 0%,#FFF 30%,#FF9 31%,#FF9 100%); /* 標準型 */
  padding: 0 5%;
}
#sidebar .s-reading li {
  margin: 0 auto;
  padding: 0 0 1em;
  width: 90%;
}
#sidebar .s-reading li a {
  background: none;
  border: none;
  padding: 0;
}


/* マイコン資料館メニュー
----------------------------------------------- */
#sidebar .data-center {
  background: #BABABA;
  border-radius: 5px;
  padding: 0.2em 0.8em 0.8em;
}
#sidebar .data-center h3 {
  font-size: 1.4em;
  font-weight: bold;
  text-align: center;
}
#sidebar .data-center ul {
  background: #FFF;
  border-radius: 5px;
  padding: 0.8em 0.5em;
  margin: 0;
}
#sidebar .data-center ul li {
  text-align: center;
  margin: 0 0 0.5em;
}
#sidebar .data-center ul li a {
  background: none;
  border: none;
  padding: 0;
}



/* モバイル端末用バナー調整
----------------------------------------------- */
#text-24,
#text-29,
#text-31,
#text-33,
#text-35,
#text-36,
#text-37,
#text-38,
#text-39,
#text-40 {
  float: left;
  padding: 0 2%;
  width: 46%;
}

/* WANTED */
#sidebar #wanted {
  border: 2px #F00 solid;
  border-radius: 5px;
}
#sidebar #wanted #wanted-slide {
  margin-bottom: 40px;
}
#sidebar #wanted #wanted-slide a {
  border: none;
  padding: 0;
}

/* TEL・MAIL */
#content .sp-contact li,
#sidebar .sp-contact li,
#content .sp-contact li a,
#sidebar .sp-contact li a {
  background: none;
  border: none;
  text-align: center;
  margin: 0;
  padding: 0;
}
#content .sp-contact li:first-child,
#sidebar .sp-contact li:first-child {
  margin-bottom: 1em;
}


/* 問い合わせ先情報 */
#text-41 {
  clear: both;
}


/* --------------------------------------------------------------------------------------------------------
    その他 追加
-------------------------------------------------------------------------------------------------------- */

/* contactform7
----------------------------------------------- */ 
.screen-reader-text {
position: absolute;
left: -9000px;
}

/* contactform7 */
span.wpcf7-list-item {
  display:block;
  float:left;
  margin: 0 0 0.3em 1em;
}
span.wpcf7-form-control-wrap select,
input.wpcf7-form-control {
  margin-bottom: 0.3em;
}
div.pWindow .s-moji,div.pWindow .none {
	display:none;
}
div.pWindow table,
div.pWindow table td,
div.pWindow table th {
	margin: 0;
	padding: 0;
	font-size:100%;
	line-height:120%;
	font-weight: normal;
	font-style: normal;
	list-style-type: none;
	vertical-align:middle;
}
div.pWindow table th.line-1 { width:150px;}
div.pWindow table .line-2,div.pWindow table .line-3 {
	width:auto;
}
div.pWindow table				{ border:0; padding:0; position:relative;width:90% !important; top:0; }
div.pWindow table th					{ background:none; border:0;
							  font-weight:normal; padding:0; text-align:left !important;width:auto; }
div.pWindow table td					{ border:0; padding:0;text-align:left;}
div.pWindow table td span {
	 display:inline; 
}
@media only screen and (max-width: 690px){
  div.pWindow {
    height: auto !important;
    left: 0 !important;
    width: 100% !important;
  }
}

/* ------------------------------------------------------------
    ブログ
------------------------------------------------------------ */

/*------------------------------ Archive */

/* === Title === */
.archive h1.title{
  clear:both;
  margin:0 0 0.5rem;
  padding:0 1%;
  font-size:2rem;
  line-height: 1.2em;
  color:#333;
  border-bottom:2px dotted #a2bd34;
  background:none;
}

/* === List === */
.archive .list header {
  border-left: 5px #91D837 solid;
  padding: 0 0 0 10px;
}

.archive .list p {
  font-size: 14px;
  line-height: normal;
}

.archive .list p.kiji-title {
  font-weight: bold;
  margin-bottom: 10px;
}

#content.archive .list .img_l {
  width: 150px;
}

.archive .list time {
  font-size: 0.8rem;
}

.archive .list span {
  padding: 0;
}

/* === 資料館アーカイブ === */
.archive.category #content > p {
  margin-bottom: 2rem;
}
.archive.category-44 h1,
.archive.category-45 h1,
.archive.category-46 h1,
.archive.category-47 h1,
.archive.category-48 h1,
.archive.category-49 h1 {
  clear:both;
  margin:0;
    background: #0A8E00;
    background: -webkit-linear-gradient(top, #77D32C, #0A7C00); /* webkit系ベンダープレフィックス */
    background: linear-gradient(#77D32C, #0A7C00); /* 標準型 */
    border: none;
    color: #FFF;
    height: auto;
    margin-bottom: 1rem;
    padding: 1% 2%;
    border-radius: 5px;
    font-size: 1.6em;
    font-weight: bold;
    line-height: 1.5em;
}
.category-44 .list {
  border: none;
  float: left;
  margin: 0 7% 2% 0;
  width: 26%;
}
.category-44 .list header {
  border: none;
}
.category-44 .list img {
  margin-bottom: 0.4em;
}
.category-44 .list span {
  display: block;
}

@media only screen and (max-width:359px) {
  .category-44 .list {
    width: 42%;
  }
}

/*------------------------------ Single post */

/* === Title === */
.single h1.title{
  clear:both;
  margin:0;
    background: #0A8E00;
    background: -webkit-linear-gradient(top, #77D32C, #0A7C00); /* webkit系ベンダープレフィックス */
    background: linear-gradient(#77D32C, #0A7C00); /* 標準型 */
    color: #FFF;
    height: auto;
    padding: 2%;
    border-radius: 5px;
    position: relative;
    font-size: 1.4em;
    line-height: 1.5em;
}
.single h1.title:before{
    content: "";
    position: absolute;
    bottom: -31px;
    left: 3%;
    border: 12px solid transparent;
    border-top: 20px solid #0A7C00;
}
.dateLabel {
  font-weight: normal;
  text-align: left;
  padding: 0 1%;
}

/* === content === */
.post {
  padding: 0;
  border: none;
}



/*------------------------------ Widget Title */
section.widget > h3,
#sidebar h3.title {
  clear:both;
  margin:0;
  padding:7px 10px 7px 17px;
  font-size:110%;
  color:#fff;
    background: #0A8E00;
    background: -webkit-linear-gradient(top, #77D32C, #0A7C00); /* webkit系ベンダープレフィックス */
    background: linear-gradient(#77D32C, #0A7C00); /* 標準型 */
    border-radius: 5px;
}

/*------------------------------ タイトル画像*/
.blog-content div.page-title{
	margin-bottom:30px;
}
.blog-content div.page-title h1{
  padding:15px 0 10px 45px;
  border-bottom:1px dotted #ccc;
  font-size:16px;
  font-weight: normal;
  text-align:right;
  height:20px;
}
/*背景画像*/
.blog-content div.page-title h1.blog {
  background: url(https://www.beep-shop.com/img/block/title/blog-title.gif) no-repeat;
}
.blog-content div.page-title h1.archive {
  background: url(https://www.beep-shop.com/img/block/title/archive-title.gif) no-repeat;
}
/*背景画像 - 追加*/
.blog-content div.page-title h1.staff {
  background: url(https://www.beep-shop.com/img/block/title/staff-title.gif) no-repeat;
}
.blog-content div.page-title h1.voice {
  background: url(https://www.beep-shop.com/img/block/title/voice-title.gif) no-repeat;
}
.blog-content div.page-title h1.topics {
  background: url(https://www.beep-shop.com/img/block/title/topics-title.gif) no-repeat;
}
.blog-content div.page-title h1.new {
  background: url(https://www.beep-shop.com/img/block/title/new-title.gif) no-repeat;
}
.blog-content div.page-title h1.season {
  background: url(https://www.beep-shop.com/img/block/title/season-title.gif) no-repeat;
}


/*------------------------------ 記事ヘッダ*/
/*日付*/
.blog-content .entry-meta {
  background: url(https://www.beep-shop.com/img/block/title/date-bg.jpg) left top no-repeat;
  color: #8E0F0F;
  clear: none;
  width: 75px;
  height: 70px;
  padding: 5px 0 0 0;
  margin: 0;
  text-align: center;
  float:left;
}

.blog-content .entry-date>div,
.blog-content .entry-date>p,
.blog-content .entry-date>span {
  margin: 0 0 5px;
  display: block;
}

.blog-content .entry-meta .year {
  font-size: 12px;
}

.blog-content .entry-meta .date {
  font-size: 16px;
}

.blog-content .entry-meta .week {
  font-size: 12px;
}

/*記事タイトル*/
.blog-content .entry-header {
  position: relative;
  background:#F7F7F7 url(https://www.beep-shop.com/img/block/title/share-bg.jpg) left bottom repeat-x;
  margin-bottom:10px;
  min-height:80px;
}
.blog-content .entry-header .heading-box {
  background: #F7F7F7;
  padding: 10px;
  margin: 0 0 0 90px;
}
.blog-content .entry-header .b-heading {
  color: #784200;
  clear: none;
  font-size: 24px;
  font-weight: bold;
  height:auto;
  padding: 0 0 5px 0;
  margin: 0;
  line-height: 1.2em;
  border-bottom:2px dotted #BB1213;
  margin-bottom:0;
  padding-left:0;
  padding-bottom:5px;
}

.blog-content .b-heading a {
  color:#784200;
  text-decoration: none;
}


/* ソーシャルボタン
----------------------------------------------- */
/*.share {
  background: url(https://www.beep-shop.com/img/block/title/share-bg.jpg) left top repeat-x;
  margin-bottom:10px;
}*/
.wp-social_bookmarking_light{
    border: 0 !important;
    padding: 5px 0 0 0 !important;
    margin: 0 auto !important;
    width: 680px;
}
.wp_social_bookmarking_light div{
    float: right !important;
    border: 0 !important;
    padding: 0 !important;
    margin: 0 5px 0px 0 !important;
    height: 23px !important;
    text-indent: 0 !important;
}
.wp_social_bookmarking_light img{
    border: 0 !important;
    padding: 0;
    margin: 0;
    vertical-align: top !important;
}
.wp_social_bookmarking_light_clear{
    clear: both !important;
}
.wsbl_twitter{
    width: 70px;
}
.wsbl_google_plus_one {
	width:32px;
}
.wsbl_line {
	width:100px;
}
.wsbl_facebook_like {
	width:120px;
}

/*------------------------------ 関連記事*/
.entry-content .yarpp-related {
  background: none;
  clear: both;
  padding: 20px 0;
  text-align: left;
}

.entry-content .yarpp-related h2 {
  font-size: 16px;
  background: url(https://www.beep-shop.com/img/block/title/line.gif) left bottom repeat-x;
  color: #666;
  margin-bottom: 10px;
  padding: 0 0 10px 3px;
}

.entry-content .yarpp-related ul {
  padding: 0 0 0 10px;
}

.entry-content .yarpp-related li {
  background: url(https://www.beep-shop.com/img/block/icon/side-yajirusi.gif) left center no-repeat;
  font-size: 14px;
  list-style: none;
  line-height: 2em;
  padding: 0 0 0 20px;
}

.entry-content .yarpp-related li a {
  text-decoration: underline;
}

/*------------------------------ Editリンク*/
p.edit_link {
  text-align:right;
}

/*------------------------------ トラックバック*/
div.blog-content div.trackback {
  margin-bottom:20px;
}
div.blog-content div.trackback p {
  font-size: 16px;
  background: url(https://www.beep-shop.com/img/block/title/line.gif) left bottom repeat-x;
  color: #666;
  margin-bottom: 10px;
  padding: 0 0 10px 3px;
}
div.blog-content div.trackback input {
  margin-left:10px;
  width:95%;
}


/* キャプション
----------------------------------------------- */ 
div.blog-content .wp-caption {
	padding:5px;
	margin:0 auto;
}


/* 表
----------------------------------------------- */ 
div.blog-content table{
  margin-bottom: 20px;
  table-layout: fixed !important;
  width: 100%;
}
div.blog-content table td,
div.blog-content table th {
  border-collapse:collapse;
  border:1px solid #ccc;
  height: auto;
  padding:10px;
  vertical-align: middle;
  width: auto !important;
}
div.blog-content table.example {
	margin:20px 0;
	width:100%;
}
div.blog-content table.example th {
	width:30%;
	padding:10px;
	background:#FFFFF7;
	border:1px solid #BE9B6B;
	color:#593F1C;
	font-weight:bold;
}
div.blog-content table.example td {
	padding:10px;
	background:#FFFFFF;
	border:1px solid #BE9B6B;
}
/* 事例 */
div.blog-content table.pic_1,
div.blog-content table.pic_2 {
	margin:0 0 20px;
}
div.blog-content table.pic_1 td,
div.blog-content table.pic_2 td {
	text-align:center;
	border:none;
}
div.blog-content table.pic_4 {
	border:none;
	margin-bottom:20px;
}
div.blog-content table.pic_4 td {
	text-align:center;
	padding:5px 5px 5px 0;
}
div.blog-content table.other {
}
div.blog-content table.other th{
	font-size:16px;
	font-weight:bold;
	border-bottom:2px dotted #336699;
	padding:15px 0 15px 60px;
	color:#336699;
	/*background:url(https://www.beep-shop.com/img/block/icon/track.gif) 5px 3px no-repeat;*/
	text-align:left;
}
div.blog-content table.other td {
	border:none;
}


/* 本文
----------------------------------------------- */ 
div.blog-content p {
  font-size: 14px;
    line-height: 1.8em;
    padding-bottom: 10px;
}
div.blog-content p strong {
  font-weight:bold;
}
/* フッター */
div.entry-footer img{
	margin:0 -15px 5px 15px;
}

/* 検索結果画面 */
.entry-summary {
  padding-top: 80px;
}


/* コメント欄
----------------------------------------------- */ 
/* 認証 */
#commentform .captchaSizeDivSmall {
	float:left;
}
/* 送信ボタン */
#commentform input#submit {
	background:#aaa;
	color:#FFF;
	padding:5px 7px;
	border:none;
}

/*------------------------------ 検索結果*/
body.search .page-title {
	background:#EFEFEF;
	padding-left:10px;
	line-height:2em;
	font-weight:bold;
	margin-bottom:30px;
}

/* サイドバー
----------------------------------------------- */ 
div#secondary aside.widget_archive h3.widget-title,
div#secondary aside.popular-posts h3.widget-title,
div#secondary aside.widget_recent_entries h3.widget-title,
div#secondary aside.widget_calendar h3.widget-title{
  font-weight:bold;
  font-size:14px;
  background:url(https://www.beep-shop.com/img/block/title/line.gif) repeat-x bottom;
  margin-bottom:10px;
}
div#secondary aside.widget_categories ul.children{
	border:none;
	padding:0;
}
div#secondary aside.widget_archive li,
div#secondary aside.popular-posts li,
div#secondary aside.widget_recent_entries li,
div#secondary aside.widget_calendar li {
	margin:0 0 5px 15px;
	line-height:1.6em;
	list-style:outside;
}
div#secondary aside.widget_recent_entries ul li {
	font-size:12px;
}
div#secondary aside.widget_meta li {
	list-style:outside;
	margin:0 0 0 15px;
}
div#secondary aside.widget_archive li ul li,
div#secondary aside.popular-posts li ul li,
div#secondary aside.widget_recent_entries li ul li,
div#secondary aside.widget_calendar li ul li{
	margin-bottom:0;
}
aside.widget_archive select {
	margin:0 10px 10px;
	width:200px;
}


/* 見出し */
div#secondary aside.widget_categories h3 {
  font-weight:bold;
  font-size:14px;
  background:url(https://www.beep-shop.com/img/block/title/line.gif) repeat-x bottom;
  margin-bottom:10px;
}

div#secondary aside.widget_categories ul {
  width: auto;
  margin: 0 auto;
}
div#secondary aside.widget_categories ul.children{
	border:none;
	padding:0;
	width:auto;
}
div#secondary aside.widget_categories ul li {
  padding: 3px 0 3px 17px;
  border-bottom: 1px #CCC dotted;
  list-style: none;
  font-size:14px;
  background:url(https://www.beep-shop.com/img/block/icon/side-yajirusi.gif) no-repeat 0 8px;
}
div#secondary aside.widget_categories ul.children li{
	padding:0 0 0 15px;
  background:url(https://www.beep-shop.com/img/block/icon/side-s-yajirusi.gif) no-repeat 0 6px;
  border-bottom:none;
}

div#secondary aside.widget_categories ul li:first-child {
}

/* 検索フォーム */
#searchform input#s {
	font-size:12px;
	height:18px;
	width:auto;
}
#searchsubmit {
	background:#aaa;
	color:#FFF;
	padding:5px 9px;
	border:none;
}

/* RSSフィード */
a.rss img {
	margin-right:10px;
}


/* アーカイブ・カテゴリー一覧表示
----------------------------------------------- */
#content ul.categorylist,
#content ul.archivelist {
	list-style:none;
	margin:0 10px;
	padding:0;
}
#content ul.categorylist li,
#content ul.days li {
	background:url(https://www.beep-shop.com/img/default/notecheck20.gif) 10px 50% no-repeat;
	padding-left:40px;
}
ul.categorylist li,
ul.archivelist li {
	border-bottom:1px dotted #ccc;
	font-size:14px;
	line-height:1.5em;
	padding:7px 10px;
}
#content ul.categorylist li span {
	font-size:10px;
	line-height:1em;
}
#content ul.categorylist li a,
#content ul.archivelist li a {
	font-weight:bold;
}

/* content-single 投稿月のアーカイブリンク
----------------------------------------------- */
#content .moremonth {
  text-align: right;
}


/* 投稿者
----------------------------------------------- */
#content .author-info {
  clear: both;
}
/* よろしけれシェアお願いします
----------------------------------------------- */
.addtoany_header {
  font-size: 16px;
  font-weight: bold;
  background: url(https://www.beep-shop.com/imgv2/block/title/line.gif) left bottom repeat-x;
  color: #666;
  margin-bottom: 10px;
  padding: 0 0 10px 3px;
}



/* -----------------------------------------------------------------------------------------------------------
  デザイン変更 2018
----------------------------------------------------------------------------------------------------------- */

#footer {
  background: #F8F8F8;
  border-top: 1px solid #e8e8e8;
}

#footer ul.tree {
  text-align: left;
}
#footer ul.tree li {
  display: list-item;
  margin: 0 8px 8px;
  padding: 0;
}
#footer ul.tree ul li {
  list-style: disc;
}
#footer ul.tree > li > span.bough {
  display: block;
  margin-bottom: 0.5em;
}
#footer ul.tree > li > div > span {
  display: block;
  line-height: 1.5em;
  margin-bottom: 1em;
}
#footer ul.tree > li > div > span.license {
  background: rgba(200,200,200,0.2);
  border-radius: 0.3em;
  padding: 0.5em;
}
#footer ul.tree ul {
  display: block;
  font-size: 0.9em;
  text-align: left;
  margin-bottom: 2em;
  padding: 0;
}

/* SSL */
#footer div.secure {
  background: rgba(195, 203, 189,0.2);
  border-radius: 0.3em;
  font-size: 0.8em;
  margin-top: 1em !important;
  margin-bottom: 1em !important;
  padding: 0 0.5em 0.5em !important;
}
#footer div.secure:after {
  content: "";
  clear: both;
  display: table;
}
#footer div.secure img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}
#footer div.secure span {
  display: block;
  margin: 0 !important;
}

@media (max-width: 689px){
  #subNav {
    background: #E4E4E4;
    box-sizing: border-box;
    clear: both;
    margin-bottom: 1em;
  }
  #subNav > ul {
    border-top: 1px #FFF solid;
    border-left: 1px #FFF solid;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
  }
  #subNav > ul > li {
    width: 50%;
  }
  #subNav > ul > li:first-child {
    width: 100%;
  }
  #subNav > ul > li a {
    border-right: 1px #FFF solid;
    border-bottom: 1px #FFF solid;
    color: #333;
    display: block;
    text-align: center;
    padding: 0.5em;
  }
  #subNav > ul > li a:hover {
    background: rgba(150, 150, 150, 0.1);
  }

  #footer ul.tree > li {
    margin: 0;
  }
  #footer ul.tree > li > span.bough {
    border-bottom: 1px #CCC dotted;
    cursor: pointer;
    padding: 0.5em;
  }
  #footer ul.tree > li > span.bough:before {
    content: "＋";
    margin-right: 0.2em;
  }
  #footer ul.tree > li > span.bough.open:before {
    content: "－";
  }
  #footer ul.tree > li > span.bough:hover {
    color: #FFAA72; /* (★注)オンマウス時の色 */
  }
  #footer ul.tree ul {
    padding-left: 2em;
  }
  #footer ul.tree > li > div {
    padding-top: 2em;
  }

  /* SSL */
  #footer div.secure {
    padding-top: 1em !important;
  }
  #footer div.secure img {
    float: left;
    max-width: 100%;
  }
} /* Eo max689 */

@media (min-width: 690px){
  #mainNav {
    background: #121212;
    background: -webkit-linear-gradient(top, #333333, #121212);
    background: linear-gradient(to bottom, #333333, #121212);
    color: #FFF;
    clear: both;
    position: relative;
    z-index: 20;
  }
  #mainNav a {
    color: #FFF;
  }
  #mainNav > div > ul {
    border-right: 1px #000 solid;
    border-left: 1px #000 solid;
    display: table;
    width: 100%;
  }
  #mainNav > div > ul > li {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: auto !important;
  }
  #mainNav > div > ul > li + li {
    border-left: 1px #000 solid;
  }
  #mainNav > div > ul > li span.parent {
    cursor: pointer;
  }
  #mainNav > div > ul > li span.parent.open {
    background: rgba(251, 251, 251, 1);
    color: #333;
  }
  #mainNav > div > ul > li span,
  #mainNav > div > ul > li a {
    display: block;
    padding: 1em 0.5em;
  }
  #mainNav > div > ul > li span:hover,
  #mainNav > div > ul > li a:hover {
    background: rgba(250, 250, 250, 0.1);
  }

  #mainNav > div > ul div {
    background: rgba(234, 234, 234, 0.95);
    background: -webkit-linear-gradient(top, rgba(251, 251, 251, 0.95), rgba(234, 234, 234, 0.95));
    background: linear-gradient(to bottom, rgba(251, 251, 251, 0.95), rgba(234, 234, 234, 0.95));
    color: #555;
    display: none;
    text-align: left;
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    margin: 0 calc(((100vw - 100%) / 2) * -1);
  }
  #mainNav > div > ul div a {
    color: #555;
  }
  #mainNav > div > ul div a:hover {
    color: #FFAA72;
  }
  #mainNav > div > ul div ul {
    display: flex;
    flex-wrap: wrap;
    max-width: 1100px;
    margin: 0 auto;
    padding: 2em 1em;
  }
  #mainNav > div > ul div ul li {
    width: 25%;
  }

  #header #mainNav {
    margin: 0 calc(((100vw - 100%) / 2) * -1);
  }
  #header #mainNav .inner {
    margin: 0 auto;
  }

  #subNav {
    background: #D4D4D4;
    clear: both;
  }
  #subNav > ul {
    border-right: 1px #BDBDBD solid;
    border-left: 1px #BDBDBD solid;
    display: table;
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
  }
  #subNav > ul > li {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: auto !important;
  }
  #subNav > ul > li + li {
    border-left: 1px #BDBDBD solid;
  }
  #subNav > ul > li a {
    color: #333;
    display: block;
    padding: 1em 0.5em;
  }
  #subNav > ul > li a:before {
    font-family: FontAwesome;
    font-size: 1.5em;
    display: inline-block;
    margin-right: 0.3em;
  }
  #subNav > ul > li a[href*="goods-list"]:before {
    content : "\f11b";
  }
  #subNav > ul > li a[href*="flow"]:before {
    content : "\f1b2";
  }
  #subNav > ul > li a[href*="area"]:before {
    content : "\f0d1";
  }
  #subNav > ul > li a[href*="buy_form"]:before {
    content : "\f0e0";
  }
  #subNav > ul > li a[href*="qa"]:before {
    content : "\f128";
  }
  #subNav > ul > li a:hover {
    background: rgba(150, 150, 150, 0.1);
  }

  #footer ul.tree {
    display: flex;
    flex-wrap: wrap;
    text-align: left;
  }
  #footer ul.tree li {
    border: none;
    display: list-item;
  }
  #footer ul.tree li:before,
  #footer ul.tree li:after {
    content: none;
  }
  #footer ul.tree > li {
    margin: 0;
    width: 20%;
  }
  #footer ul.tree ul {
    text-align: left;
  }
  #footer ul.tree ul li {
    margin-left: 1.2em;
  }


} /* Eo min690 */


/* 投稿本文の<hn>スタイル
----------------------------------------------- */
body.single-post .content h2 {
  background-color: #198806;
  border: none;
  border-radius: 3px;
  color: #FFF;
  font-weight: bold;
  margin-bottom: 1rem;
  padding: 0.5em 1em;
}
body.single-post .content h3 {
  border-left: 0.8em #198806 solid;
  border-bottom: 1px #198806 solid;
  font-weight: bold;
  margin-bottom: 1rem;
  padding: 0.5em 1em;
}
body.single-post .content h4 {
  border-bottom: 1px #666 dotted;
  font-weight: bold;
  margin-bottom: 1rem;
  padding: 0.5em;
}