@charset "utf-8";
/* CSS Document */

/*
Font-size list (base: 13px)
 62% =  8px
 70% =  9px
 77% = 10px
 85% = 11px        162% = 21px        239% = 31px
 93% = 12px        170% = 22px        247% = 32px
100% = 13px        177% = 23px        254% = 33px
108% = 14px        185% = 24px        262% = 34px
116% = 15px        193% = 25px        270% = 35px
124% = 16px        200% = 26px        277% = 36px
131% = 17px        208% = 27px        285% = 37px
139% = 18px        216% = 28px        293% = 38px
147% = 19px        224% = 29px        300% = 39px
154% = 20px        231% = 30px        308% = 40px
*/

/*!
 * "はんなり明朝" is lisenced under the IPA FONT LICENSE V1.0
 * by http://typingart.net/
 */

@font-face {
  font-family: "hannari";
  src: url('../wf/Hannari.eot'); /* IE9以上用 */
	src: url('../wf/Hannari.eot?#iefix') format('embedded-opentype'), /* IE8以前用 */
	url('../wf/Hannari.woff') format('woff'), /* モダンブラウザ用 */
	url('../wf/hannari.ttf') format('truetype'); /* iOS, Android用 */
}
.hannari {
  font-family: "hannari";
}


@font-face {
  font-family: "hanamin";
  src: url('../wf/HanaMin.eot'); /* IE9以上用 */
	src: url('../wf/HanaMin.eot?#iefix') format('embedded-opentype'), /* IE8以前用 */
	url('../wf/HanaMin.woff') format('woff'), /* モダンブラウザ用 */
	url('../wf/HanaMin.ttf') format('truetype'); /* iOS, Android用 */
}
.hanamin {
  font-family: "hanamin";
}



/* clearfix 設定
 :after { content: ''; display: block; clear: both; }
-----------------------------------------------------------------*/
/* For modern browsers */

.clearfix:before, .clearfix:after {
	content: "";
	display: table;
}
.clearfix:after {
	clear: both;
}
/* For IE 6/7 (trigger hasLayout) */

.clearfix {
	zoom: 1;
}




/* mobile only
-----------------------------------------------------------------*/

#modal,
.m_menuBtn,
.mobileNav,
#mobileSlide,
.mobileLogo,
.mobileTel {
  display:none;
}


/*
-----------------------------------------------------------------*/


#wrapper {  
  position:relative;
  width:100%;
  min-width:1000px;
}



a:hover img {
  filter: alpha(opacity=70);
  -moz-opacity:0.7;
  opacity: 0.7;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}


/* ページの先頭へボタン
---------------------------------------------------------------- */
#pageTop {
  position: fixed;
  right: 20px;
  bottom: 0;
  z-index: 1500;
}

#pageTop a {
	overflow: hidden;
	outline: none;
}



/* header
-----------------------------------------------------------------*/

.tabArea {
  width:1000px;
  margin:0 auto;
  position:relative;
}

.tabArea .largeTab {
  width: 240px;
	height: 88px;
  background-image:url(../../common/images/bg_red.jpg);
  position:absolute;
  right:0px;
  z-index:30;
}
.secondaryNavBlock .largeTab {
  width: 240px;
	height: 88px;
  background-image:url(../../common/images/bg_red.jpg);
  position:absolute;
  right:0px;
  top:12px;
}
.ltTel {
  color:#FFF;
  padding:8px 0 0;
  font-family: "hanamin";
  display: flex;
  display:-webkit-box;
  display:-ms-flexbox;
  display: -webkit-flex;
  -webkit-justify-content: center;
  justify-content: center;
}
.ltTel a {
  color:#FFF;
  font-size:154%;
  padding:0 0 0 26px;
  line-height:1em;
  display:block;
  background-repeat:no-repeat;
  background-image:url(../../common/images/ico_tel.png);
  background-position:5px 3px;
}
.ltTel p {
  padding:5px 0 0;
}
.largeTab ul {
  display: flex;
  display:-webkit-box;
  display:-ms-flexbox;
  display: -webkit-flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding:5px 10px;
}
.largeTab li a {
  display:block;
  background-color:#FFF;
  text-align:center;
  color: #872a44;
  font-family: "hanamin";
  font-weight:bold;
  width: 108px;
  padding:6px 0 6px;
  font-size:108%;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.largeTab li a:hover {
  background-color:rgba(255,255,255,0.7);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.kakunin {
  text-align:center;
  font-size:93%;
  line-height:1.4em;
}
.kakunin a {
  color:#FFF;
}
.kakunin a:hover {
  text-decoration:underline;
}



.secondaryNavArea {
  width:100%;
  position:absolute;
  top:-115px;
  z-index:210;
}
#secondaryNav {
  width:100%;
  padding:3px 0 0;
  background-repeat:repeat-x;
  background-image:url(../../common/images/bg_belt.gif);
  position:fixed;
}
.fixed {
  top:-115px;
  -webkit-transition: top 0.5s;
  -moz-transition: top 0.5s;
  -ms-transition: top 0.5s;
  -o-transition: top 0.5s;
  transition: top 0.5s;
}
.down {
  top:0px;
  -webkit-transition: top 0.5s;
  -moz-transition: top 0.5s;
  -ms-transition: top 0.5s;
  -o-transition: top 0.5s;
  transition: top 0.5s;
}
.secondaryBg {
  background-image:url(../images/bg06.jpg);
  width:auto;
  height: 113px;
}
.secondaryNavBlock {
  width:1000px;
  height:auto;
  margin:0 auto;
  display: flex;
  display:-webkit-box;
  display:-ms-flexbox;
  display: -webkit-flex;
  position:relative;
  /*-webkit-justify-content: center;
  justify-content: center;*/
}
.secondaryNavBlock .logoMain {
  width:95px;
  height:88px;
  padding:10px 0 0;
}
.secondaryNavBlock .logoMain img {
  width:100%;
  height:auto;
}
.secondaryNavBlock .homeBtn {
  width:52px;
  height:auto;
  text-align:center;
  padding:52px 0 0;
}
.secondaryNavBlock .gnavMain {
  width:370px;
  padding:12px 0 0;
}
.secondaryNavBlock .gnavMain ul{
  display: flex;
  display:-webkit-box;
  display:-ms-flexbox;
  display: -webkit-flex;
  -webkit-justify-content: center;
  justify-content: center;
  border-left:#bdb493 solid 1px
}
.secondaryNavBlock .gnavMain li {
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  font-family: "hannari";
  font-size:139%;
  border-right:#bdb493 solid 1px;
  width:52px;
  height:90px;
}
.secondaryNavBlock .gnavMain li a {
  display:block;
  padding:10px 17px 0 17px;
  line-height:1em;
  background-repeat:no-repeat;
  background-image:url(../../common/images/dot01.png);
  background-position:center 5px;
  color: #372c04;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.secondaryNavBlock .gnavMain li a:hover {
  background-color:rgba(183,81,94,0.3);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.secondaryNavBlock .submenuMain {
  width:166px;
  height:auto;
  padding:10px 0 0;
}
.secondaryNavBlock .submenuMain ul {
  -webkit-justify-content: center;
  justify-content: center;
}
.secondaryNavBlock .submenuMain li {
  font-family: "hannari";
  font-size:108%;
}
.secondaryNavBlock .submenuMain li a {
  display:block;
  padding:8px 0 0 30px;
  background-repeat:no-repeat;
  background-image:url(../../common/images/dot02.png);
  background-position:20px 14px;
  color: #372c04;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.secondaryNavBlock .submenuMain li a:hover {
  color:rgba(183,81,94,1.0);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}


/* footer
-----------------------------------------------------------------*/

footer {
  width:100%;
  height:auto;
  bottom: 0;
  background-image:url(../images/bg02.jpg);
  padding:30px 0;
}
.footerBlock {
  width:1000px;
  height:auto;
  margin:0 auto;
  display: flex;
  display:-webkit-box;
  display:-ms-flexbox;
  display: -webkit-flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.addressSide {
  width:730px;
  height:auto;
 }
.addressSide p {
  line-height:1.4em;
}
.footLogoBox {
  display: flex;
  display:-webkit-box;
  display:-ms-flexbox;
  display: -webkit-flex;
  -webkit-justify-content: left;
  justify-content: left;
  font-family: "hanamin";
  line-height:2.4em;
}
.footTel {
  padding: 10px 0 0 16px;
}
.footTel p {
  font-weight:bold;
}
.footTel a {
  display:block;
  color:#000;
  font-size:231%;
  padding:0 0 0 25px;
  background-repeat:no-repeat;
  background-image:url(../images/ico_tel_bk.png);
  background-position:0 5px;
}
.footerNav {
  line-height:1.4em;
  border-bottom:#FFF dotted 1px;
  padding:10px 0;
}

.telFoot {
  line-height:1em;
	font-size: 216%;
  font-family:"gsgph";
  padding:0 12px 0 30px;
  margin:-7px 0 0 0;
  background-repeat:no-repeat;
  background-image:url(../images/ico_tel.png);
  background-position:0 3px;
}
.telFoot a:hover {
  text-decoration:none;
}

.copyright {
  padding:8px 0 0;
  font-size:85%;
}




/* other
-----------------------------------------------------------------*/
.breadCrumb {
  text-align:right;
  position:absolute;
  bottom:10px;
  right:0px;
  text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.8);
  color:#FFF;
}