@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";

}

/* 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,

.mobileTel {

  display:none;

}





/*

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





#wrapper {  

  position:relative;

  width:100%;

  min-width:1030px;

  display:block;

}







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;

}



/*#pageTop a:hover {

	filter: alpha(opacity=90);

	-moz-opacity:0.9;

	opacity: 0.9;

}*/





/* header

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

header {

  width:100%;

  min-width:1030px;

  height: 124px;

  position:absolute;

  top:0;

  left:0;

  z-index:20;

  background-color:rgba(0,0,0,0.6);

}

#headerArea {

  position: relative;

}

#headerArea nav {

  width:100%;

  height:auto;

  margin:13px auto 0;

  position: relative;

}

#headerArea nav ul {

  display: flex;

  display:-webkit-box;

  display:-ms-flexbox;

  display: -webkit-flex;

  border-left:#f6f6f6 solid 1px;

  width: 1000px;

  margin: 0 auto;

}

#headerArea nav li {

  font-family: "hannari";

  font-size:123%;

  width:12.5%;

  overflow:hidden;

}

#headerArea nav li a {

  text-align:center;

  border-right:#f6f6f6 solid 1px;

  width:124px;

  height:40px;

  display:table-cell;

  vertical-align:middle;

  -webkit-transition: all 0.5s;

  -moz-transition: all 0.5s;

  -ms-transition: all 0.5s;

  -o-transition: all 0.5s;

  transition: all 0.5s;

}

#headerArea nav li a:hover {

  background-color:rgba(0,0,0,0.6);

  text-decoration:none;

  -webkit-transition: all 0.5s;

  -moz-transition: all 0.5s;

  -ms-transition: all 0.5s;

  -o-transition: all 0.5s;

  transition: all 0.5s;

}

.enNav {

  font-size:10px;

}







.megaMenu {

  position: absolute;

  top: 100%;

  left: 0;

  margin: 0;

  padding: 0;

  background-color:rgba(0,0,0,0.8);

  overflow: hidden;

  width: 100%;

  height: 0px;

  color: #fff;

  -moz-transition: .2s;

  -webkit-transition: .2s;

  -o-transition: .2s;

  -ms-transition: .2s;

  transition: .2s;

}

#headerArea nav li:hover .megaMenu {

  height:280px;

}

.megaMenuBlock {

  width:1000px;

  height:auto;

  margin:30px auto 0;

  display: flex;

  display:-webkit-box;

  display:-ms-flexbox;

  display: -webkit-flex;

  -webkit-justify-content: center;

  justify-content: center;

}

.megaMenuBlock dl {

  padding:0 10px;

  text-align:center;

}

#headerArea nav li .megaMenu .megaMenuBlock dt a {

  border-right:none;

}

.megaMenuBlock dd {

  padding:2px 0 0;

  font-size:22px;

  line-height:0.9em;

}

.megaMenuBlock dd span {

  font-size:16px;

}

#headerArea nav li .megaMenu .megaBtn {

  padding:30px 0 0;

}

#headerArea nav li .megaMenu .megaBtn a {

  width:210px;

  height:auto;

  display:block;

  margin:0 auto;

  border-right:none;

  background-image:url(../images/bg_murasaki.jpg);

  padding:5px 5px 11px;

  border-radius:6px;

}

#headerArea nav li .megaMenu .megaBtn a:hover {

  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;

}



.megaMenu_r {

  position: absolute;

  top: 100%;

  left: 0;

  margin: 0;

  padding: 0;

  background-color:rgba(0,0,0,0.8);

  overflow: hidden;

  width: 100%;

  height: 0px;

  color: #fff;

  -moz-transition: .2s;

  -webkit-transition: .2s;

  -o-transition: .2s;

  -ms-transition: .2s;

  transition: .2s;

}

#headerArea nav li:hover .megaMenu_r {

  height:360px;

}

.megaMenuBlock_p {

  width:900px;

  height:auto;

  margin:24px auto 0;

  display: flex;

  display:-webkit-box;

  display:-ms-flexbox;

  display: -webkit-flex;

  -webkit-justify-content: center;

  justify-content: center;

  -webkit-box-lines:multiple;

  -moz-box-lines:multiple;

  -webkit-flex-wrap:wrap;

  -moz-flex-wrap:wrap;

  -ms-flex-wrap:wrap;

  flex-wrap:wrap;

}

.megaMenuBlock_p dl {

  padding:0 10px 15px;

  text-align:center;

}

#headerArea nav li .megaMenu_r .megaMenuBlock_p dt {

  border-right:none;

  width: 169px;

  height: 110px;

  display: block;

  overflow: hidden;

}

#headerArea nav li .megaMenu_r .megaMenuBlock_p dt img {

  position: relative;

  width: 100%;

  height: auto;

  top: 50%;

  left: 50%;

  -moz-transform: translate(-50%, -50%);

  -webkit-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);

}

#headerArea nav li .megaMenu_r .megaMenuBlock_p dt a {

  display: block;

  width: 169px;

  height: 110px;

}

.megaMenuBlock_p dd {

  padding:2px 0 0;

  font-size:14px;

  line-height:1em;

  width: 169px;

}

.megaMenuBlock_p dd span {

  font-size:16px;

}





.megaMenuBlock_r {

  width:1180px;

  height:auto;

  margin:24px auto 0;

  display: flex;

  display:-webkit-box;

  display:-ms-flexbox;

  display: -webkit-flex;

  -webkit-justify-content: center;

  justify-content: center;

  -webkit-box-lines:multiple;

  -moz-box-lines:multiple;

  -webkit-flex-wrap:wrap;

  -moz-flex-wrap:wrap;

  -ms-flex-wrap:wrap;

  flex-wrap:wrap;

}

.megaMenuBlock_r dl {

  padding: 0 10px 15px;

  text-align:center;

}



#headerArea nav li .megaMenu_r .megaMenuBlock_r dt a {

  border-right:none;

}

#headerArea nav li .megaMenu_r .megaMenuBlock_r dt a img {

  width:169px;

  height:auto;

}

.megaMenuBlock_r dd {

  padding:2px 0 0;

  font-size:14px;

  line-height:0.9em;

}

.megaMenuBlock_r dd span {

  font-size:16px;

}





#headerArea nav li .megaMenu_r .megaBtn {

  padding:20px 0 0;

}

#headerArea nav li .megaMenu_r .megaBtn a {

  width:210px;

  height:auto;

  display:block;

  margin:0 auto;

  border-right:none;

  background-image:url(../images/bg_murasaki.jpg);

  padding:5px 5px 11px;

  border-radius:6px;

}

#headerArea nav li .megaMenu_r .megaBtn a:hover {

  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;

}







#headerArea.fixed  { 

}

.headerBlock {

  width:1000px;

  height:auto;

  margin:0 auto;

  position:relative;

  display: flex;

  display:-webkit-box;

  display:-ms-flexbox;

  display: -webkit-flex;

}

.headerBlock h1 {

  background-image:url(../images/bg_murasaki.jpg);

  width:200px;

  height:70px;

}

.headerBlock h1 a {

  width:200px;

  height:70px;

  display:table-cell;

  text-align:center;

  vertical-align:middle;

}

.headerBlock p {

  width:310px;

  line-height:1.4em;

  font-size:85%;

  padding:15px 0 0 14px;

}

.contactBoxHead {

  text-align:right;

  padding:14px 0 0;

}

.contactBoxHead ul {

  display: flex;

  display:-webkit-box;

  display:-ms-flexbox;

  display: -webkit-flex;

}

.contactBoxHead li {

}

.reserveHead {

  padding:0 0 0 10px;

}

.telHead {

  padding:2px 0 0 5px;

}

.subNavList {

  padding:10px 0 0;

}

.subNavList ul {

  display: flex;

  display:-webkit-box;

  display:-ms-flexbox;

  display: -webkit-flex; 

}

.subNavList li {

  padding:0 0 0 24px;

  background-repeat:no-repeat;

  background-image:url(../images/sankaku_or.png);

  background-position:16px 2px

}





#language_tab {

  bottom:-90px;

  right: 0px;

  position:absolute;

}

.language_box {

}

.language_box ul {

  display: flex;

  display:-webkit-box;

  display:-ms-flexbox;

  display: -webkit-flex;

}

.language_box ul li {

  width: auto;

  height: auto;

  padding: 0 0 0 8px;

}

.language_box ul li a {

  font-family: "Yu Mincho", "YuMincho", serif;

  line-height: 0em;

  display: block;

  padding: 2px 0 ;

  background-position:7px 8px;

  background-color:rgba(171,107,121,0.85);

  width: 64px;

  height: auto;

  text-align: center;

  -webkit-border-radius:4px;

  -khtml-border-radius:4px;

  -moz-border-radius:4px;

  border-radius:4px;

  -webkit-transition: all 0.5s;

  -moz-transition: all 0.5s;

  -ms-transition: all 0.5s;

  -o-transition: all 0.5s;

  transition: all 0.5s;

}

.language_box ul li a:hover {

  background-color:rgba(171,107,121,1.0);

  text-decoration: none;

  -webkit-transition: all 0.5s;

  -moz-transition: all 0.5s;

  -ms-transition: all 0.5s;

  -o-transition: all 0.5s;

  transition: all 0.5s;

}

.language_box ul li a:hover img {

  

  filter: alpha(opacity=100);

  -moz-opacity:1.0;

  opacity: 1.0;

}







/* footerRGB(156,120,130)

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



footer {

  width:100%;

  background-image:url(../images/bg_murasaki.jpg);

  padding:30px 0;

}

#footerArea {

}

.footerBlock {

  width:1000px;

  height:auto;

  margin:0 auto;

  display: flex;

  display:-webkit-box;

  display:-ms-flexbox;

  display: -webkit-flex;

}

.adressSide {

  width:240px;

  height:auto;

 }

.adressSide p {

  line-height:1.4em;

  padding:10px 0 0;

}

.adressSide ul {

  padding:10px 0 0;

  display: flex;

  display:-webkit-box;

  display:-ms-flexbox;

  display: -webkit-flex;

}

.adressSide li {

  padding:0 3px;

}



.sitemapSide {

  width:759px;

  border-left:#FFF solid 1px;

  display: flex;

  display:-webkit-box;

  display:-ms-flexbox;

  display: -webkit-flex;

  -webkit-justify-content: space-between;

  justify-content: space-between;

}

.sitemapSide ul {

  padding:0 0 0 20px;

}

.sitemapSide li {

  padding:0 0 2px;

  line-height:1.4em;

}

.copyright {

  text-align:center;

  padding:20px 0 0;

  font-size:85%;

}









/* other

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

.breadCrumb {

  text-align:right;

  position:absolute;

  bottom:10px;

  right:0px;

}



.listTtl {

  width:100%;

  height: auto;

}

.listTtl h2 {
  width:100%;
  height: auto;
  margin:0 auto;
  padding:40px 0 50px;
  text-align:center;
  font-family: "hannari";
	color: #ffffff;
	font-size: 231%;
	font-weight: 400;
  background-repeat:no-repeat;
  background-image:url(../../common/images/sankaku_ttl.png);
  background-position:center;
}
/*.listTtl h2 span {
  display: block;
  font-size: 14px;
  line-height: 1.4em;
  padding: 15px 0 0;
  margin-bottom: -20px;
  font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
}*/

.bg_y {

  background-image:url(../../common/images/bg_y.jpg)

}

.bg_r {

  background-image:url(../../common/images/bg_r.jpg)

}

.bg_g {

  background-image:url(../../common/images/bg_g.jpg)

}

.bg_b {

  background-image:url(../../common/images/bg_b.jpg)

}

.bg_yg {

  background-image: url(../images/bg_yg.jpg)

}

.bg_pu {

  background-image:url(../../common/images/bg_pu.jpg)

}

.bg_murasaki {

  background-image: url(../images/bg_murasaki.jpg)

}



.rby {

  font-size:70%;

}







.contentsContact {

  background-repeat:no-repeat;

  background-image:url(../../common/images/waku_contact.png);

  background-size:100% 100%;

  width:679px;

  height:auto;

  margin:40px auto 80px;

  padding-bottom:50px;

}

.contentsContact h2 {

  text-align:center;

  padding:30px 0 0;

}

.contentsContact p {

  text-align:center;

  padding:20px 0 0;

}

.contentsContact ul {

  display: flex;

  display:-webkit-box;

  display:-ms-flexbox;

  display: -webkit-flex;

  -webkit-justify-content: center;

  justify-content: center;

  

}

.contentsContact li {

  width: 208px;

	height: 32px;

  margin: 24px 5px 0;

}

.contentsContact li a {

  width: 208px;

	height: 32px;

  display:table-cell;

  text-align:center;

  vertical-align:middle;

	border-radius: 4px;

	background-color: #9c7883;

  -webkit-transition: all 0.5s;

  -moz-transition: all 0.5s;

  -ms-transition: all 0.5s;

  -o-transition: all 0.5s;

  transition: all 0.5s;

}

.contentsContact li a:hover {

  text-decoration:none;

  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;

}

.contentsContact h3 {

  width:auto;

  height:auto;

  color:#000;

  font-size:174%;

  text-align:center;

  padding:30px 0 0;

}

.contentsContact h3 a {

  padding:5px 15px;

	border-radius: 4px;

	background-color: #9c7883;

  -webkit-transition: all 0.5s;

  -moz-transition: all 0.5s;

  -ms-transition: all 0.5s;

  -o-transition: all 0.5s;

  transition: all 0.5s;

}

.contentsContact h3 a:hover {

  text-decoration:none;

  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;

}



.sponly {
  display: none;
}
.pconly {
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .sponly {
    display: block;
  }
  .pconly {
    display: none;
  }
}