/*----------all page---------------------------------------*/
/*--loader--*/
#fakeloader .fl {
    position: absolute!important;
    top: 50%!important;
    left: 50%!important;
    transform: translate(-50%,-50%)!important;
    width: 50%!important;
    max-width: 250px;
}
#fakeloader .fl{
	animation-name: loader;
	animation-duration: 5s;
	animation-timing-function: ease;
	animation-iteration-count: infinite;
}
@keyframes loader {
	0% {opacity: 0;}
	50% {opacity: 1;}
	100% {opacity: 0;}
}

#body{
  font-family:"Hannari", "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif";
  background:url(./Dup/img/bg.jpg);
}
header{padding-bottom:0;}
header #header #header_menu li:last-child a span{border:1px solid #462b18;}
#logo{padding-top:0;}
.logo{width:300px;}
.svg_box,footer .svg_box2{display:none!important;}
footer .bg-mask{background:transparent!important;}
#footer p{color:white;}
#info{padding-top:0;}
.info_box{
  padding-top:50px;
  padding-bottom:50px;
  margin-bottom:0;
  background:url(./Dup/img/bg.jpg);
}
#bottom_menu ul li a{font-size:18px;}
.linkStyle{color: #462b18;}
.contents_wrap .linkStyle{color:white;}

/*----------top page-----------------------------------------*/
#intro_txt{  
  background-image:url(./Dup/img/item1.png),url(./Dup/img/bg.jpg);
  background-repeat:no-repeat,repeat ;
  background-size:10%,auto;
  background-position:bottom 5% center,top left;
  padding-bottom:250px;
}
.contents_wrap{background-color:rgba(55,37,24,0.9);}
#contents .box .grid_6{color:white;}
#contents .box:first-child{
  padding-top: 400px;
    background: url(./Dup/img/con_title.png) no-repeat top center;
}

/*---top cms----*/
#top_cms h2{
    font-size: calc(1rem + 10px);
    text-align: center;
}
.top_cms_box{margin-bottom:150px;}
.cms_wrap{margin-bottom:30px;}
.cms_title h2{
  padding-top:60px;
  background:url(./Dup/img/icon.png) no-repeat center top;
}
/*--more---*/
.more{margin:auto;}
.more a {
  border:0;
  position: relative;
  padding: 0.25em 1em 0.5em;
  border-top: solid 1px #372518;
  border-bottom: solid 1px #372518;
}
.more a::before, .more a::after {
  content: '';
  position: absolute;
  top: -7px;
  width: 1px;
  height: -webkit-calc(100% + 14px);
  height: calc(100% + 14px);
  background-color: #372518;
}
.more a::before {left: 7px;}
.more a::after {right: 7px;}
.more a:hover before,.more a;hover after{
  width:0;
  transition:all 0.3s;
}

/*---------------under page------------------------------*/
#page_title h2 span{padding-bottom:20px;}
.cate_list li a{
  border:1px solid #4d4d4d;
  padding-bottom:15px;
}
#cms_2-c .cate_title,#cms_3-c .cate_title{
  border-bottom: solid 2px #b29d8f;
  position: relative;
  padding-bottom:10px;
  margin-bottom:20px;
}
#cms_2-c .cate_title::after,#cms_3-c .cate_title::after{
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 2px #462b18;
  bottom: -2px;
  width: 5%;
}
#page9 .box a{padding-bottom:10px;}



/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
#logo{margin-bottom:10px;}
.logo{width:250px;}
header{padding-bottom:20px;}
#header_menu ul li a span{letter-spacing:-1px!important;}
#intro #intro_txt{
  padding-bottom:180px;
  padding-top:50px;
  background-size:15%,auto;
  background-position: bottom 10% center,top left;
}
#contents .box:first-child {padding-top: 350px;}
#top_cms .top_cms_box{margin-bottom:150px;}
.cms_title h2{
  padding-top:50px;
  background-size:8%;
}
}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
header{padding-bottom:0;}
.logo{width:150px;}
#intro #intro_txt{background-size: 25%,auto;}
.cms_title h2 {
    padding-top: 40px;
    background-size: 15%;
}
#contents .box:first-child{
    padding-top: 300px;
    background: url(./Dup/img/con_title.png) no-repeat top 8% center;
    background-size: 20%;
}
#top_cms .top_cms_box {width: 90%;}
#footer .logo{margin-bottom:20px;}
#cms_2-c .cate_title::after, #cms_3-c .cate_title::after{width:20%;}
.cate_list li a{
  text-align:center;
  padding-bottom:9px;
}
}

/* ---------- IEの処理 ---------- */
@media all and (-ms-high-contrast: none){
header #header #header_menu li:last-child a span{padding-top:7px;}
.more a{padding: 0.6em 1em 0.5em!important;}
#info_title_box .info_title span{padding:12px 40px 15px;}
#page_title h2 span{padding-top:18px;}
#cms_2-c .cate_list li a{padding-bottom:10px;}
#cms_3-c .cate_list li a{padding-bottom:4px;}
#cms_4-a .cate_list li a{padding-bottom:10px;}
#contact_tel a{padding-bottom:20px;}
#page9 .box_wrap .box p a{padding:7px 10px 10px;}
}