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

img {max-width: 100%; height: auto;}

@media screen and (min-width: 960px) {
.nopc{display:none;}
}

@media screen and (max-width: 959px) {
.nosp{display:none;}
}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::: reset */
body,div,
dl,dt,dd,
ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,textarea,
p,blockquote,
th,td{margin:0;padding:0;}

header,nav,section,aside,footer{display:block;}

table{border-spacing:0;}

fieldset,img,a img,
abbr,acronym{border:0;}

li img,dt img{vertical-align:top;}

address,caption,cite,code,dfn,em,th,var,strong{
font-style:normal;
font-weight:normal; 
}

ol,ul{list-style:none;}

caption,th{text-align:left;}

h1,h2,h3,h4,h5,h6{font-weight:normal;}

q:before,q:after{content:'';}

hr{display:none;}

html{overflow-y:scroll;}

/* form */
button, fieldset, form, input, label, legend, select, textarea {   
font-family:inherit;
font-size:100%;
font-style:inherit;
font-weight:inherit;
margin:0;
padding:0;
vertical-align:top;   
}

/*--------------------------------------- font */

/* base */
html{font-size: 62.5%;}
body{
font-family:"游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
line-height:1.8;
color:#333333;
}


/*----------------------- color */
/* wine red */
.red{color:#990000;}

/* white */
.footer .fra div dl,
.white{color:#FFF;}

/* navy */
.header.nopc p,
.header .fra div ul li,
.header .fra div p{color:#22304f;}

/* yellow */
#con01 div dl .foodcat{color:#d9b811;}

/* grey */
#con04 .box dl{color:#727171;}

/*----------------------- size */

/* size10px */
.copy,
.f10{font-size:10px; font-size:1.0rem;}

/* size12px */
#con04 p,
table,
textarea,
.main,
.f12{font-size:12px; font-size:1.2rem;}
  
/* size14px */
.header.nopc p,
.footer .fra div dl,
#con02 .fra div dl dd,
.f14{font-size:14px; font-size:1.4rem;}
  
/* size16px */
#con04 dl dd,
#con02 .fra div dl dt,
.f16{font-size:16px; font-size:1.6rem;}

@media screen and (min-width: 960px) {
#con01 div .floatL dd dl{font-size:16px; font-size:1.6rem;}	
}

@media screen and (max-width: 959px) {
#con01 div .floatL dd dl{font-size:14px; font-size:1.4rem;}	
}
  
/* size18px */
.header .fra div ul li,
.header .fra div p,
.f18{font-size:18px; font-size:1.8rem;}
  
/* size20px */
.footer .fra div dl .tel,
#con04 dl dt,
#con01 div dl .foodcat,
.f20{font-size:20px; font-size:2.0rem;}  
  
/* size22px */
.f22{font-size:22px; font-size:2.2rem;}  
  
/* size24px */
.f24{font-size:24px; font-size:2.4rem;}

.footer .fra div dl dt{font-size:36px; font-size:3.6rem;}

/* bold */
.header.nopc p,
#con01 div dl .foodcat,
.header .fra div p,
.bold{font-weight:bold;}

/*--------------------------------------- anchor */

a:link,
a:visited{
color:#22304f;
text-decoration:none;
}
a:hover{
color:#22304f;
text-decoration:none;}

.footer a:link,
.footer a:visited{
color:#fff;
text-decoration:underline;
}
.footer a:hover{
color:#fff;
text-decoration:underline;}

@media screen and (min-width: 960px) {
.header a {
  position: relative;
  display: inline-block;
  transition: .3s;
}
.header a::after {
  position: absolute;
  bottom: 0;
  left: 50%;
  content: '';
  width: 0;
  height: 1px;
  background-color: #22304f;
  transition: .3s;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.header a:hover::after {
  width: 100%;
}
}

/*--------------------------------------- add class */
/*float*/
.floatL{float:left;}
.floatR{float:right;}
.clearB{clear:both;}

.center{text-align:center;}
.bold{font-weight:bold;}

.mt40{margin-top:40px;}

.orange{color:#F94209;}

.lineh{line-height:1.0;}
.lineh span{display:block; padding:5px;}

.infoTitle{margin: 0 0 1.5em;
    padding: 0.5em;
    border-left: 7px solid #B92A2C; /* 左線：太さ 線の種類 色 */
    border-bottom: 1px solid #B92A2C; /* 下線：太さ 線の種類 色 */
    font-size: 1.25em; /* フォントサイズ */
    font-weight: bold; /* フォント太さ */}
	
.infoExam{line-height:1.5;}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::: common set-up */
@media screen and (max-width: 959px) {
.title {
    position: relative;
    margin-bottom: 20px;
    text-align: left;
    background-color: #fff;
	margin-left:15px; margin-right:10px;
}
.title.nomb {
	margin-left:0; margin-right:0;
}
.title::before {
    display: block;
    position: absolute;
    top: 14px;
    z-index: 1;
    content: '';
    width: 100%;
    height: 1px;
    background-color: #888;
}
.title h3{display:inline-block; position:relative; z-index:2; padding-right:10px; margin-bottom:5px; font-size:21px; font-weight:bold;
line-height:1.6; letter-spacing:2px;background-color:#fff;}
.toggleBtn{position:absolute; top:0; right:0; z-index:2; transition:0.3s;}
.title .toggleBtn .fa{display:block; width:30px; height:30px; margin:0; color:#333; font-size:18px;
line-height:26px; text-align:center; background-color:#fff; border:1px solid #888; border-radius:15px;}
.title .toggleBtn.active{transform:scaleY(-1);}


#gallery{padding:0 0 80px; text-align:center; background-color:#fff;}
#gallery .slider{width:100%; margin:auto;}
#gallery .slider .slick-dots{bottom:-35px;}
#gallery .slider .slick-dots li button:before{color:#333;}
}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::: main common */

/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::: lower common */

/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: main */
/*--------------------------------------- 01: index.html */
@media screen and (min-width: 960px) {
#con01{border-top:1px solid #d9b811; padding-top:60px;
margin-top:50px;}
#con01 p{float:right; width:420px;}
#con01 .wra{float:right; width:580px;}
#con01 .wra .floatL{width:290px;}
#con01 .wra .floatL dd .mb{margin-bottom:40px;}
#con01 .wra .floatL dd dl dt{float:left; width:165px;}
#con01 .wra .floatL dd dl dd{float:left; width:70px; text-align:right;}

#con02{background:url(../../img/bg_con02.png) 0 0 repeat-x #DFDCD4;
margin-top:75px;}
#con02 .fra div{float:left; width:230px; margin-right:26px; margin-bottom:60px;}
#con02 .fra div:last-of-type{margin-right:0;}
#con02 .fra div dl dt{margin-top:7px; margin-bottom:7px;}
#con02 .fra div dl .price{margin-top:10px;}
#con02 .fra .btn{text-align:right; margin-bottom:60px;}

#con03{background:url(../../img/bg_con03.png) 0 0 repeat-x;}
#con03 .fra{border-top:1px solid #22304f; padding-top:60px;}
#con03 .fra ul li{float:left; width:230px;
margin-right:26px; margin-bottom:30px;}
#con03 .fra ul .last_pc{margin-right:0;}
#con03 .fra p{margin-top:70px;}

#con04{margin-top:50px;}
#con04 dl{float:right; width:580px; padding:0 60px;}
#con04 p{float:right; width:300px;}
#con04 dl dd,
#con04 dl dt{margin-bottom:45px;}
}

@media screen and (max-width: 959px) {
#con01{margin-top:30px;}
#con01 p{margin-left:20%; margin-right:20%;}
#con01 .wra{margin-left:15px; margin-right:15px; margin-top:20px;}
#con01 .wra .floatL{width:47%;}
#con01 div .floatL dd dl{text-align:left;}
#con01 div .floatL dd dl dt{float:left; width:60%;}
#con01 div .floatL dd dl dd{float:left; width:40%; text-align:right;}
#con01 .wra .floatL.spmarL{margin-right:15px;}
#con01 .wra .foodcat{text-align:left;}

#con02{margin-top:30px;}
#con02 .fra div{float:left; width:47%; margin-right:10px; margin-bottom:30px;
text-align:left;}
#con02 .fra{margin-left:15px; margin-right:15px;}
#con02 .fra div dl dt{margin-top:7px; margin-bottom:7px;}
#con02 .fra div dl .price{margin-top:10px;}

#con04{margin-top:50px; margin-left:15px; margin-right:10px;
text-align:left; margin-bottom:20px;}
#con04 p{margin-left:20%; margin-right:20%;}
#con04 dl dd,
#con04 dl dt{margin-bottom:45px;}
}


/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::: common contents */
/*--------------------------------------- all center */
body{text-align:center;}

@media screen and (min-width: 960px) {
.footer .fra,
#con03 .fra,
#con02 .fra,
.header .fra,
.con
{
	width:1000px;
	margin:0 auto;
	text-align:left;
}
}

/*--------------------------------------- header */
@media screen and (min-width: 960px) {
.header .fra h1{float:left; width:204px; margin-top:38px;}
.header .fra div{float:right; width:700px; margin-top:17px;}
.header .fra div ul,
.header .fra div p{text-align:right;}
.header .fra div ul{margin-top:50px;}
.header .fra div ul li{display:inline; margin-left:20px;}
}

@media screen and (max-width: 959px) {
.header.nopc{position:relative;}
.header.nopc h1{text-align:left;
margin-top:15px; margin-left:20px;}
.header.nopc h1 img{width:30%; height:auto;}
.header.nopc p{position:absolute; top:0; right:18%;
text-align:left;}
}

#hero{position:relative; margin-top:24px;}
@media screen and (min-width: 960px) {
#hero h2{position:absolute; top:0; bottom:0; left:0; right:0;
z-index:10; margin:auto; height:200px;}
}
@media screen and (max-width: 959px) {
#hero{margin-bottom:20px;}
#hero h2{position:absolute; top:0; bottom:0; left:0; right:0;
z-index:10; margin:auto; height:80px; width:100px;}
}
#hero .bg{position:relative; z-index:1; width:100%;}
#hero .bg img{width:100%; height:auto;}
#hero .fade{position:relative; z-index:1; width:100%;}
#hero .fade img{width:100%; height:auto;}

@media screen and (min-width: 960px) {
nav{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;box-sizing:border-box;}
nav{display:block;}
#nav{height:50px;background-color:#000;}
#nav ul li{display:inline-block;width:160px;width:auto;height:50px;padding:0 50px;}
#nav ul li a{display:block;color:#fff;font-size:14px;letter-spacing:1px;line-height:50px;}
#nav ul li a:hover{color:#ccc;}
nav ul{list-style:none}
.cf{display:inline-table;*margin:0 auto;*overflow:hidden;}
.cf:after{content:".";display:block;height:0;font-size:0;clear:both;visibility:hidden;}
}

@media screen and (max-width: 959px) {
.menuBtn {
    position: absolute;
    right: 5.33%;
  }
  .menuBtn .menu-trigger {
    margin: 20px 0;
    display: inline-block;
    position: relative;
    width: 27px;
    height: 18px;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
  }
  .menuBtn .menu-trigger span {
    display: inline-block;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #000;
  }
  .menuBtn .menu-trigger span.top {
    top: 0;
  }
  .menuBtn .menu-trigger span.middle {
    top: 8px;
  }
  .menuBtn .menu-trigger span.bottom {
    bottom: 0;
  }
  .menuBtn .menu-trigger.active span.top {
    -moz-transform: translateY(8px) rotate(-45deg);
    -ms-transform: translateY(8px) rotate(-45deg);
    -webkit-transform: translateY(8px) rotate(-45deg);
    transform: translateY(8px) rotate(-45deg);
  }
  .menuBtn .menu-trigger.active span.middle {
    opacity: 0;
  }
  .menuBtn .menu-trigger.active span.bottom {
    -moz-transform: translateY(-8px) rotate(45deg);
    -ms-transform: translateY(-8px) rotate(45deg);
    -webkit-transform: translateY(-8px) rotate(45deg);
    transform: translateY(-8px) rotate(45deg);
  }

  #nav {
    position: fixed;
    top: 0px;
    width: 100%;
	/*height:15%;*/
    z-index: 15;
  }
  #nav.opacity_bg {
    background: rgba(255, 255, 255, 0.8);
  }
  #nav .gNav {
    margin: 60px 0 0;
    display: none;
    background: #fff;
  }
  #nav .navList .navList_inner {
    border-bottom: 1px solid #000;
    font-size: 16px;
    line-height: 1;
	text-align:left;
  }
  #nav .navList .navList_inner:first-child {
    border-top: 1px solid #000;
  }
  #nav .navList .navList_inner a {
    display: block;
    width: 100%;
    padding: 20px 0 20px 20px;
  }
  #nav .navList .navList_inner.splogin{
	  background-color:#561700;
	  color:#FFF;}
}

/*--------------------------------------- breadCrumb */

/*--------------------------------------- mainContaints */

/*--------------------------------------- side */

/*--------------------------------------- footer */
@media screen and (min-width: 960px) {
.footer{background:#1e2e51; min-height:521px; margin-top:100px;}
.footer .fra{position:relative;}
.footer .fra .mapinfo{position:absolute; top:0; right:0; z-index:1;}
.footer .fra div{position:absolute; top:70px; left:0; z-index:2;}
.footer .fra div p{text-align:center; margin-bottom:40px;}
.footer .fra div dl dt{margin-bottom:15px;}
.copy{text-align:center; margin-top:15px; margin-bottom:60px;}
}

@media screen and (max-width: 959px) {
.footer{background:#1e2e51; margin-top:20px;}
.footer .fra div dl{margin-top:40px; text-align:left;
margin-left:20%; margin-right:20%; margin-bottom:60px;}
.copy{margin-top:15px; margin-bottom:60px;}
.foinsta .fab{display:inline;}
}


/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::: clear */
dl:after,
ul:after,
div:after{
content:".";
display:block;
clear:both;
height:0;
line-height:0;
visibility:hidden;
font-size: 0; 
}
  
    /* IE6 */
	* html dl,
    * html ul,
    * html div{height:1%;}
  
    /* IE7 */
	*:first-child+html dl,
    *:first-child+html ul,
    *:first-child+html div{display:inline-block;}