@charset "UTF-8";

/**************全体*****************/
/*リンク色*/
a{
  color: black;
  text-decoration: none;
}
a:hover{
  color: #0E14FF;
}


/*本文*/
h1,h2,h3,h4,h5,h6{
  margin-top: 0;
}
p{
  margin-top: 0; line-height: 1.5;
}


/*見出し*/
#main h2{
  background-image:url(../images/header_bg.jpg);
  padding: 10px 30px 5px 20px;
  font-size: 26px;
  border-bottom: solid 5px rgb(214, 113, 18);
}


/*画像*/
img{
  vertical-align: unset;
  margin: 0;
  padding: 0;
}
a img{
  transition: opacity 0.2s linear;
}
a:hover img{
  opacity: 0.7;
}


/*ヘッダー*/
header{
  width: 980px;
  margin: 0 auto;
}
header h1{
  float: left;
  margin: 5px 0 5px;
}
header #headercontact{
  float: right;
  margin: 35px 0 0;
}
#emergency p{
  clear: both;
  background-color: #FFF9D3;
  text-align: center;
  border-bottom: solid 2px rgb(214, 113, 18);
  margin-bottom: 5px;
}
#emergency p{
  padding:5px 0 2px 5px;
}
#emergency .important,#emergency .hachiji{
  color: red;
  font-weight: bold;
}
#emergency .hachiji{
  text-decoration: underline;
}
#emergency .blank{
  display: none;
}
.fixed{
  position: fixed;
  top: 0;
  z-index: 999999;
}
.fixed-margin{
  margin-top: 49px;
}


/*Global Navigation*/
header ul{
  width: 980px; 
  clear: both;
  overflow: hidden;
  margin: 16px auto 0px auto;
}
#globalnavi ul{
  list-style: none; 
  margin: 0;
  padding: 0;
}
#globalnavi ul li{
  width: 16.58%;
  float: left;
  margin: 0;
  margin-bottom: 5px;
  text-align: center;
  border-right: 1px solid #fff;
}
#globalnavi ul li:last-child{
  border-right: unset;
}
#globalnavi ul li a{
  display: block;
  padding: 7px;
  background-color: #63361E;
  font-size: 19px;
  color: #fff;
  text-decoration: none;
  transition: background-color 0.2s linear;
}
#globalnavi .current a{
  background-color: #9C552F;
}
#globalnavi ul li a:hover{
  background-color: #9C552F;
}


/*パンくずリスト*/
#breadcrumb{
  font-size: smaller;
}
#breadcrumb ol{
  list-style: none;
  margin: 0;
  padding: 0;
}
#breadcrumb ol li{
  display: inline;
}
#breadcrumb ol li::after{
  content: ">";
  padding-left: 7px;
}
#breadcrumb ol li:last-child::after{
  content: none;
}


/*Body*/
body{
  margin: 0;
}
#wrapper{
  width: 980px;
  margin: 0 auto;
  overflow: hidden;
}
#main{
  width: 730px;
  float: left;
}
#sidebar{
  width: 220px;
  float: right;
}
.pc{
  display: inline;
}
.mobile{
  display: none;
}

/*main*/
.blank{
  display: none;
}

/*サイドバー*/
#sidebar ul{list-style: none; margin: 0; padding: 0;}
#sidebanner ul li{margin-bottom: 1px;}
#sidebanner h2{background-color: #A6A6A6; color: #fff; margin: 20px 0 0; padding: 7px 0px 5px 0px; font-size: 20px; text-align: center;}
#gurunabi{float: left;}
#tabelog{float: right;}
#twitter{clear: both;float: left;}
#facebook{float: right;}
#gurunabi img,#tabelog img{width: 70px; height: 70px; margin-top: 9px;}
#gurunabi img{margin-left: 35px;}
#tabelog img{margin-right: 35px;}
#facebook img{width: 70px; height: 70px; margin-right: 35px;}
#twitter img{width: 70px; height: 70px; margin-left: 35px;}
#sidecontact{border: 1px solid #FF342F; color: #595959; text-align: center; clear: both;}
#sidecontact h2{font-size: 18px; background-color: #FF342F; color: #fff; padding: 4px;}
#sidecontact address{font-weight: bold; font-size: 20px; font-style: normal;}
#sidecontact address img{vertical-align: middle; margin-right: 5px; top: 100px;}
#sidecontact .contactbutton{display: inline-block;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f7f0e3+10,f7f0e3+32,efceaa+100 */
  background: #f7f0e3; /* Old browsers */
  background: -moz-linear-gradient(top,  #f7f0e3 10%, #f7f0e3 32%, #efceaa 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #f7f0e3 10%,#f7f0e3 32%,#efceaa 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #f7f0e3 10%,#f7f0e3 32%,#efceaa 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f0e3', endColorstr='#efceaa',GradientType=0 ); /* IE6-9 */
  color:rgb(214, 118, 9); padding: 7px; border:1px solid rgb(214, 118, 9); border-radius: 5px; text-decoration: none; font-weight: bolder;
}

/*フッター*/
footer{clear: both; background-color: black; text-align: center;}
footer #footernavi{ color: #aaa; background-color: #efefef; padding: 10px 0;}
#footernavi ul{list-style: none; margin: 0; padding: 0 ;}
#footernavi li{display: inline; border-left: solid 1px #aaa; margin-left: 8px; padding-left: 8px; font-size: smaller;}
#footernavi li:last-child{border-right:solid 1px #aaa; padding: 0 8px;}

/*コピーライト*/
.coppyright {font-size: x-small; text-align: center; color: white; display: block; padding: 0 8px;}

/**************個別*****************/
/*Photo*/
#photo ul{list-style: none; margin-bottom: 30px;}
#photo h2{clear: both; padding: 5px 30px 5px 20px; background-color: #943521; border-bottom: none; background-image: none; color: #fff; font-family: 'Cambria','ヒラギノ明朝 ProN','Hiragino Mincho ProN',sans-serif;}
#photo img{margin: 0; padding: 0;}
#photo ul li{width: 180px; height: 180px; margin: 0 30px 30px 0; padding: 10px; float: left; text-align: center; font-size: 13.5px;font-weight: bold;}

/*お問い合わせ*/
#entry dl{background: #f1ede4; border: 1px solid #ddd; border-top: 0;}
#entry dl dt,#entry dl dd{padding: 10px; border-top: 1px solid #ddd;}
#entry dl dt{width: 13em; float: left; clear: both; font-weight: bold;}
#entry dl dd{background-color: #fff; border-left: 1px solid #ddd; margin-left: 13em;}
#entry #name{width: 15em; padding: 3px;}
#entry #email{width: 25em; padding: 3px;}
#entry #category2,#entry #know2,#entry #know3,#entry #know4{margin-left: 15px;}
#entry #detail{width: 36em; height: 15em;}
#entry #submitbuttoncover{text-align: center;}
#entry #submitbutton{
  background-color: #b7a077; border: 1px solid #b7a077; padding: 9px 50px; border-radius: 10px;
  font-size: 18px; color: #fff;cursor: pointer; transition: background-color 0.1s linear;}
#entry #submitbutton:hover{background-color: #c7ae81;}

/*モバイル総合 iphone6.7.8plus用*/
@media (max-width:767px){
  img {max-width: 100%; height: auto;}
  header,#mainvisual, #wrapper, #globalnavi ul{max-width: 100%;}
  header img{width: 200px;}
  header h1 {float: none; text-align: center;}
  header #headercontact,#mainvisual {display: none;}
  header{width: 100%;}
  #globalnavi ul li {width: 50%; padding: 0.5px; margin: 0; box-sizing: border-box;border-right: 1px solid #fff !important;}
  #globalnavi ul li a {margin: 0;}
  #emergency p{font-size: 13px;}
  #emergency .blank{display: inline;}
  #main {width: 100%; padding: 0; box-sizing: border-box;}
  #main figure {vertical-align: left;}
  #mainvisual{width: 100%; height: auto;}
  #point figure{float: none; margin: 0 0 11px 0;}
  #news{font-size: 15px;}
  #news dt{font-size: 11px;}
  #news dd{font-size: 11px;}
  .newstop{font-size: 15px;}
  .blank{display: inline;}
  .pc{display: none;}
  .mobile{display: inline;}
  .pcblank{display: none;}
  .mobilenone{display: none;}
  .fixed{position: unset;}
  .fixed-margin{margin-top: 0;}
  #header h1{
    float: none;
    text-align: center;
    margin: 0 117px;
  }
  #header img{
    width: 180px;
    height: 37px;
    margin:10px 0 0;
  }


  /*サイドバー*/
  #sidebar{width: 100%; clear: both;}
  #sidebar section{clear: both; display: flex; margin: 0 auto; width: auto;}
  #sidebanner,#sidecontact{width: 50%;}
  #sidebanner{margin-right: 10px;}
  #sidebanner h2{margin: 0; font-size: 16.5px; padding: 1px 0 0; font-family: 'ヒラギノ角ゴシック','Hiragino Sans',sans-serif; font-weight: normal;}
  #gurunabi img,#tabelog img,#twitter img,#facebook img{width: 50px; height: 50px;}
  #sidecontact h2{font-size: 16px; padding: 1px 0 1px; font-family: 'ヒラギノ角ゴシック','Hiragino Sans',sans-serif; font-weight: normal;}
  #sidecontact p{font-size: 14px; margin-bottom: 13px;}
  #sidecontact .contactbutton{padding: 5px;}
  #gurunabi img{margin: 9px 0 0 42px;}
  #tabelog img{margin: 9px 42px 0 0;}
  #twitter img{margin-left: 42px;}
  #facebook img{margin-right: 42px;}

  /*フッター*/
  #footernavi a{font-size: 9px;}

  /**************個別*****************/
  /*Photo*/
  #photo h2{margin: 0 0 10px; text-align: center;}
  #photo ul li,#photo ul{margin: 0; padding: 0; width: auto; height: auto;}
  #photo ul li{margin-left: 20px; font-size: 11px; margin: 0 0 5px 20px;}
  #photo img{width: 103px; height: auto;}
  #photo a{text-align: center;}

  /*お問い合わせ*/
  #entry dl dt{float: none; width: 100%; box-sizing: border-box;}
  #entry dl dd{width: 100%; margin-left: 0; border-left: none; box-sizing: border-box;}
  #entry #name,#entry #email{max-width: 100%;}
  #entry #detail{width: 100%; box-sizing: border-box; height: 10em;}

}

/*Pixel2 ,Pixel2 XL*/
@media (max-width:412px){

}

/*iphone6,6s,7,8用*/
@media (max-width:380px){
  #header h1{
    float: none;
    text-align: center;
    margin: 0 97.5px;
  }

  /*サイドバー*/
  #gurunabi img{margin: 9px 0 0 32px;}
  #tabelog img{margin: 9px 32px 0 0;}
  #twitter img{margin-left: 32px;}
  #facebook img{margin-right: 32px;}

  /*Photo*/
  #photo h2{margin: 0 0 10px; text-align: center;}
  #photo ul li,#photo ul{margin: 0; padding: 0; width: auto; height: auto;}
  #photo ul li{font-size: 11px; margin: 0 0 5px 15px;}
  #photo img{width: 98px; height: auto;}
  #photo a{text-align: center;}
}

/*Moto G4,Galaxy用*/
@media (max-width:370px){
  #emergency p{font-size: 12px;}
  #header h1{
    float: none;
    text-align: center;
    margin: 0 90px;
  }

  /*サイドバー*/
  #sidebar h2{font-size: 13px;}
  #sidebanner h2{font-size: 13.5px;}
  #gurunabi img,#tabelog img,#twitter img,#facebook img{width: 50px; height: 50px;}
  #gurunabi img{margin: 6px 0 0 28px;}
  #tabelog img{margin: 6px 28px 0 0;}
  #twitter img{margin-left: 28px;}
  #facebook img{margin-right: 28px;}
  
  /**************個別*****************/
  /*Photo*/
  #photo h2{margin: 0 0 10px; text-align: center;}
  #photo ul li,#photo ul{margin: 0; padding: 0; width: auto; height: auto;}
  #photo ul li{font-size: 11px; margin: 0 0 5px 12px;}
  #photo img{width: 98px; height: auto;}
  #photo a{text-align: center;}
  
}

/*iphone5s,iphoneSE用*/
@media (max-width:320px){
  #emergency p{font-size: 11px;}
  #globalnavi ul li a{font-size: 18px;} 
  #header h1{
    float: none;
    text-align: center;
    margin: 0 70px;
  }


  /*サイドバー*/
  #sidebar h2{font-size: 13px;}
  #sidebanner h2{font-size: 13.5px;}
  #gurunabi img,#tabelog img,#twitter img,#facebook img{width: 40px; height: 40px;}
  #gurunabi img{margin: 6px 0 0 30px;}
  #tabelog img{margin: 6px 30px 0 0;}
  #twitter img{margin-left: 30px;}
  #facebook img{margin-right: 30px;}
  #sidecontact adress{font-size: 13px;}
  #sidecontact p{font-size: 10px; margin-bottom: 9px;}

  /*フッター*/
  #footernavi a{font-size: 10px;}

  /**************個別*****************/
  /*Photo*/
  #photo ul li{margin-left: 15px; font-size: 9px;}
  #photo img{width: 80px; height: auto;}
}