@charset "UTF-8";

/* ****************************************************
Title: base.css
***************************************************** */

/* # General Elements
---------------------------------------------------------------------------- */
a:link    {color:#EA5901; text-decoration: underline;}
a:visited {color:#EA5901; text-decoration: underline;}
a:hover   {color:#EA5901; text-decoration: none;}
a:active  {color:#EA5901; text-decoration: none;}

h1 {  }



/* # body
---------------------------------------------------------------------------- */
body {
	background: url(../img/bg.jpg) repeat top left;
}


/* # layout
---------------------------------------------------------------------------- */
div#layout {
}


/* # header
---------------------------------------------------------------------------- */
div#header {
	position: relative;
	width: 1000px;
	margin: 0 auto 560px;
	z-index:20;
	height: 65px;
}

div#header h1 {
	position: absolute;
	left: 396px;
	top: 0;
}

div#header div.fxd {

}


/* # gNavi
---------------------------------------------------------------------------- */
div.fxd,
div.subMenu ul#nav {
	width: 1000px;
	margin:  0 auto;
}

div.subMenu ul#nav li {
font-family: 'Jacques Francois', serif;
font-size: 150%;
}

div.subMenu ul#nav li a {
	display: block;
	color: #684632;
	text-decoration: none;
	text-align: center;
	height: 45px;
	padding-top: 20px;
}

div.subMenu ul#nav li.nav1 {
	width: 203px;
}

div.subMenu ul#nav li.nav2 {
	width: 193px;
}

div.subMenu ul#nav li.nav3 {
	width: 191px;
}

div.subMenu ul#nav li.nav4 {
	width: 203px;
}

div.fxd ul li,
div.fxd h1 {
	background: url(../img/bg2.png) no-repeat;
}


div.subMenu ul#nav li a:hover,
div.subMenu ul#nav li.on {
	background:#684632;
	color:#fff;
}



div.section {
	width: 800px;
	margin: 0 auto;
}

div.section.s1 {
	width: 950px;
	margin: 0 auto;
}



/* 画像切替   */

div#splash {
	position: fixed;
	top: 65px;
	z-index: 0;
	width: 100%;
}

img.lepo {
	width: 100%;
}


/* # pageBody
---------------------------------------------------------------------------- */
div#pageBody {
	background: url(../img/bg.jpg) repeat;
	z-index: 10;
	position: relative;
	width: 100%;
	padding-bottom: 100px;
}

	


/* # content
---------------------------------------------------------------------------- */
div#contents {
	padding-top: 40px;
}


img.catch {
	width: 651px;
	margin: 0 auto 40px;
	display: block;
}


/* common */

div.section {
	padding: 40px 0 50px;
}

h2.bar {
	margin: 0 auto 20px;
}

div.content_wrap,
div.content_wrap2 {
	padding: 0 10px;
}

.english {
font-family: 'Stoke', serif;

}

#tab,
#tab2 {
	width: 650px;
	margin: 0 auto 15px;
}

#tab li,
#tab2 li {
  cursor: pointer;
}


#tab li span,
#tab2 li span {
	text-indent: -9999px;
	width:231px;
	height: 51px;
	display: block;
}

#tab li span.tab01,
#tab2 li span.tab01 {
	background: url(../img/japanese.png) no-repeat top left;
}

#tab li span.tab01:hover,
#tab2 li span.tab01:hover {
	background: url(../img/japanese_o.png) no-repeat top left;
}

#tab li.select span.tab01,
#tab2 li.select span.tab01 {
	background: url(../img/japanese_o.png) no-repeat top left;
}	

#tab li span.tab02,
#tab2 li span.tab02 {
	background: url(../img/english.png) no-repeat top left;
}

#tab li span.tab02:hover,
#tab2 li span.tab02:hover {
	background: url(../img/english_o.png) no-repeat top left;
}

#tab li.select span.tab02,
#tab2 li.select span.tab02 {
	background: url(../img/english_o.png) no-repeat top left;
}	

.s1 div.menu_wrap {
	width: 45%;
}

.s2 div.menu_wrap {
	width: 800px;
	margin-left: auto;
	margin-right: auto;
}

.s2 div.menu_wrap h3 {
	    width: max-content;
    margin-left: auto;
    margin-right: auto;
}


div.menu_wrap ul.menu_list li {
	margin: 0 0 3px 10px;
}

div.content_wrap h4 {
	padding-left: 10px;
	margin-bottom: 15px;
}

div.disnon {
	display:none;
}

p.tax,
p.en_tax {
	text-align: center;
	font-size: 80%;
	margin-bottom: 20px;
}



/* s1  */

div.s1 {

}

h2.bar1 {
	width: 697px;
}

div.atten_wrap {
	background: #FFF;
	padding: 10px 25px;
	clear: both;
	width: 310px;
	border-bottom: solid 1px #ccc;
	border-right: solid 1px #ccc;
	margin: 20px auto 0;
	text-align: center;
}

div.atten_wrap span {
	color:#EA5900;
}


/* s2 */
div.s2 {
}

div.s2 .spe .speimg{
	width: 45%;
}
div.s2 .spe .spetxt{
	width: 52%;
}

div.s2 .spe .spetxt img {
	width: 100%;
}


div.s2 .cource .fl {
	width: 45%
}

div.s2 .cource .fl img {
	width: 100%;
}


h2.bar2 {
	width: 693px;
}

div.s2 h4 {
	margin-bottom:15px;
}

div.s2 .cource .fl.set_list {
	width: 52%;
}
div.s2 ul.set_list {
	padding-top: 10px;

	margin-left: 2%;
}

div.s2 ul.set_list li {
	font-size: 115%;
	width: 100%;
}

div.s2 ul li {
	line-height: 1.5;
	margin-bottom:8px;
}

p.kome {
	font-size:90%;
}

div.s2 div.b_border {
	background: url(../img/line.png) repeat-x bottom left;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

div.cook_img dl dd {
	text-align: center;
	font-size: 89%;
}

div.s2 ul.price_wrap li {
	position: relative;
	display: block;
}

div.s2 ul.price_wrap li.two {
	height: 40px;
}

div.s2 ul.price_wrap li span.price {
	position: absolute;
	right: 0px;
	text-align: right;
}

div.cook_img {
	width:410px;
	margin: 0 auto;
}

div.cook_img dl {
	width: 200px;
}

/* s3 */
div.s3 {
font-family: 'Stoke', serif;
}

h2.bar3 {
	width: 538px;
}


div.s3 ul.price_wrap li {
	position: relative;
	display: block;
	line-height: 1.5;
	margin-bottom:8px;
}

div.s3 ul.price_wrap li.two {
	height: 40px;
}

div.s3 ul.price_wrap li span.price {
	position: absolute;
	right: 0px;
	top: 0px;
	text-align: right;
}

div.s3 span.jpn {
	font-family: 'メイリオ','Meiryo','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','Osaka','ＭＳ Ｐゴシック',sans-serif;
}

div.s3 .rec_wine {
	padding-bottom: 20px;
	border-bottom: dashed 1px #ccc;
}

div.s3 .rec_wine dt {
	line-height: 1.5;
	font-size: 16px;
}

div.s3 .rec_wine dd {
	font-size: 16px;
}

div.s3 .content_wrap h1.rec {
    font-size: 28px;
    margin-bottom: 10px;
}

div.s3 .content_wrap h2.rech2 {
	    font-size: 28px;
    margin-bottom: 50px;
}

div.s3 .content_wrap .cate {font-size: 24px;}

div.s3 .content_wrap .winesingle dt {
	font-size: 20px;
}
div.s3 .content_wrap .winesingle dl dd {
	margin-bottom: 10px;
}




/* s4 */
div.s4 {
}

h2.bar4 {
	width: 557px;
}

#example {
	width:47%;
	height:242px;
	position:relative;
}

/*
	Slideshow
*/

#slides {

}

/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

.slides_container {
	width:418px;
	overflow:hidden;
	position:relative;
	display:none;
}

/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/

.slides_container div {
	width:418px;
	height:242px;
	display:block;
	position: relative;
}
.slides_container div img {
	display:block;
}

/*
	Pagination
*/

.pagination {
margin: 10px auto 0;
width: 144px;
min-height: 1px;
}

.pagination:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

* html .pagination {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

.pagination li {
	float:left;
	margin:0 6px;
	list-style:none;
}

.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(../img/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 -12px;
}

.flex .cimg {width: 482px;}

.flex .txtarea {
	width: 500px;
}

.flex .txtarea .menulist{
	padding-top: 15px;
	margin-top: 15px;
	border-top: dashed 1px #ccc;
}


div.s4 div.r_cont {
	width:50%;
}

div.s4 div.r_cont dl dt,
div.s4 div.l_cont dl dt {
	font-weight: bold;
	color:#836653;
}

div.s4 div.l_cont dl dd,
div.s4 div.r_cont dl dd{
	padding-left: 13px;
}

div.s4 div.l_cont dl dd a.blank,
div.s4 div.r_cont dl dd a.blank{
	padding-right: 20px;
	background: url(../img/blank.png) no-repeat center right;
}



/* # footer
---------------------------------------------------------------------------- */
div#footer {
	background: #F0F0F0;
	z-index: 10;

}

div#footer div.section {
	position: relative;
	padding: 0;
}

div#footer div.section p.totop {
	position: absolute;
	top:-36px;
	right: 0;
}

div#footer div.section p.totop a{
	width:153px;
	height: 36px;
	display: block;
	text-indent: -9999px;
	background: url(../img/pagetop.png) no-repeat top left;
}

div#footer div.section p.totop a:hover {
	background: url(../img/pagetop_o.png) no-repeat top left;
}



div#footer div.section p.address {
	padding: 30px 0;
}

/* common
---------------------------------------------------------------------------- */
/* -- color --*/
.red {color:red;}

/* -- text font  --*/
.bold{font-weight:bold;}
.tc { text-align: center; }.tl { text-align: left; }.tr { text-align: right; }
.tdu { text-decoration: underline; }
.lh10 { line-height: 1em; }.lh15 { line-height: 1.5em; }.lh2 { line-height: 2em; }.lh3 { line-height: 3em; }
.vm { vertical-align: middle; }.vt { vertical-align: top; }
.fs08 { font-size: 0.8em; }.fs09 { font-size: 0.9em; }.fs1 { font-size: 1em; }
.fs11 { font-size: 1.1em; }.fs12 { font-size: 1.2em; }.fs13 { font-size: 1.3em; }
.bn { border:none; }
.bbn { border-bottom: none; }


/* -- width  --*/
.w100{width:100%;}.w95{width:95%;}.w90{width:90%;}.w85{width:85%;}.w80{width:80%;}.w75{width:75%;}.w70{width:70%;}.w68{width:68%;}.w65{width:65%;}.w64{width:64%;}.w63{width:63%;}.w62{width:62%;}.w61{width:61%;}
.w60{width:60%;}.w55{width:55%;}.w54{width:54%;}.w53{width:53%;}.w52{width:52%;}.w50{width:50%;}.w48{width:48%;}.w47{width:47%;}
.w46{width:46%;}.w45{width:45%;}.w40{width:40%;}.w35{width:35%;}.w33{width:33%;}.w32{width:32%;}.w30{width:30%;}.w28{width:28%;}.w25{width:25%;}
.w20{width:20%;}.w15{width:15%;}.w14{width:14%;}.w13{width:13%;}.w12{width:12%;}.w11{width:11%;}.w10{width:10%;}.w5{width:5%;}

.w960 {width:960px; margin: 0 auto;}
.w1000 {width:1000px; margin: 0 auto;}
.w1100 {width:1100px; margin: 0 auto;}
.w1200 {width:1200px; margin: 0 auto;}
.w100{width:100%;}

/* -- layout  --*/
.fl {float:left;}.fr {float:right;}
.dc {display:block; text-align:center;}.ma {margin-left: auto; margin-right: auto;}
.flex {display: -moz-flex;display: -ms-flex;display: -o-flex;display: -webkit-box;display: -ms-flexbox;display: flex;}
.jc_sb {-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;}
.jc_ce {-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}
.fl_wp {flex-wrap:-webkit-wrap; flex-wrap:-moz-wrap;-ms-flex-wrap:-ms-wrap;flex-wrap:-ms-wrap;flex-wrap:wrap;}
.ai_ce{  -webkit-box-align: center;  -ms-flex-align: center;  align-items: center;}

/* -- none --*/
body .sp {display: none;}.pc_none {display:none;}

/* -- margin  --*/
.mb0{margin-bottom:0px !important;}.mb5{margin-bottom:5px !important;}.mb10{margin-bottom:10px !important;}.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}.mb25{margin-bottom:25px !important;}.mb30{margin-bottom:30px !important;}.mb35{margin-bottom:35px !important;}
.mb40{margin-bottom:40px !important;}.mb45{margin-bottom:45px !important;}.mb50{margin-bottom:50px !important;}.mb55{margin-bottom:55px !important;}
.mb60{margin-bottom:60px !important;}.mb65{margin-bottom:65px !important;}.mb70{margin-bottom:70px !important;}.mb75{margin-bottom:75px !important;}
.mb80{margin-bottom:80px !important;}.mb85{margin-bottom:85px !important;}.mb90{margin-bottom:90px !important;}.mb95{margin-bottom:95px !important;}.mb100{margin-bottom:100px !important;}


/* ----------------------------------------
  マージン設定
---------------------------------------- */
.m0{margin:0px;}.m5{margin:5px;}.m10{margin:10px;}.m15{margin:15px;}.m20{margin:20px;}.m30{margin:30px;}.m40{margin:40px;}
.mt0{margin-top:0px;}.mt5{margin-top:5px;}.mt10{margin-top:10px;}.mt15{margin-top:15px;}.mt20{margin-top:20px;}.mt30{margin-top:30px;}.mt40{margin-top:40px;}
.mr0{margin-right:0px;}.mr3 {margin-right:3px;}.mr5{margin-right:5px;}.mr10 {margin-right:10px;}
.mr15{margin-right:15px;}.mr20{margin-right:20px;}.mr30{margin-right:30px;}.mr40{margin-right:40px;}
.ml0{margin-left:0px;}.ml5{margin-left:5px;}.ml10{margin-left:10px;}.ml15{margin-left:15px;}.ml20{margin-left:20px;}.ml30{margin-left:30px;}

/* ----------------------------------------
  余白設定
---------------------------------------- */
.p0{padding:0px;}.p5{padding:5px;}.p10{padding:10px;}.p15{padding:15px;}.p20{padding:20px;}.p30{padding:30px;}.p40{padding:40px;}
.pl0{padding-left:0px;}.pl5{padding-left:5px;}.pl10{padding-left:10px;}.pl15{padding-left:15px;}.pl20{padding-left:20px;}.pl30{padding-left:30px;}.pl40{padding-left:40px;}
.pr0{padding-right:0px;}.pr5{padding-right:5px;}.pr10{padding-right:10px;}.pr15{padding-right:15px;}.pr20{padding-right:20px;}.pr30{padding-right:30px;}.pr40{padding-right:40px;}
.pt0{padding-top:0px;}.pt5{padding-top:5px;}.pt10{padding-top:10px;}.pt15{padding-top:15px;}.pt20{padding-top:20px;}.pt30{padding-top:30px;}.pt40{padding-top:40px;}
.pb0{padding-bottom: 0px;}.pb5{padding-bottom:5px;}.pb10{padding-bottom:10px;}.pb15{padding-bottom:15px;}.pb20{padding-bottom:20px;}.pb30{padding-bottom:30px;}.pb40{padding-bottom:40px;}
.ptb0{padding-bottom: 0px;padding-top: 0px;}.ptb5{padding-bottom: 0px;padding-top: 0px;}.ptb10{padding-bottom: 10px;padding-top: 10px;}.ptb15{padding-bottom: 15px;padding-top: 15px;}.ptb20{padding-bottom: 20px;padding-top: 20px;}.ptb30{padding-bottom: 30px;padding-top: 30px;}.ptb40{padding-bottom: 40px;padding-top: 40px;}
.plr0{padding-left: 0px;padding-right: 0px;}.plr5{padding-left: 0px;padding-right: 0px;}.plr10{padding-left: 10px;padding-right: 10px;}.plr15{padding-left: 15px;padding-right: 15px;}.plr20{padding-left: 20px;padding-right: 20px;}.plr25{padding-left: 25px;padding-right: 25px;}.plr30{padding-left: 30px;padding-right: 30px;}.plr40{padding-left: 40px;padding-right: 40px;}
/* ----------------------------------------
  行間
---------------------------------------- */
.lh110{line-height:110%;}.lh120{line-height:120%;}.lh130{line-height:130%;}.lh140{line-height:140%;}.lh150{line-height:150%;}
.lh160{line-height:160%;}.lh170{line-height:170%;}.lh180{line-height:180%;}.lh190{line-height:190%;}.lh200{line-height:200%;}

/* clearfix
---------------------------------------------------------------------------- */

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/*
behavior: url(/css/pie/PIE.htc); 
*/


.fbtn {
	background:#fff;
	width: 100%;
	height: 70px;position: fixed;bottom: 0;left: 0;
	padding: 25px 0 0;
	z-index: 500;
	   box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
}



.fbtn .resbtn a{
	margin: 0 auto;
	display: block;
	width: 300px;
	border-radius: 50px;
	padding: 10px 0;
	background: #EA5901;
	color: #fff !important;
	text-align: center;
	font-size: 20px;
}

.fbtn .resbtn a:link    {color:#fff; text-decoration: none;}
.fbtn .resbtn a:visited {color:#fff; text-decoration: none;}
.fbtn .resbtn a:hover   {color:#fff; text-decoration: none;background: #ad480a;}
.fbtn .resbtn a:active  {color:#fff; text-decoration: none;}


.spetxt .resbtn a{
	margin: 0 auto;
	display: block;
	width: 300px;
	border-radius: 50px;
	padding: 10px 0;
	background: #EA5901;
	color: #fff !important;
	text-align: center;
	font-size: 20px;
}

.spetxt .resbtn a:link    {color:#fff; text-decoration: none;}
.spetxt .resbtn a:visited {color:#fff; text-decoration: none;}
.spetxt .resbtn a:hover   {color:#fff; text-decoration: none;background: #ad480a;}
.spetxt .resbtn a:active  {color:#fff; text-decoration: none;}