@charset "utf-8";
@media screen and (max-width: 1024px) {
.spNone {
	display: none;
}

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

img {
    max-width: 100%;
    height: auto;
    text-align: center;
}

p,
td,
th,
li,
dt,
dd,
input,
textarea,
.entryBody,
.entryMore {
font-size: 16px;
}

.pagetop{
right:5px;
bottom:5px;
}

/* ========== ヘッダー ========== */
#siteTitle h1 {
font-size:10px;
text-align: center;
width: 100%;
}

.toppage #header{
position:relative;
}

#headerTitle {
width: 100%;
}

#headerAreaLogo {
float: left;
}


#headerAreaLogo img{
max-width:240px;
margin:0 auto;
}


#headerAreaSub {
float: none;
text-align: center;
}

#menuBtn {
display: block;
float:right;
}

#menuBtn a{
display: block;
}

p#headerAddress img{
width:250px;
}
/* ========== キャッチ画像 ========== */
#catchArea {
width: 100%;
}

#catchArea_inner {
width: 100%;
}

.nivoSlider{
height:auto;
}

#slider{
height: auto;
}

#slider{
background:none;
}

#main {
width: 100%;
margin: 0 auto;
}

/* ========== メインメニュー ========== */
#mainMenu {
display: none;
}

#mainMenu ul{
}

/* ==================== コンテンツ ==================== */
#contents {
width: 100%;
float: none;
}

#categoryTop .date .dateTime{
display: block;
}


/* ==================== セカンドエリア ==================== */
#secondArea {
width: 100%;
float: none;
}

#secondArea #subMenu{
display:block;
}

#sideBanners img,
#sideBanners2 img{
width: 90%;
margin:0 auto;
}

#spclose{
display: block;
}

/* ========== フッター ========== */

#footer_wrap {
background-color:#699501;
}

DIV#footer{
width:100%;
padding-top:20px;
}

#footerAreaLogo{
float:none;
width:90%;
margin:15px auto;
}

DIV#footerInner {
width: 100%;
margin: 0 auto 15px;
}

DIV#footer P#copyright{
font-size:12px;
text-align: center;
}

#footerMenu{
}

/* ========== サイドメニュー ========== */

div#secondArea div#subMenu div#subMenu_menu div.title{
display: none;
}

#subMenu ul,
#subMenu li,
.sideTitle li,
#secondAreaBlogParts .sideContents li,
#secondAreaCustomParts .sideContents li{
background: none;
}



/* For Smart Phone CSS */

  *, *:before, *:after {
      -webkit-box-sizing: border-box;
         -moz-box-sizing: border-box;
           -o-box-sizing: border-box;
          -ms-box-sizing: border-box;
              box-sizing: border-box;
  }

  body {
    font-family: sans-serif;
    /*padding-bottom: 60px;*/
    -webkit-text-size-adjust: 100%;
  }

  p, li, dt, dd {
    font-size: 14px;
  }

  body,
  body#index {
    min-width: 0;
  }

  .fixed {
    display: none!important;
  }

  #sp_gnavi {
    width: 100%;
    position: absolute;
    top: 70px;
    left: 0;
    z-index: 9999;
    background-color: rgba(105, 149, 1, 0.9);
display:none;
  }
  #sp_gnavi a {
    color: #fff;
    text-decoration: none;
    display: block;
    text-align: left;
  }
  #sp_gnavi dl {
    border-top: 1px dotted #fff;
    margin-top: -1px;
  }
  #sp_gnavi dl:first-child {
    margin-top: 0;
    border-top: none;
  }

  #sp_gnavi ul {
    overflow: hidden;
    margin:0;
    padding:0;
    list-style: none;
  }
  #sp_gnavi ul li {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 1px solid#fff;
    font-size:12px;
  }

  #sp_gnavi ul a {
    position: relative;
    padding: 4px 10px 4px 25px;
    height: 50px;
    line-height: 1.4;
    font-size: 11px;
  }
  #sp_gnavi ul a span {
    display: block;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }

#sp_gnavi ul a:after {
content:"▶";
float:right;
}

  #sp_gnavi ul li.on a:after {
content:"▼";
}

  #sp_gnavi ul li ul li {
border-top:1px dotted #fff;
border-bottom:none;
}

  #sp_gnavi ul li ul li a:after{
content:""!important;
}

  #sp_gnavi .close {
    border-top: 1px dotted #fff;
    text-align: center;
    padding: 15px 0;
    margin: -1px 0 0 0;
  }
  #sp_gnavi .close a {
    display: inline-block;
    font-weight: bold;
  }

  #sp_gnavi .close {
    border-top: 1px dotted #fff;
    text-align: center;
    padding: 15px 0;
    margin: -1px 0 0 0;
  }
  #sp_gnavi .close a {
    display: inline-block;
    font-weight: bold;
  }

.spNavi{
position:relative;
display:block;
}

/* ==================== 各サイト専用 ==================== */

#header{
width:100%;
}

#logo_area{
width:40%;
}

#headerbtn{
margin-top:0;
padding-right:10px;
}


div#headerbtn ul li{
width:45px;
}

#wpnews{
padding:30px 0;
}

#wpnews_title{
float:none;
width:100%;
margin-top:0px;
}

#wpnews_inner{
width:96%;
margin:0 auto;
}



#wpnews_title h2{
float:left;
width:170px;
font-size:16px;
margin-top:10px;
}

#wpnews_title p.btn{
float:right;
margin:0;
width:130px;
padding:10px 5px;
font-size:16px;
}

#wpnews_newsarea{
margin-top:20px;
width:100%;
float:none;
height:auto;
border-radius:0;
padding:15px 15px 5px;
}

#wpnews ul li time{
margin-right:0;
display:block;
}

#wpnews ul li{
line-height:1.6;
letter-spacing:unset;
margin-bottom:15px;
font-size:12px;
}

#special h2{
background-size: contain;
font-size:18px;
line-height:50px;
padding-top:10px;
margin-bottom:10px;
}

#special ul li{
margin:10px;
}

#special{
height:auto;
padding-bottom:40px;
}

h2.border-title{
font-size:18px;
}

#recomend_area_inner{
width:100%;
}

#one_maincolumn #recomend_area .recomendleft, #two_maincolumn_right #recomend_area .recomendleft, #two_maincolumn_left #recomend_area .recomendleft, #three_maincolumn #recomend_area .recomendleft, #whobought_area .whobought_bloc .whobought_left,
#one_maincolumn #recomend_area .recomendleft:nth-child(4n){
width:48%;
margin:1%;
}

.productContents{
padding:5px;
}

.productContents h3{
font-size:14px;
height:5em;
}

.productContents .mini{
font-size:11px;
}

h2.border-title2{
font-size:18px;
}

#top_category ul{
width:96%;
margin:0 auto;
text-align: center;
}

#top_category ul li{
margin: 1% !important;
/*margin:15px 0;*/
/*zoom:65% !important;*/
}

#top_category ul li:nth-child(odd){
?*float:left;*/
}

#top_category ul li:nth-child(even){
/*float:right;*/
}

#top_reserve ul{
width:96%;
margin:0 auto;
}

#top_reserve ul li{
float:none;
margin:0 0 15px;
}

#top_reserve ul li:first-of-type{
margin:0 0 15px;
}

.footer_navi{
float:none;
width:94%;
margin:0 auto;
}

#footer_menu{
float:none;
width:100%;
}

.footer_navi ul li{
background:#f0f5e6;
margin-bottom:0;
color:#111;
border-bottom:dotted 1px #000;
}


.footer_navi ul li a:hover{
color:#111;
}

.footer_navi ul li a{
color:#111;
padding:15px;
display:block;
}

.footer_navi ul li ul li{
border-top:dotted 1px #000;
border-bottom:0;
}

.footer_navi li ul li:before{
display:none;
}

.hassubmenu a{
position:relative;
}

.hassubmenu a:after {
content:"▶";
float:right;
}

.hassubmenu ul a:after {
display:none;
}


#mainMenu {
    display: block;
    width: 100%;
    height: auto;
}
div#mainMenu ul, div#mainMenu ul li, div#mainMenu ul li a {
    line-height: 58px;
    font-weight: 600;
    width: 100%;
    font-size: 0;
    background: none;
}
div#mainMenu ul li {
    float: none;
    width: 33.333%;
    position: relative;
    background: none;
    border-bottom: 1px dotted;
    border-right: 1px dotted;
    box-sizing: border-box;
    display: inline-block;
}
div#mainMenu ul li a {
    font-size: 14px;
    line-height: 65px;
}
/*↓iosダブルクリック回避↓*/
div#mainMenu ul li a:before {
display:none;
}
/*↑iosダブルクリック回避↑*/

div#mainMenu ul li:nth-child(3n) {
    border-right: 0;
}

/*ブログ*/
#container {
    width: 100%;
    display: flex;
    flex-direction: column-reverse;
}
#one_maincolumn {
    margin: 0 auto;
    width: 96%;
}
h2.title, div#customervoice_area h2, div#whobought_area h2 {
    font-size: 20px;
}

/*lp*/
div#underPage_img01,
div#underPage_img02,
div#underPage_img04,
div#underPage_img05,
div#underPage_img08,
div#underPage_img09 {
    background-size: 100%;
    height: 100px;
    width: 100%;
}

div#underPage_img03,
div#underPage_img06,
div#underPage_img07,
div#underPage_img10 {
    background-size: 180%;
    height: 100px;
    width: 100%;
}
#container #cont01 h2 {
    font-size: 20px;
}

#container #cont01 .textArea p.heading_text {
    font-size: 16px;
}
#container #cont01 .textArea p {
    font-size: 14px;
}
.textArea {
    width: 96%;
}
#container #cont01 .textArea p.ploduct_heading {
    font-size: 11px;
}

/*2カラム*/
#leftcolumn {
    float: none;
    width: 96%;
    padding: 0%;
    margin: 0 auto;
    box-sizing: border-box;
}
#two_maincolumn_right {
    width: 96%;
    padding: 0%;
    box-sizing: border-box;
    margin: 60px auto;
}
#login_area h2, #search_area h2, #calender_area h2, #cart_area h2, #cart h2, #reserved_area h2, #category_area h2 {
    line-height: 45px;
    height: auto;
    text-align: left;
    background: none;
}

/*一覧*/
#main_column.colnum1 div.line_list, #main_column.colnum2 div.line_list, #one_maincolumn div.line_list, #two_maincolumn_right div.line_list, #two_maincolumn_left div.line_list {
    width: 48% !important;
}
#two_maincolumn_right.main_column h3 {
    font-size: 16px;
}
form.listForm {
    width: 48%;
    display: inline-block;
    vertical-align: top;
}
#two_maincolumn_right div.line_list {
    width: 100% !important;
}

/*詳細*/
#two_maincolumn_right div#detailphotobloc {
    width: 100%;
    margin-right: auto;
    margin: 0px auto 10px;
    height: auto;
    display: block;
}
#two_maincolumn_right div#detailrightbloc {
    float: none;
    width: 100%;
    margin-left: auto;
    margin: auto;
}
div#detailrightbloc h2 {
    font-size: 20px;
}
div.cart_area {
    padding: 5%;
}
#whobought_area .whobought_bloc {
    width: 100%;
    float: none;
}

/*カート*/
table {
    zoom: 80%;
}
#container .login_area dl.formlist {
    width: 100%;
}
#container .login_area dl.formlist dt {
    width: 100%;
    box-sizing: border-box;
}
#container .login_area dl.formlist dd {
    float: none;
    width: 100%;
}
div#complete_area .message, div#undercolumn_entry .message {
    font-size: 100%;
}

/*top*/

div#mainMenu div.sub_menu01 {
    width: 140px;
}

div#mainMenu div.sub_menu02 {
    width: 125px;
}

div#mainMenu div.sub_menu01 ul li {
    display: block;
    width: 100%;
}
div#mainMenu div.sub_menu02 ul li {
    display: block;
    width: 100%;
}
div#mainMenu ul li ul li {
    border-right: 1px dotted;
    border-left: 1px dotted;
}
div#mainMenu ul li ul li:first-child {
    border-top: 1px dotted;
}
div#mainMenu ul li ul li:last-child {
    border-right: 1px dotted;
}

.bx-wrapper img{
margin:0 auto;
}
.bx-wrapper .bx-prev {
    left: 10px !important;
}
.bx-wrapper .bx-next {
    right: 10px !important;
}

table th {
display: block;
}
table td {
display: block;
}

.box380 {
    width: 330px;
}

.contact-box {
height: 200px;
}

.abouts-table th {
    width: 100%;
}

.abouts-table td {
    width: 100%;
}
}