@media screen and (max-width:767px) {
    .pconly{display:none !important;}
}
@media screen and (min-width:768px){
    .sponly{display:none !important;}
}

/* テーブル群の調整 */
table {
  border-spacing: 0;
  border: 0;
  margin: 0;
  border: 0;
}
table td, table th{
  padding: 0;
  margin: 0;
  border: 0;
  /* line-height: 1; 　文字サイズ変更機能に対応できないためここはコメントアウトさせていただきます*/
}
table tbody, table tr {
  padding: 0;
  margin: 0;
  border: 0;
}

body {
  -webkit-text-size-adjust: 100%;
}

/* なぜかずれるので対策 */
#header h1, #header p.site-name {
  line-height: 0.5rem;
}


@media screen and (max-width: 767px) {
  body {
    font-family:"游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;
  }
  img {
    max-width: 100%;
    height: auto;
  }
  /* force not hovering TODO: check */
  a img {
    opacity: 1 !important;
  }
  h3 {
    background-size: 100%;
  }
  .h4{
    clear:both;
    background-image:url(/common/img/h4_bg.gif);
    background-repeat:no-repeat;
    background-position:left bottom;
    font-size:110%;
    color:#827441;
    margin:25px 0 15px 0;
    padding:3px 0 5px 15px;
  }
  #contents-body {
    display: flex;
    flex-direction: column;
  }
  #contents-body.contents-body-reverse {
    flex-direction: column-reverse;
  }
  /* #contents-body > .page-top {
    display: none;
  } */
  #wrapper, #contents, .right-column-bottom, .bg, .box, .info #category-menu ul {
    background: none !important;
  }
  #header .search {
    float: left;
  }
  .global-menu, #swapcss, .sitemap {
    display: none;
  }
  #right-column, #footer {
    display: none;
  }
  #wrapper {
    min-width: 100%;
    width: 100%;
    margin: 0;
  }
  #header, #contents, #footer, p.page-top, dl#topic-path {
    width: 100% !important;
  }

  #category-menu, #category-body, #contents-body,
  .info .honbu #category-body .dataArea,
  .info .honbu #category-body .photoArea,
  .info .honbu #category-body #honbuBox,
  .info .honbu #category-body #setuguuBox {
    float: none;
    width: 100%;
  }

  #category-menu {
    margin-top: 2rem;
  }

  body{
      font-size:.9em !important;
      line-height:1.8em !important;
  }
  ol,ul{
      list-style:none
  }
  img{
      max-width:100%;
      height:auto;
      border:none;
      vertical-align:bottom
  }
  a:visited{
      color:#0079af;
      text-decoration:none
  }
  a:link{
      color:#0079af;
      text-decoration:none
  }
  header{
      background-color:#f7f7f7;
      box-shadow:rgba(138,138,138,.2) 1px 1px 4px 0;
      -webkit-box-shadow:rgba(138,138,138,.2) 1px 1px 4px 0;
      -moz-box-shadow:rgba(138,138,138,.2) 1px 1px 4px 0
  }
  header:after{
      content:'';
      display:table;
      clear:both
  }
  header h1{
      padding-top:5px;
      font-weight:400;
      font-size:11px;
      padding-left:2%;
      padding-right:2%
  }
  header .logo{
      margin-left:2%;
      margin-top:10px;
      margin-bottom:10px;
      width:76%;
      float:left
  }
  header .button{
      display:none
  }
  header .navOpen{
      width:36px;
      height:40px;
      float:right;
      margin-top:7px;
      margin-right:5%;
      margin-bottom:5px;
      cursor:pointer;
      background:url(/wp-content/themes/sokanet/images/menu.png) no-repeat 0 0;
      background-size:72px
  }
  header .navClose{
      background-position:-36px 0
  }
  header .menu-sp{
      clear:both;
      position:relative
  }
  header .menu-sp ul{
      width:100%;
      position:absolute;
      top:0;
      background-color:#f7f7f7;
      border-bottom:3px #ccc solid;
      z-index: 1000;
  }
  header .menu-sp li{
      line-height:1.4;
      border-top:1px #ccc solid
  }
  header .menu-sp a{
      color:#00628d;
      padding-left:5%;
      padding-right:5%;
      padding-top:10px;
      padding-bottom:10px;
      display:block;
      text-decoration:none
  }
  .ttl_1_sp{
      width:100%;
      height:auto;
      margin-bottom:1rem
  }
  h2 {
    margin-bottom: 1rem;
  }
  h2.h2-kaiin {
    margin-left: 15px !important;
    margin-right: 15px !important;
  }
  h3{
      margin-top:0;
      color:#00628d;
      border-top:1px solid #ddd;
      border-right:1px solid #ddd;
      border-bottom:1px solid #ddd;
      border-left:3px solid #3cf;
      padding:5px 0 5px 10px !important;
      background-image: none !important;
      line-height: 2em !important;
      background:#fff;
      background:linear-gradient(to bottom,#fff 0,#f3f3f3 50%,#ededed 51%,#fff 100%) !important;
      filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#ffffff',GradientType=0);
      margin-bottom:1rem;
      height: auto !important;

  }
  #contents-body{
      width:100%;
      padding-right:15px;
      padding-left:15px;
      margin-right:auto;
      margin-left:auto;
      max-width:767px
  }
  #right-column{
      width:100%;
      padding-right:15px;
      padding-left:15px;
      margin-right:auto;
      margin-left:auto;
      max-width:767px
  }
  *,:after,:before{
      box-sizing:border-box
  }
  .text01{
      margin-bottom:1rem
  }
  .infoBox01_left{
      float:left;
      width:30%;
      margin-right:1rem
  }
  .infoBox01_right_link{
      margin-bottom:2rem;
      margin-top:1rem;
      width:100%;
      text-align:center;
      color:#fff;
      border-radius:6px;
      background:#5bc2f0;
      background:linear-gradient(to bottom,#5bc2f0 0,#3a99d6 50%,#5bc2f0 100%);
      filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc2f0',endColorstr='#5bc2f0',GradientType=0)
  }
  .infoBox01_right_link a{
      text-decoration:none;
      color:#fff;
      display:block;
      width:100%;
      padding:10px 16px;
      position:relative;
      display:inline-block
  }
  .infoBox01_right_link a:after{
      position:absolute;
      top:53%;
      right:15px;
      display:inline-block;
      margin-top:-8px;
      content:"";
      width:10px;
      height:16px;
      background-repeat:no-repeat;
      transform:scale(1,1);
      background-image:url(/wp-content/themes/sokanet/images/icon_arrow_right_1.png);
      background-size:6px 10px;
      background-position:0 0
  }
  .informationBox_pack,.informationBox_pack_memorial_sp,.memorial_pack{
      border:#f7f7f7 1px solid;
      padding:10px 16px;
      background:#e5e5e5;
      background:linear-gradient(to bottom,#e5e5e5 0,white 50%,#e5e5e5 100%);
      filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5e5e5',endColorstr='#e5e5e5',GradientType=0)
  }
  .informationBox_title{
      color:#00628d;
      float:left;
      width:93%
  }
  .informationBox{
      border:#ddd 1px solid
  }
  .informationBox_main,.informationBox_main_memorial_sp,.memorial_main{
      padding:10px 16px
  }
  .informationBox_main a,.informationBox_main_memorial_sp a,.memorial_main a{
      display:block
  }
  .informationBox_bottun{
      float:right
  }
  footer{
      text-align:center
  }
  footer .footerCont1{
      padding:10px 16px;
      background:white;
      background:linear-gradient(to bottom,white 0,#f6f6f6 80%,#ededed 100%);
      filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#ededed',GradientType=0);
      border-bottom:1px solid #ccc
  }
  footer .item1,footer .item2{
      text-align:center;
      margin-bottom:1rem
  }
  footer .item1 a,footer .item2 a{
      text-align:center;
      text-decoration:none;
      /* color:#3267ff */
  }
  footer .item1 a:visited,footer .item2 a:visited{
      /* color:#2489ce */
  }
  footer .footerCont2{
      background-color:#fff;
      padding:10px 16px
  }
  footer .footerCont2 .item2 a{
      text-decoration:none;
      text-shadow:none;
      font-weight:400;
      /* color:#3267ff; */
      padding-right:10px;
      background:url(/wp-content/themes/sokanet/images/arrow_footer.png) no-repeat right center
  }
  .memorialTopImgSp{
      width:100%;
      height:auto;
      margin-bottom:10px
  }
  #information{
      margin-bottom:20px
  }
  .top #information ul li{
      background-image:url(/wp-content/themes/sokanet/images/dline01.gif);
      background-repeat:repeat-x;
      background-position:bottom;
      zoom:100%;
      padding:2px 0 3px;
      color:#666;
      width:100%
  }
  a.btn_arrow02{
      zoom:1;
      background-image:url(/wp-content/themes/sokanet/images/btn_arrow02.gif);
      background-repeat:no-repeat;
      padding:1px 0 0 18px;
      background-position:left
  }
  .top #fq-top ul li{
      background-image:url(/wp-content/themes/sokanet/images/dline01.gif);
      background-repeat:repeat-x;
      background-position:bottom;
      zoom:100%;
      padding:2px 0 3px;
      color:#666;
      width:100%
  }
  #contents-body p.page-top{
      clear:both;
      background-image:url(/wp-content/themes/sokanet/images/btn_pagetop.gif);
      background-repeat:no-repeat;
      background-position:right 10px;
      padding:5px 0 0
  }
  #contents-body p.page-top a{
      padding:0 20px 0 0
  }
  .ttl_2_sp_top{
      color:#00628d;
      border-top:1px solid #ddd;
      border-right:1px solid #ddd;
      border-bottom:1px solid #ddd;
      border-left:3px solid #3cf;
      padding:5px 0 5px 10px;
      background:#fff;
      background:linear-gradient(to bottom,#fff 0,#f3f3f3 50%,#ededed 51%,#fff 100%);
      filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#ffffff',GradientType=0);
      margin-bottom:1rem
  }
  #memorial-main-imageBox{
      text-align:center;
      margin-bottom:10px
  }
  .memorial-btnlist ul,.memorial-btnlist2 ul{
      width:100%;
      margin-bottom:20px
  }
  .memorial-btnlist ul li{
      width:31%;
      margin:0 3% 0 0;
      float:left;
      text-align:center;
      border-radius:5px;
      border:1px solid #ddd;
      background:white;
      background:linear-gradient(to bottom,white 0,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);
      filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#f6f6f6',GradientType=0)
  }
  .memorial-btnlist2 ul li{
      width:48%;
      margin:0 3% 0 0;
      float:left;
      text-align:center;
      border-radius:5px;
      border:1px solid #ddd;
      background:white;
      background:linear-gradient(to bottom,white 0,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);
      filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#f6f6f6',GradientType=0)
  }
  .memorial-btnlist ul li:last-child,.memorial-btnlist2 ul li:last-child{
      margin:0
  }
  .memorial-btnlist ul li a,.memorial-btnlist2 ul li a{
      width:100%;
      display:block;
      padding:5px;
      color:#00628d;
      text-decoration:none;
      transition:0s;
      box-sizing:border-box
  }
  .memorial-btnlist ul li i,.memorial-btnlist2 ul li i{
      color:#3cf;
      margin-left:.5%
  }
  .memorialinfoBox{
      margin-bottom:20px
  }
  .memorialinfoBox table{
      width:100%;
      border:solid 1px #659abf;
      border-radius:5px
  }
  .memorialinfoBox tr{
      border-bottom:dotted 1px #ccc
  }
  .memorialinfoBox table,.memorialinfoBox td,.memorialinfoBox th{
      border-collapse:separate;
      line-height:1.5;
      padding:10px
  }
  .memorialinfoBox th{
      width:30%;
      color:#00628d;
      text-align:left
  }
  .memorialinfoBox td{
      width:70%
  }
  .memorialpark-h4{
      clear:both!important;
      background-image:url(/wp-content/themes/sokanet/images/h4_bg.gif)!important;
      background-repeat:no-repeat!important;
      background-position:left bottom!important;
      font-size:110%!important;
      color:#827441!important;
      margin:25px 0 15px!important;
      padding:3px 0 5px 15px!important
  }
  .h_subtitle{
      background-color:#f3eede;
      color:#59503d;
      padding:7px;
      border-radius:3px
  }
  .subtitle-contents-box{
      margin-bottom:10px
  }
  .item-box{
      margin-bottom:30px
  }
  .item-inner{
      margin-bottom:50px
  }
  .memorialpark-imgBox{
      text-align:center
  }
  .memorialpark-imgBox img{
      margin-bottom:5px
  }
  #photo .photoBox{
      text-align:center
  }
  .memorialparkBtn{
      margin-bottom:2rem;
      margin-top:1rem;
      width:100%;
      text-align:center;
      color:#fff;
      border-radius:6px;
      background:#5bc2f0;
      background:linear-gradient(to bottom,#5bc2f0 0,#3a99d6 50%,#5bc2f0 100%);
      filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc2f0',endColorstr='#5bc2f0',GradientType=0)
  }
  .memorialparkBtn a{
      text-decoration:none;
      color:#fff;
      display:block;
      width:100%;
      padding:10px 16px;
      position:relative;
      display:inline-block
  }
  .memorialparkBtn a:after{
      position:absolute;
      top:53%;
      right:15px;
      display:inline-block;
      margin-top:-8px;
      content:"";
      width:10px;
      height:16px;
      background-repeat:no-repeat;
      transform:scale(1,1);
      background-image:url(/wp-content/themes/sokanet/images/icon_arrow_right_1.png);
      background-size:6px 10px;
      background-position:0 0
  }
  .memorialSpSide{
      border-top:1px solid #3cf;
      padding-top:20px
  }
  .faq #category-body dl{
      background-image:url(/wp-content/themes/sokanet/images/dline02.gif);
      background-repeat:repeat-x;
      background-position:bottom;
      zoom:100%;
      margin:0 0 16px
  }
  .faq #category-body dl dt{
      font-weight:700;
      color:#0079af;
      background-image:url(/wp-content/themes/sokanet/images/faq_icon01.gif);
      background-repeat:no-repeat;
      background-position:0 2px;
      padding:0 0 0 22px;
      margin:0 0 6px
  }
  .faq #category-body dl dd{
      background-image:url(/wp-content/themes/sokanet/images/faq_icon02.gif);
      background-repeat:no-repeat;
      background-position:0 2px;
      padding:0 0 16px 22px
  }
  dl#topic-path{
      width:100%;
      padding-right:15px;
      padding-left:15px;
      margin-right:auto;
      margin-left:auto;
      max-width:767px;
      clear:both;
      height:30px;
      margin:0 auto
  }
  dl#topic-path dt{
      display:none
  }
  #wrapper #topic-path dd ul li{
      float:left;
      padding:4px 0 0
  }
  @media screen and (-webkit-min-device-pixel-ratio:0){
      #wrapper #topic-path dd ul li{
          padding:5px 0 0
      }
  }
  .infoBox01_right_link a.btn_arrow02{
      zoom:1;
      background-image:none;
      background-repeat:no-repeat;
      padding:1px 0 0 18px;
      background-position:left
  }
  #topic-path li{
      font-size:.7em;
      line-height:1.4em
  }
  .mapbox_memorial{
      text-align:center
  }
  .kakudaibtn{
      margin-bottom:20px
  }
  #count{
      display:none
  }
  .photoBox{
      margin-bottom:10px
  }
  .galleryBox li{
      text-align:center;
      margin-bottom:10px
  }

  #smartPhoneLink {
    display: none;
  }

  /* support */
  .support .top #support-tool ul {
    text-align: center;
    padding: 10px;
  }
  .support .top #support-tool ul li {
    float: none;
    display: inline-block;
    width: 48%;
    margin: 0 0 10px 0;
  }

  .support .top #news, .support .top #channel, .support .top #listBox, .support .top #listBox .listBox_pack {
    width: 100%;
    float: none;
  }
  #RSS .btn {
    display: none;
  }
  .support .top #channel h3 {
    margin-bottom: 1rem;
  }
  .support .top #channel p {
    text-align: center;
  }
  .support .top #kensan-tool .bg {
    background-image: none;
    padding: 15px 0px 0 0px;
  }
  .support .top #kensan-tool dl {
    float: none;
    width: 100%;
  }
  .support .top #data .bg .linkPack .dataList_end, .support .top #data .bg, .support .top #data .box, .support .top #data .bg .linkPack {
    float: none;
    width: 100%;
  }
  .support .top #kensan-tool dd.search table {
    width: 230px;
  }

  .support .top #kensan-tool dl:first-child .h4 {
    margin-top: 0;
  }
  .support .top #kensan-tool dd.search {
    background: none;
  }
  #kensan-tool dd.search .text input {
    border: 1px solid #999;
    padding: 5px 17px;
    height: auto;
    width: 200px;
    border-radius: 16px;
    font-size: 17px;
    margin-left: 0;
    -webkit-appearance: none;
  }
  :root *> #kensan-tool dd.search .text input {
    margin-left: 0;
  }
  .support .top #kensan-tool dd.search .btn {
    padding-top: 4px;
  }

  .support .top #kensan-tool dd.search .btn input {
    width: 25px;
    height: auto;
  }

  .support .top #listBox .listBox_pack .listBox_title {
    width: 75%;
  }

  .support .top #listBox .listBox_pack .listBox_title a {
    background-position: 0px 2px;
    display: inline;
  }
  .support .top #listBox .listBox_pack .listBox_title img {
    display: inline;
  }

  #contents-bottom dl dt img {
    vertical-align: middle;
  }
}


/*
@media only screen and (max-width: 480px) {
  h3 {
    font-size: 14px;
    height: 2em;
  }
}

@media only screen and (max-width: 400px) {
  h3 {
    font-size: 12px;
    height: 2em;
  }
} */