﻿/*-----------all page----------------------------------*/
body{
  letter-spacing:2px;
  background:url(./Dup/img/bg.png) repeat;
  overflow:hidden;
}
header{border-top:0!important;}
header .mail_bt,#side_contact{display:none;}
header .tel_txt a{padding-top:15px;}
header .tel_txt i{margin-right:10px;}
#main_img{
  border-bottom:0;
  border-top:0;
}
.main_outer{
  background:url(./Dup/img/bg2.png) no-repeat top left 100% ;
  background-attachment:fixed;
}
footer{background:url(./Dup/img/bg.png) repeat;}
footer > div:first-child{
  border-bottom:0!important;
  border-top:0!important;
  background-color:#b5b57e!important;
}
#footer_menu ul li{
  border-left:0;
  border-right:0;
}
#footer_menu li a{color:white!important;}
#footer_menu li a:hover{
  opacity:0.7;
  transition:all 0.3s;
}
.footer_box_wrap{
  background:url(./Dup/img/item2.png) no-repeat center left;
  background-size:contain;
}
.footer_box{background-color:transparent;}
.linkStyle{color:#3a2619;}

/*--------------top page-------------------------------*/
#header{
  background-color: #999966;
  box-shadow:none;
}
#header-nav li a,#header-nav li a span{color:white;}
#header-nav li a:hover,#header-nav li a span:hover{
  opacity:0.7;
  transition:all 0.3s;
}
#header ul li{
  border-left:0;
  border-right:0;
}
#side_info{
  border:0;
  border-right:1px dotted #e3e3e3;
}
#side_info figure{border:0;}
#side_info .logo{margin:20px auto;}
.cms_title{border-bottom:0;}
.more a{border:1px solid #999966;}


/*------------under page------------------------*/
.cate_list li a{border:1px solid #999966;}




/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
header{box-shadow:none!important;}
main{margin-top:0;}
.hamburger{top:15px;}
#contents h2{
  padding-left:0;
  border-bottom:0;
}
#side_info .logo{width:40%!important;}
#side_info p{
  width:50%!important;
  margin:auto;
}
.footer_box_wrap{background-image:none;}
.footer_box p{text-align:center;}
#page_title {padding-top: 150px;}
#page_title h2{font-size:20px;}
}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
.hamburger {top: 5px;}
#contents h2{font-size:19px;}
.cms_1-e .cate_box{text-align:center;}
.more a{
  width:100%;
  max-width:300px;
}
#side_info p {width: 100%!important;}
}

/* ---------- IEの処理 ---------- */
@media all and (-ms-high-contrast: none){
header .tel_txt a{padding-top:20px;}
#contact_tel a{padding-bottom:20px;}
}