@charset "UTF-8";

#wrapper{
	background-color:#000000 !important;
}

@media screen and (min-width: 769px) {
/***** PC用のスタイル記述 *****/

/*------------------------------------------------------------
料理
------------------------------------------------------------*/
#cuisine_head {
	background: url(../cuisine/images/bg_head.png) center top no-repeat;
	text-align: center;
	height: 250px;
	margin-bottom: 60px;
	background-color: #FFFFFF;
}
#cuisine_head dt {
  padding-top: 110px;
}

#cuisine_main {
  overflow: hidden;
  *zoom: 1;
  margin-bottom: 60px;
}
#cuisine_main p {
  margin-bottom: 40px;
}
#cuisine_main figure {
  float: left;
  width: 210px;
}
#cuisine_main figure figcaption {
  line-height: 1;
  text-align: center;
  margin-top: 10px;
}
#cuisine_main dl {
  margin: 0 0 15px 230px;
}
#cuisine_main dl dt {
  font-weight: bold;
  margin-bottom: 15px;
}
#cuisine_main blockquote {
  font-size: 12px;
  margin-left: 230px;
  background: #eeebe1;
  padding: 10px 15px;
}

	div.video_box {
	width: 720px;
	margin: 0 auto 50px;
	text-align: center;
}
	
div.video_box iframe{
	width: 560px;
	margin: 0 auto;
}	

#course {
  overflow: hidden;
  *zoom: 1;
  margin-bottom: 60px;
}
#course h3 {
	font-family: "WaldorfAstoriaSans", "Noto Sans JP";
  font-weight: normal;
  font-size: 22px;
  line-height: 50px;
  background-color: #FFF;
  border-bottom: solid 3px #9ab9ad;
  padding: 0 20px;
  margin-bottom: 20px;
}
#course > p {
	color: #FFFFFF;
  margin-bottom: 30px;
}

/* 親要素をFlexコンテナに */
#course .course_list {
  display: flex;
  flex-wrap: wrap;              /* 複数行対応 */
  justify-content: space-between;
  align-items: stretch;         /* 同じ行の高さを揃える */
  gap: 20px;                    /* 行・列の隙間 */
}

/* 各リンクをFlexアイテムに */
#course a {
  display: flex;                /* 内部を縦方向に伸ばす */
  flex-direction: column;
  width: 460px;
  margin: 0 0 40px 0;
  text-align: center;
  color: #FFFFFF;
  text-decoration: none;
}

/* dl自体も縦方向に伸ばす */
#course dl {
  display: flex;
  flex-direction: column;
  flex: 1;                      /* a の高さに合わせる */
  margin: 0;
}

/* dtは画像の高さに合わせる */
#course dl dt {
  flex-shrink: 0;               /* 縮まない */
}

/* dd は残りの高さを占める */
#course dl dd {
  flex: 1;                      /* dtの高さを除いた残りを占める */
  display: flex;
  flex-direction: column;
  padding: 10px;
  border-right: 1px solid #FFFFFF;
  border-left: 1px solid #FFFFFF;
  border-bottom: 2px solid #FFFFFF;
  text-align: left;
}

/* h4 と p のスタイル */
#course dl dd h4 {
	font-family: "Tangerine", cursive;
	color: #FFFFFF;
	font-size: 36px;
	margin-bottom: 5px;
	text-align: center;
}

#course dl dd p {
  margin: 0;
}

/* ホバー時の背景・文字色 */
#course a:hover dd {
  background: #eeebe1;
}
#course a:hover dd h4,
#course a:hover dd p,
#course a:hover dd p a {
  color: #000000;
}

/* 特殊リンクスタイル */
#course a.p_link {
  float: none;
  display: inline;
  text-decoration: underline;
  margin: 0;
}

#custom {
  margin-bottom: 60px;
}
#custom h3 {
  font-weight: normal;
  font-size: 22px;
  line-height: 50px;
  background: url("../common/images/back_h.jpg") left top no-repeat;
  padding: 0 20px;
  margin-bottom: 20px;
}

#cake {
  margin-bottom: 60px;
  min-height: 380px;
  background: url("../detail/cuisine/images/img_cake.jpg") right 70px no-repeat;
	background-size: 500px auto;
}
#cake h3 {
  font-weight: normal;
  font-size: 22px;
  line-height: 50px;
  background: url("../common/images/back_h.jpg") left top no-repeat;
  padding: 0 20px;
  margin-bottom: 20px;
}
#cake p {
  margin-right: 500px;
}

#dessert {
  margin-bottom: 60px;
  min-height: 380px;
  background: url("../detail/cuisine/images/img_dessert.jpg") right 70px no-repeat;
}
#dessert h3 {
  font-weight: normal;
  font-size: 22px;
  line-height: 50px;
  background: url("../common/images/back_h.jpg") left top no-repeat;
  padding: 0 20px;
  margin-bottom: 20px;
}
#dessert p {
  margin: 0 360px 15px 0;
}
#dessert > dl {
  margin-right: 360px;
}
#dessert > dl > dt {
  color: #e7a4ab;
  font-weight: bold;
  background: #eeebe1;
  padding: 5px 10px;
  margin-bottom: 10px;
}
#dessert > dl > dd {
  margin-bottom: 15px;
}
#dessert > dl > dd dl {
  overflow: hidden;
  *zoom: 1;
}
#dessert > dl > dd dl dt {
  float: left;
  width: 98px;
  border: 1px solid #eeebe2;
  text-align: center;
  padding: 10px 0;
  clear: both;
}
#dessert > dl > dd dl dd {
  margin: 0 0 5px 110px;
}
#dessert > dl > dd dl dd small {
  font-size: 12px;
}

#cuisine_info {
  overflow: hidden;
  *zoom: 1;
  margin-bottom: 60px;
	color: #FFFFFF;
}
#cuisine_info h3 {
	font-family: "WaldorfAstoriaSans", "Noto Sans JP";
	font-size: 18px;
	margin-bottom: 30px;
}
#cuisine_info h3 span {
  font-weight: normal;
  font-size: 12px;
}
#cuisine_info h3 small {
  font-size: 12px;
  color: #e7a4ab;
  display: block;
}
	
#cuisine_info .slide_box{
	float: left;
	width: 330px;
}

#cuisine_info .slide_box .thumbnail,
#cuisine_info .slide_box .slider{
  display: none;
}
#cuisine_info .slide_box .thumbnail.slick-initialized,
#cuisine_info .slide_box .slider.slick-initialized{
  display: block; /*slick-initializedが付与されたら表示*/
}

#cuisine_info .slide_box .slider img{
	width: 100%;
	height: auto;
}

.thumbnail{
	margin: 0 0 5px;
}

.thumbnail li {
	border: 2px solid #FFF;
	box-sizing: border-box;
	width: calc(100% / 5) !important;
	cursor: pointer;
}
.thumbnail li.slick-current {
	border: 2px solid #e7a4ab;
	box-sizing: border-box;
}
	
.thumbnail .slick-track {
	width: 330px !important;
	transform: unset !important;
}

#cuisine_info figure {
  float: left;
  width: 330px;
}
#cuisine_info figure ul {
  overflow: hidden;
  *zoom: 1;
  margin-bottom: 5px;
}
#cuisine_info figure ul li {
  float: left;
  width: 62px;
  border: 2px solid #fff;
  cursor: pointer;
}
#cuisine_info figure ul li.on {
  border: 2px solid #e7a4ab;
}
#cuisine_info figure p {
  position: relative;
  height: 330px;
  margin-bottom: 5px;
}
#cuisine_info figure p img {
  position: absolute;
  top: 0;
  left: 0;
}
#cuisine_info figure figcaption {
  font-size: 12px;
}
#cuisine_info > ul {
  margin-left: 370px;
}
#cuisine_info > ul li {
  margin-bottom: 15px;
}
#cuisine_info > p {
  margin-left: 370px;
}

#cuisine_other {
  overflow: hidden;
  *zoom: 1;
}
#cuisine_other h3 {
	font-family: "WaldorfAstoriaSans", "Noto Sans JP";
  font-weight: normal;
  font-size: 22px;
  line-height: 50px;
  background-color: #FFF;
  border-bottom: solid 3px #9ab9ad;
  padding: 0 20px;
  margin-bottom: 20px;
}
#cuisine_other a {
  display: block;
  float: left;
  width: 184px;
  margin: 0 10px 10px 0;
  text-align: center;
}
#cuisine_other a:nth-child(5n+1) {
  margin-right: 0;
}
#cuisine_other a:hover dd {
  background: #eeebe1;
	color: #000000;
}
#cuisine_other a:hover dd p {
  color: #000000;
}
#cuisine_other dl dd {
  border-right: 1px solid #FFFFFF;
  border-bottom: 2px solid #FFFFFF;
  border-left: 1px solid #FFFFFF;
  padding: 10px;
	font-family: "WaldorfAstoriaSans", "Noto Sans JP";
	color: #FFFFFF;
}


}
@media screen and (max-width: 768px) {
/* タブレット用のスタイル記述 */
/* スマートフォン用のスタイル記述 */

img{
	width:100%;
	height:inherit;
}

#headding{
	margin:0 0 20px;
	padding:58px 0 0 0;
}

#cuisine_head{
	margin:0 0 10px;
	background-color: #FFF;
}

#cuisine_head dd.read{
	width:94%;
	margin:0 auto;
	font-size:14px;
}

p.top_txt{
	font-size:14px;
	margin:0 10px 10px;
}


#cuisine_main{
	margin:0 0 20px;
}

div.video_box {
	position: relative;
	width: 100%;
	padding: 56.25% 0 0;
	margin: 0 0 20px;
}
	
div.video_box iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#course {
	margin:0 0 20px;
}

#course h3 {
	font-family: "WaldorfAstoriaSans", "Noto Sans JP";
	font-size: 16px;
	font-weight:normal;
    border-top: 1px solid #9ab9ad;
    border-bottom: 1px solid #9ab9ad;
    background: linear-gradient(to bottom, #fff 0%, #dddddd 90%);
    padding: 5px 3%;
    margin-bottom: 15px;
}

#course a{
	display:block;
    background: url(../common/images/icon_arrow.png) no-repeat center right;
    background-size: 2% auto;
    position: relative;
	width:94%;
	margin:0 auto;
}

#course p{
	width: 94%;
	margin: 0 auto 10px;
	font-size: 14px;
	color: #FFFFFF;
}
	
#course a.p_link{
	display: inline;
	text-decoration: underline;
	margin: 0;
	background: none;
}

#course a dl:first-child{
	border-top: 1px solid #eeebe1;
	padding:10px 0;
}

#course a dl{
	border-bottom: 1px solid #eeebe1;
}

#course a dt{
	display:table-cell;
	width:41.2%;
}

#course a dd{
	display:table-cell;
	vertical-align:middle;
}

#course a dd h4{
	font-family: "Tangerine", cursive;
	font-size:30px;
	font-weight:normal;
	color:#FFFFFF;
	padding:0 0 0 10px;
}
	
#course dl dd p{
	text-align: left;
	font-size: 12px;
}

#cake h3 {
	font-size: 16px;
	font-weight:normal;
    border-top: 1px solid #eeebe1;
    border-bottom: 1px solid #e7a4ab;
    background: linear-gradient(to bottom, #fff 0%, #dddddd 90%);
    padding: 5px 3%;
    margin-bottom: 15px;
}

#cake p{
	width:94%;
	margin:0 auto 10px;
	font-size:14px;
}

#cake ul{
	width:94%;
	margin:0 auto;
	overflow:hidden;
}

#cake ul li {
    width: 100%;
    margin-right: 2%;
    margin-bottom: 2%;
}

/*** 詳細 ***/
#cuisine_info{
	width:94%;
	margin:0 auto 20px;
	color: #FFFFFF;
}

#cuisine_info figure{
	margin:0 0 20px;
}

#cuisine_info h3{
	font-family: "WaldorfAstoriaSans", "Noto Sans JP";
	font-size:16px;
	font-weight:normal;
    line-height: 1.4;
    margin-bottom: 10px;
}

#cuisine_info h3 span{
	font-size:12px;
}

#cuisine_info h3 small{
	display: block;
    color: #e7a4ab;
    font-size:14px;
}

#cuisine_info ul{
}

#cuisine_info ul li{
    margin-bottom: 0.3em;
    padding-left: 1em;
    text-indent: -1em;
    font-size: 14px;
}

#cuisine_info ul li:before{
	content: "■";
    color: #FFFFFF;
    font-size: 14px;
}

#cuisine_info .slide_box{
	margin: 0 0 20px;
}	

#cuisine_info .slide_box .thumbnail,
#cuisine_info .slide_box .slider{
  display: none;
}
#cuisine_info .slide_box .thumbnail.slick-initialized,
#cuisine_info .slide_box .slider.slick-initialized{
  display: block; /*slick-initializedが付与されたら表示*/
}

#cuisine_info .slide_box .slider li{
	text-indent: unset;
}

.thumbnail li {
	border: 2px solid #FFF;
	box-sizing: border-box;
	width: calc(100% / 5) !important;
	cursor: pointer;
}
.thumbnail li.slick-current {
	border: 2px solid #e7a4ab;
	box-sizing: border-box;
}
	
.thumbnail .slick-track {
	width: 100% !important;
	transform: unset !important;
}
	
#cuisine_info .slide_box ul li:before{
	content: none;
}
	
#cuisine_info .slide_box ul li{
	padding: 0;
}

#cuisine_other h3{
	font-family: "WaldorfAstoriaSans", "Noto Sans JP";
	font-size: 16px;
	font-weight:normal;
    border-top: 1px solid #eeebe1;
    border-bottom: 1px solid #9ab9ad;
    background: linear-gradient(to bottom, #fff 0%, #dddddd 90%);
    padding: 5px 3%;
    margin-bottom: 15px;
}

#cuisine_other a{
	font-family: "WaldorfAstoriaSans", "Noto Sans JP";
	display:block;
    background: url(../common/images/icon_arrow.png) no-repeat center right;
    background-size: 2% auto;
    position: relative;
	width:94%;
	margin:0 auto;
}

#cuisine_other a dl:first-child{
	border-top: 1px solid #eeebe1;
	padding:10px 0;
}

#cuisine_other a dl{
	border-bottom: 1px solid #eeebe1;
}

#cuisine_other a dt{
	display:table-cell;
	width:41.2%;
}

#cuisine_other a dd{
	display:table-cell;
	vertical-align:middle;
	font-size:14px;
	font-weight:normal;
	color:#FFFFFF;
	padding:0 0 0 10px;
}





}