﻿/*-------------------all page------------------------*/
#body{background-image:url(./Dup/img/bg2.jpg);}
main{
  background-image:url(./Dup/img/item1.png),url(./Dup/img/item4.png),url(./Dup/img/item5.png),url(./Dup/img/item6.png);
  background-repeat: no-repeat,no-repeat,no-repeat,no-repeat;
  background-position: bottom right, top 10% left,top 50% right,bottom 20% left;
  background-size:auto,auto,auto,auto;
}
#header .hrader_info .contact{display:none;}
#header #logo img{width:100%!important;}
.footer_outer{background-color:rgba(108,100,87,0.5);}
#footer{border-top:0;}
#footer h3,#footer .footer_cms,#footer .tel span,#footer .tel a{color:white;}
#bottom_menu li a{color:white;}
#bottom_menu li:first-child{border-right:1px solid #fff;}
.linkStyle{color:#3248aa;}
#page-top a{background-color: #c92626;}
#copyright,#copyright a{color:white;}


/*------------------top page----------------------------*/
#main_img{margin-bottom:0;}
#intro{
  margin-bottom:0;
  margin-top:0;
}
#intro_txt h2{font-weight:bold;}
.intro_outer{
  background-image:url(./Dup/img/bg.jpg);
  background-repeat:repeat;
  background-size:cover;
  padding-top: 100px;
  padding-bottom: 100px;
}
#contents h2{
  color:white;
  font-weight:bold;
}
.contents_txt{font-size:18px;}
#top_cms .cms_title{
  background-image:url(./Dup/img/bg4.jpg)!important;
  background-repeat:repeat;
  background-size:auto;
  background-attachment:initial;
}
#top_cms .cms_title .title_box,{background-color:transparent;}
#top_cms .cms_title .bg-mask{background:transparent;}
#top_cms h2{color:white;}
#top_cms .cms_5-a .box_wrap{background-color:rgba(255,255,255,0.5);}
#top_cms .btn:last-of-type{background-color:rgba(255,255,255,0.5);}

/*------------------under page------------------------*/
.all main{padding-top:130px;}
#page_title .back_color{background: rgba(152,170,204,0.5);}
#page_title h2{
  color:white!important;
  font-weight:bold;
}
.cate_list li a{border:1px solid #333;}
#cms_2-b .cate_box{
  border:0;
  border-left:0;
  background-color:rgba(255,255,255,0.5);
}
#cms_6-b .box_txt2,#top_cms .cms_6-b .box_txt2{background-color:rgba(255,255,255,0.5);}
#cms_5-a #cate0 .box_wrap{display:block;}
#page8 #tel_txt{
  background-color:rgba(255,255,255,0.7);
  padding:50px;
}
#page9 .box_wrap{
  background-color:rgba(255,255,255,0.7);
  padding:50px;
}
#page10 .contents .btn a{background-color:rgba(255,255,255,0.7);}



/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
.clone-nav #logo {width: 24.66667%!important;}
main{
  background-size:50% auto,50% auto,50% auto,50% auto;
}
.contact_bnr{margin-bottom:50px;}
#page8 #tel_txt{padding:30px;}
#page9 .box_wrap{padding:30px;}
}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
html{font-size:100%!important;}
.all main {padding-top: 110px;}
#wrap{background-size:120%;}
main{background-size:70% auto,50% auto,50% auto,50% auto;}
.intro_outer{
  padding-top:0;
  padding-bottom:20px;
}
.clone-nav #logo {width: 30.66667%!important;}
#page8 #tel_txt{padding:20px;}
#page9 .box_wrap{padding:20px;}
}


/* ---------- IEの処理 ---------- */
@media all and (-ms-high-contrast: none){
.contents .btn a{padding-top:1px;}
.pager li a span{top:54%;}
.cate_list li a{padding-top:17px;}
#contact_tel a{padding-top:40px;}
}