@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, strong, 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: 14px/1.6 "メイリオ","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:1px 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{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{
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{
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;
}


/* 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){
  nav#mainNav{
  clear:both;
  position:relative;
  z-index:200;
  width:100%;
  padding:0;
  margin:0;
/*  background:url(images/mainNav.png) repeat-x 0 0; */
  }

  nav#mainNav ul li{
  float: left;
  position: relative;
/*  background:url(images/mainNavSep.png) no-repeat 100% 6px; */
  }
  
  nav#mainNav ul li a{
  display: block;
  text-align: center;
  _float:left;
/*  color:#fff;
  height:70px;
  line-height:45px; */
  font-size:110%;
  font-weight:bold;
/*  margin-right:2px;
  padding:10px 40px 0;
  background:url(images/mainnavBg.png) repeat-x 0 0; */
  }
  
  nav#mainNav ul li a span,nav#mainNav ul li a strong{
  display:block;
  font-size:90%;
  line-height:1.4;
  }
  
  nav#mainNav ul li a span{
  font-size:70%;
  color:#fff;
  font-weight:normal;
  }

  nav div.panel{
  display:block !important;
  float:right;
  }
  
  a#menu{display:none;}
  a.mobi-line{display:none;}
  
  nav#mainNav ul li.current-menu-item a, nav#mainNav ul li a:hover, nav#mainNav ul li.current-menu-parent a{
/*  background:url(images/mainnavBg.png) repeat-x 0 100%; */
  }
  
  nav#mainNav ul ul{width:160px;}
  
  nav#mainNav ul li ul{display:none;}
  
  nav#mainNav ul li:hover ul{
  display: block;
  position: absolute;
  top:42px;
  left:0;
  z-index:500;
  }
  
  nav#mainNav ul li li{
  margin:0;
  float: none;
  height:35px;
  line-height:35px;
  width:160px;
  background:none;
  }
  
  nav#mainNav ul li li a, nav#mainNav ul li.current-menu-parent li a,nav#mainNav ul li.current-menu-item li a{
  width:100%;
  height:35px;
  padding:0 0 0 10px;
  line-height:35px;
  font-size:95%;
  text-align:left;
  background:url(images/mainnavBg.png) repeat-x 0 -6px;
  }
  
  nav#mainNav ul li li.current-menu-item a,nav#mainNav ul li li a:hover{background:#87a438;}
}


/* メインメニュー 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.mobi-line,
  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,
  nav#mainNav ul li span:before {
    content: attr(data-label);
  }

  nav#mainNav ul li a,
  nav#mainNav ul li.current-menu-item li a,
  nav#mainNav ul li span,
  nav#mainNav ul li.current-menu-item 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 0 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{clear:both;width:95%;float:none;margin:0 auto;padding:10px 0;  }
  #sidebar{clear:both;width:80%;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: #FBFBFB url(/imgv3/default/bg.gif);
}

#wrapper {
  background: #FFF url(/imgv3/default/arch.png) center bottom no-repeat;
  padding-bottom: 20px;
}

#wrapper .no-sidebar {
  float: none;
  margin: 0;
  width: 100%;
}


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

#header {
  background: #FBFBFB;
}

#header .inner {
}

#header .inner h1 {
  padding: 0.2em 0 0;
  margin: 0 0 0.2em;
  text-align: left;
}

#header .panel {
  background: #FFF;
}

/* ロゴ */
#site-logo {
  float: left;
  width: 30%;
  margin: 0 0 1em;
  position: relative;
  z-index: 999;
}

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

.contact img {
  margin-left: 1em;
}


/* ナビ */
nav#mainNav {
  background: url(/imgv3/default/nav-bg.png) center top repeat-x;
  box-shadow:rgba(181, 181, 181, 0.65) 0px 5px 6px -2px;
  -webkit-box-shadow:rgba(181, 181, 181, 0.65) 0px 5px 6px -2px;
  -moz-box-shadow:rgba(181, 181, 181, 0.65) 0px 5px 6px -2px;
}
nav#mainNav .inner {
  margin: 0 auto;
  width: 960px;
}

nav#mainNav .inner ul ul {
  background: #FFF;
  border-right: 2px #F0F0F0 solid;
  border-bottom: 2px #F0F0F0 solid;
  border-left: 2px #F0F0F0 solid;
}
nav#mainNav .inner ul li li {
  height: auto;
}
nav#mainNav .inner ul li li a {
  border-bottom: 1px #CCC dotted;
  line-height: 1.2em;
  height: auto;
  padding-top: 1em;
  padding-bottom: 1em;
}
nav#mainNav ul li:hover ul {
  top: 100%;
}



/* =breadcrumb
----------------------------------------------- */
#breadcrumb {
  background: #FFF;
  clear: both;
  padding: 10px 20px;
  margin: 0 auto;
  width: 960px;
  zoom: 1;
}
#breadcrumb:after {
  content: "";
  clear: both;
  display: block;
}

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

#breadcrumb li {
  background: url(/imgv3/default/breadcrumb.gif) left 4px no-repeat;
  float: left;
  padding: 0 5px 0 15px;
  list-style: none;
  line-height: 1.6em;
  margin-bottom: 5px;
}

#breadcrumb li:first-child,
#breadcrumb li.first {
  background: none;
  padding-left: 0;
}
@media only screen and (max-width:1024px){
  #breadcrumb {
    width: auto;
  }
}

/* フッタ
----------------------------------------------- */
#footer {
  background: #661E29;
  background: -webkit-linear-gradient(top, #661E29, #93555F);
  background: linear-gradient(#661E29, #93555F);
  color: #FFF;
  padding-bottom: 9%;
}

/* 背景が中間色の場合
#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: #D1A2D6;
} */

/* 背景が濃色の場合 */
#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;
}

/* フッタバー */
#f-bar {
  background: #8CA6A2;
  background: -webkit-linear-gradient(top, #ffa443, #ff7400);
  background: linear-gradient(#ffa443, #ff7400);
  color: #FFF;
  text-align: center;
  padding: 10px 0;
  position: fixed;
  bottom: 0;
  width: 100%;
}

#f-bar img {
    margin: 0 10px !important;
}
#f-bar .guidance {
  margin: -30px 0 -10px !important;
}

/* フッタナビ */
#footer li,
#footer li:first-child {
  border: none;
  display: block;
  text-align: left;
  padding: 0 0 5px;
}

/* tree menu */
#footer ul.tree li {
  border: none;
  padding: 0;
  margin-left: 1em;
}
#footer ul.tree ul {
  float: none;
  display: block;
  padding-top: 5px;
}
#footer ul.tree ul li {
  list-style: disc !important;
  display: list-item;
}
#footer ul.tree > li span,
#footer ul.tree > li .bough {
  font-weight: bold;
}


/* ページ先頭へ（追従ボタン） */
#return {
  clear: both;
  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;
}

#footer .col{
  padding: 0 0 0.5em;
  text-align: center;
}

#footer .col .store-name {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 0.3em;
}

#footer ul.tree li .col span {
  font-weight: normal;
}


/* 404ページ
----------------------------------------------- */
.error404 #content article {
  padding-left: 8%;
}
.error404 #content .title {
  background: none;
  font-size: 26px;
  font-weight: bold;
  line-height: 1.8em;
  padding: 20px 0 0.3em;
}
.error404 #content p {
  line-height: 1.8em;
}
.error404 #content p.nv {
  padding: 2em 0;
}
.error404 #content p.nv a {
  text-decoration: underline;
}


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

  #wrapper .no-sidebar {
    margin: 0 auto;
    width: 95%;
  }

  #header .inner {
    background: none;
    width: 97%;
  }
  
  #site-logo img {
    height: auto;
    width: 76%;
  }
  .contact img {
    height: auto;
    width: 40%;
  }

  nav#mainNav {
    background-size: auto 100%;
    padding: 0;
    width: 100%;
  }
  nav#mainNav .inner {
    margin: 0 auto;
    padding: 0 2%;
    width: 96%;
  }
  nav#mainNav .inner .panel > ul > li {
    width: 16.6%;
  }
  nav#mainNav .inner .panel > ul > li:first-child {
    width: 16.6%;
  }
  nav#mainNav .inner img {
    height: auto;
    width: 100%;
  }

  #mainImg img {
    height: auto;
    width: 100%;
  }

  #footer {
    padding-bottom: 14%;
  }

  #f-bar {
    text-align: left;
  }
  #f-bar img {
    height: auto;
    margin: 0 0 0 10px !important;
    width: 20% !important;
  }
  #f-bar .tel-num img {
    width: 30% !important;
  }
  #f-bar .guidance {
    width: 7.5% !important;
  }
}


/* 幅689px調整
----------------------------------------------- */
@media only screen and (min-width:690px){
  nav#mainNav ul li li a,
  nav#mainNav ul li.current-menu-parent li a,
  nav#mainNav ul li.current-menu-item li a {
    background: #661E29;
    color: #FFF;
    width: 100%;
  }
  nav#mainNav ul li li,
  nav#mainNav ul li.current-menu-parent li,
  nav#mainNav ul li.current-menu-item li {
    width: 100%;
  }
  nav#mainNav ul li li.current-menu-item a,
  nav#mainNav ul li li a:hover {
    background: #822936;
    width: 100%;
  }

  /* サブナビを2カラムにする */
  nav#mainNav .inner ul ul {
    background: #4C131C;
    border: none;
    filter:alpha(opacity=95);
    -moz-opacity: 0.95;
    opacity: 0.95;
    width: 300%;
  }
  nav#mainNav .inner ul li li {
    float: left;
    width: 48.8%;
  }
  nav#mainNav .inner ul li li a {
    border-bottom: 1px #000 dotted;
    font-weight: normal;
  }
  nav#mainNav .inner ul li ul li:nth-child(odd) a {
    margin-right: 1%;
    width: 94%;
  }

  /* tree menu */
  #footer ul.tree {
    display: flex;
    flex-wrap: wrap;
    text-align: left;
  }
  #footer ul.tree li {
    display: list-item;
  }
  #footer ul.tree li:before,
  #footer ul.tree li:after {
    content: none;
  }
  #footer ul.tree > li {
    margin: 0;
    width: 33%;
  }
  #footer ul.tree ul {
    text-align: left;
  }
  #footer ul.tree ul li {
    margin-left: 1.2em;
  }
}
@media only screen and (max-width:689px){

  #header {
    padding: 0;
    width: 100%;
  }
  #header .inner {
    background: none;
  }
  #header .inner h1 {
    padding-right: 17%;
  }
  #header img {
    height: auto;
    width: 100%;
  }
  #site-logo {
    margin: 0.2em 0 1em;
    width: 50%;
  }
  #header .contact {
    clear: both;
    float: none;
    text-align: center;
    marginm: 0 2%;
    height: auto;
    width: 100%;
  }
  #header .contact img {
    margin-top: 2%;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 2%;
    width: 90%;
  }

  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%;
  }
  nav#mainNav a.mobi-line {
    text-align: right;
    padding:0;
    position: absolute;
    top: 1%;
    right: 18%;
    width: 15%;
  }
  nav#mainNav a.mobi-line img {
    margin: 1% 1% 0 0;
    vertical-align: bottom;
    height: auto;
    width: 100%;
  }
  nav#mainNav .inner .panel > ul > li,
  nav#mainNav .inner .panel > ul > li:first-child {
    width: 100%;
  }
  nav#mainNav ul li a,
  nav#mainNav ul li.current-menu-item li a,
  nav#mainNav ul li span,
  nav#mainNav ul li.current-menu-item li span,
  nav#mainNav ul li li a,
  nav#mainNav ul li.current-menu-item li a,
  nav#mainNav ul li li.current-menu-item a,
  nav#mainNav ul li li:last-child a {
    border-color: #FFF;
    background-color: #E796A3;
    color: #FFF;
    font-size: 1.2em;
  }
  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 li a:hover,
  nav#mainNav ul li li:last-child a:hover {
    background-color: #F7AAB6;
    color: #FFF;
  }
  nav#mainNav .inner ul ul {
    border: none;
    width: 100%;
  }

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

  #f-bar img {
    margin: 0.5em 0;
    height: auto;
  }

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

  #footer li,
  #footer li:first-child {
    display: block;
    padding: 5px 20px;
    border: none !important;
    text-align: left;
  }

  #footer .col {
    background-position: center top;
    padding-top: 50px;
    text-align: center;
  }
}


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

/* ご依頼・ご相談
----------------------------------------------- */
#sidebar .s-soudan {
  background: #F0F0F0;
  background: -webkit-linear-gradient(top, #FFF, #F0F0F0);
  background: linear-gradient(#FFF, #F0F0F0);
  border: 1px #EAEAEA solid;
  border-radius: 3px;
}


/* 取扱品目
----------------------------------------------- */
#sidebar .s-genre {
  background: #661E29;
  border-radius: 3px;
  padding: 10px;
}
#sidebar .s-genre h3 {
  color: #FFF;
  font-size: 18px;
  font-weight: normal;
  text-align: center;
}
#sidebar .s-genre h3 a {
  color:#fff;
  text-decoration:underline;
}
#sidebar .s-genre h3 a:hover,
#sidebar .s-genre h3 a:focus,
#sidebar .s-genre h3 a:active {
  color: #FFAA72;
}
#sidebar .s-genre ul {
  margin: 0;
}
#sidebar .s-genre ul li {
  background: #FFF;
  border-radius: 3px;
  margin-top: 5px;
}
#sidebar .s-genre ul li:hover {
  background: #DCD2CE;
}
#sidebar .s-genre li a {
  background-position: 3px center;
  background-repeat: no-repeat;
  background-size: 35px auto;
  border: none;
  color: #661E29;
  display:block;
  line-height: 1.2em;
  padding: 12px 0 12px 45px;
}

#sidebar .s-genre li.g1 a {
  background-image: url(/imgv3/genre/kokuhou.png);
}

#sidebar .s-genre li.g2 a {
  background-image: url(/imgv3/genre/gigeiin.png);
}

#sidebar .s-genre li.g3 a {
  background-image: url(/imgv3/genre/hanging-scroll.png);
}

#sidebar .s-genre li.g4 a {
  background-image: url(/imgv3/genre/tea-tools.png);
}

#sidebar .s-genre li.g5 a {
  background-image: url(/imgv3/genre/sencha-tool.png);
}

#sidebar .s-genre li.g6 a {
  background-image: url(/imgv3/genre/chinese-art.png);
}

#sidebar .s-genre li.g7 a {
  background-image: url(/imgv3/genre/semiprecious-stones.png);
}

#sidebar .s-genre li.g8 a {
  background-image: url(/imgv3/genre/calligraphy-tools.png);
}

#sidebar .s-genre li.g9 a {
  background-image: url(/imgv3/genre/old-furniture.png);
}

#sidebar .s-genre li.g10 a {
  background-image: url(/imgv3/genre/ceramic.png);
}

#sidebar .s-genre li.g11 a {
  background-image: url(/imgv3/genre/picture.png);
}

#sidebar .s-genre li.g12 a {
  background-image: url(/imgv3/genre/sculpture.png);
}

#sidebar .s-genre li.g13 a {
  background-image: url(/imgv3/genre/millitary.png);
}

#sidebar .s-genre li.g14 a {
  background-image: url(/imgv3/genre/sword.png);
}

#sidebar .s-genre li.g15 a {
  background-image: url(/imgv3/genre/accessories.png);
}

#sidebar .s-genre li.g16 a {
  background-image: url(/imgv3/genre/instrument_mask.png);
}

#sidebar .s-genre li.g17 a {
  background-image: url(/imgv3/genre/goods.png);
}

#sidebar .s-genre li.g18 a {
  background-image: url(/imgv3/genre/coin_stamp.png);
}

#sidebar .s-genre li.g19 a {
  background-image: url(/imgv3/genre/tableware_gift.png);
}

#sidebar .s-genre li.g20 a {
  background-image: url(/imgv3/genre/hobby.png);
}

#sidebar .s-genre li.g21 a {
  background-image: url(/imgv3/genre/jewelry.png);
}

#sidebar .s-genre li.g22 a {
  background-image: url(/imgv3/genre/kimono.png);
}

#sidebar .s-genre li.g23 a {
  background-image: url(/imgv3/genre/collector.png);
}

#sidebar .s-genre li.g24 a {
  background-image: url(/imgv3/genre/documents.png);
}

#sidebar .s-genre li.g25 a {
  background-image: url(/imgv3/genre/buddhist-art.png);
}


/* アルバイト募集
----------------------------------------------- */
#sidebar .s-arbeit {
  background: #A1082B;
  background: -webkit-linear-gradient(top, #A1082B, #6D0019);
  background: linear-gradient(#A1082B, #6D0019);
  border: 1px #660017 solid;
  border-radius: 3px;
}
#sidebar .s-arbeit:hover {
  background: #B51B3C;
  background: -webkit-linear-gradient(top, #B51B3C, #890421);
  background: linear-gradient(#B51B3C, #890421);
}


/* ブログ
----------------------------------------------- */
#sidebar .s-blog {
  background: #F0EFE0;
  background: -webkit-linear-gradient(top, #FAFAFA, #F0EFE0);
  background: linear-gradient(#FAFAFA, #F0EFE0);
  border: 1px #DDD8CD solid;
  border-radius: 3px;
}
#sidebar .s-blog img {
  margin-top: -5px;
}
#sidebar .s-blog:hover {
  background: #EFDAB8;
  background: -webkit-linear-gradient(top, #FAFAFA, #EFDAB8);
  background: linear-gradient(#FAFAFA, #EFDAB8);
}


/* 古本買取サイトのバナー
----------------------------------------------- */
#sidebar .s-furuhon {
  background: #FFE3CE;
  background: -webkit-linear-gradient(top, #FFF8F2, #FFE3CE);
  background: linear-gradient(#FFF8F2, #FFE3CE);
  border: 1px #F4C19D solid;
  border-radius: 3px;
}
#sidebar .s-furuhon:hover {
  background: #FED1C1;
  background: -webkit-linear-gradient(top, #FFF8F2, #FED1C1);
  background: linear-gradient(#FFF8F2, #FED1C1);
}


/* 妻のブログのバナー
----------------------------------------------- */
#sidebar .s-tsuma-blog {
  background: #F7D9D9;
  background: -webkit-linear-gradient(top, #FFF, #F7D9D9);
  background: linear-gradient(#FFF, #F7D9D9);
  border: 1px #F4D3D3 solid;
  border-radius: 3px;
}
#sidebar .s-tsuma-blog:hover {
  background: #FDC5C5;
  background: -webkit-linear-gradient(top, #FFF, #FDC5C5);
  background: linear-gradient(#FFF, #FDC5C5);
}


/* 古本買取事例のバナー
----------------------------------------------- */
#sidebar .s-kaitorijirei {
  background: #FFE3CE;
  background: -webkit-linear-gradient(top, #FFF8F2, #FFE3CE);
  background: linear-gradient(#FFF8F2, #FFE3CE);
  border: 1px #F4C19D solid;
  border-radius: 3px;
}
#sidebar .s-kaitorijirei:hover {
  background: #FED1C1;
  background: -webkit-linear-gradient(top, #FFF8F2, #FED1C1);
  background: linear-gradient(#FFF8F2, #FED1C1);
}


/* スタッフ紹介のバナー
----------------------------------------------- */
#sidebar .s-staff {
  background: #F8DAD8;
  background: -webkit-linear-gradient(top, #FFFAF2, #F8DAD8);
  background: linear-gradient(#FFFAF2, #F8DAD8);
  border: 1px #F0C2BE solid;
  border-radius: 3px;
}
#sidebar .s-staff:hover {
  background: #FDC5C5;
  background: -webkit-linear-gradient(top, #FFFAF2, #FDC5C5);
  background: linear-gradient(#FFFAF2, #FDC5C5);
}


/* お問合わせ先
----------------------------------------------- */
#sidebar .s-info {
  padding: 0 0 5px;
}

#sidebar .s-info h3 {
  background: #634B42;
  border-radius: 3px 3px 0 0;
  color: #FFF;
  font-weight: normal;
  text-align: center;
}

#sidebar .s-info .wrap {
  border: 1px #634B42 solid;
  border-radius: 0 0 3px 3px;
  padding: 5px 10px;
  background:#fff;
}

#sidebar .s-info .wrap p {
  margin-bottom: 5px;
}

#sidebar .s-info .wrap p.store {
  font-size: 18px;
  text-align: center;
}

#sidebar .s-info .wrap p.license {
  font-size: 12px;
}

#sidebar .s-info .wrap p.mail {
  text-align: center;
}


/* 下記のようなお品大歓迎
----------------------------------------------- */
#sidebar .pickup h3 {
  background-color: #c89985;
  color:#FFF;
  padding: 13px 0;
  text-align: center;
}

#sidebar .pickup > div {
  background-color: #eae5e3;
  padding: 10px 10px 0;
}

#sidebar .pickup > div:after {
  clear: both;
  display: block;
}

#sidebar .pickup p {
  font-size: 10px;
  margin: 0 0 10px;
}

#sidebar .pickup .item {
  color: #8a5f4d;
  font-size: 14px;
  font-weight: normal;
  text-align: center;
  margin-bottom: 3px;
}

#sidebar .pickup .wrap {
  background: #FFFFFF;
  border-radius: 3px;
  padding: 10px 10px 5px;
  margin: 0 0 20px;
}

#sidebar .pickup .wrap:after {
  clear: both;
  content: "";
  display: block;
}

#sidebar .pickup .wrap ul li {
  float: left;
  font-size: 12px;
  width: 50%;
}



/* --------------------------------------------------------------------------------------------------------
    投稿に関する調整
-------------------------------------------------------------------------------------------------------- */
/*------------------------------ 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 #C6939C;
  background: none;
}

.archive h1.title + p {
  text-align: right;
}
@media only screen and (max-width: 689px) {
  .archive h1.title {
    font-size: 20px;
  }
}

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

.archive .list p {
  line-height: 1.6em;
  padding-bottom: 5px;
}

.archive .list .img-l{
  margin-right: 15px;
  width: auto;
}

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

.archive .list span {
  font-size: 16px;
  font-weight: bold;
  padding: 0;
  line-height: 1.6em;
}
@media only screen and (max-width: 689px) {
  .archive .list .img-l{
    width: 80px;
  }
}


/*------------------------------ Single post */
/* === Title === */
.single article header,
.archive article header {
  margin-bottom: 20px;
}
.single h1.title,
.archive h2.title {
  clear:both;
  margin:0;
    background: #C47D89;
    background: -webkit-linear-gradient(top, #D38B97, #C47D89); /* webkit系ベンダープレフィックス */
    background: linear-gradient(#D38B97, #C47D89); /* 標準型 */
    border: none;
    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 #C47D89;
}
.dateLabel {
  font-weight: normal;
  text-align: left;
  padding: 0 1%;
}
@media only screen and (max-width: 689px) {
  .single h1.title,
  .archive h2.title {
    font-size: 16px;
  }
}


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

/*------------------------------ 表 */
.archive #content table,
.single #content table {
  margin-bottom: 20px;
  table-layout: fixed !important;
  width: 100%;
  word-break: break-all;
  word-wrap: break-all;
}
.archive #content table th,
.single #content table th,
.archive #content table td,
.single #content table td {
  border-collapse:collapse;
  border:1px solid #ccc;
  height: auto;
  padding:10px;
  vertical-align: middle;
  width: 0 !important;
}

/*------------------------------ Widget Title */
section.widget {
  overflow: hidden;
}
section.widget > h3,
#sidebar h3.title {
  background: none;
  border: none;
  padding: 0;
  color: #333;
}

/* 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);
    background: linear-gradient(#77D32C, #0A7C00);
    border-radius: 5px;
} */

section.widget_jcl_widget,
section.widget_categories,
section.widget_archive,
section.popular-posts,
section.widget_recent_entries,
section.widget_meta,
section.widget_pages {
  margin-bottom: 20px;
}
section.widget_jcl_widget h3,
section.widget_categories h3,
section.widget_archive h3,
section.popular-posts h3,
section.widget_recent_entries h3,
section.widget_meta h3,
section.widget_pages h3 {
  background:url(/imgv3/block/title/line.gif) repeat-x bottom;
  font-size:14px;
  font-weight:bold;
  line-height: 2.6em;
  margin-bottom:10px;
}
section.widget_jcl_widget ul,
section.widget_categories ul,
section.widget_archive ul,
section.popular-posts ul,
section.widget_recent_entries ul,
section.widget_meta ul,
section.widget_pages ul {
  margin: 0 auto;
  width: auto;
}
section.widget_jcl_widget ul.children,
section.widget_categories ul.children,
section.widget_archive ul.children,
section.popular-posts ul.children,
section.widget_recent_entries ul.children,
section.widget_meta ul.children,
section.widget_pages ul.children {
  border:none;
  padding:0;
  width:auto;
}
section.widget_jcl_widget ul li,
section.widget_categories ul li,
section.widget_archive ul li,
section.popular-posts ul li,
section.widget_recent_entries ul li,
section.widget_meta ul li,
section.widget_pages ul li {
  background:url(/imgv3/block/icon/side-yajirusi.gif) no-repeat 0 11px;
  border-bottom: 1px #CCC dotted;
  font-size:14px;
  list-style: none;
  padding: 3px 0 3px 17px;
}
section.widget_jcl_widget ul.children li,
section.widget_categories ul.children li,
section.widget_archive ul.children li,
section.popular-posts ul.children li,
section.widget_recent_entries ul.children li,
section.widget_meta ul.children li,
section.widget_pages ul.children li {
  background:url(/imgv3/block/icon/side-s-yajirusi.gif) no-repeat 0 6px;
  border-bottom:none;
  padding:0 0 0 15px;
}
section.widget_jcl_widget ul li a,
section.widget_categories ul li a,
section.widget_archive ul li a,
section.popular-posts ul li a,
section.widget_recent_entries ul li a,
section.widget_meta ul li a,
section.widget_pages ul li a {
  background: none;
  border: none;
  padding: 0;
}

/*------------------------------ ソーシャルボタン */
.wp_social_bookmarking_light{
  overflow: hidden;
  padding: 10px 0 !important;
  text-align: right;
}
.wp_social_bookmarking_light div{
  float: right !important;
  border: 0 !important;
  overflow: hidden;
  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;
}


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

.yarpp-related h2 {
  font-size: 16px;
  font-weight: bold;
  background: url(/imgv3/block/title/line.gif) left bottom repeat-x;
  border: none;
  color: #666;
  margin-bottom: 10px;
  padding: 0 0 10px 3px;
}

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

.yarpp-related li {
  font-size: 14px;
  list-style: none;
  line-height: 2em;
  padding: 0 0 0 20px;
}

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

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

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



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

/* MW WP Form
----------------------------------------------- */ 
#content div.mw_wp_form form span.error {
  border: 3px solid #FFFA00;
  color: #CC0000;
  margin: 5px auto;
  padding: 5px;
}
#content div.mw_wp_form form span label {
  line-height: 2em;
  margin-right: 10px;
}
#content div.mw_wp_form form span.mwform-tel-field input {
  max-width: 18%;
}

/* 確認画面 */
#content .mw_wp_form_preview h1:after {
 content: "（確認画面）"
}
#content .mw_wp_form_preview .none {
  display: none !important;
}
#content .mw_wp_form_preview p.submit input:first-child {
  margin-right: 20px;
}

/* wp-pagenavi
----------------------------------------------- */ 
.wp-pagenavi span,
.wp-pagenavi a {
  display: block;
  float: left;
}

/* スマホのキャッシュ対応
----------------------------------------------- */

@media (max-width:706px){
  #header div.inner h1,
  #sidebar .pc-on {
    display: none;
  }
} /* Eo max729 */

@media (min-width:707px){
  #sidebar .sp-on,
  #footer .sp-on {
    display: none;
  }
} /* Eo min730 */