@charset "utf-8";
/* CSS Document */
.font_gyosyo{
	font-family: "HG行書体","HGP行書体", '游明朝','Yu Mincho','Hiragino Mincho Pro',serif;
}

.content_area,
.menu{
	opacity : 0;
	transform: translateY(40px);
	transition: all 1s;
	margin: 0;
}

#special_list_page .content_area .text_notes {
    border: 1px #000000 solid;
    padding: 24px;
	background-color: rgba(255,255,255,0.65);
}
#special_list_page .content_area .text_notes h4{
    font-size: 20px;
    padding-bottom: 16px;
}
#section_beach_list h5{
	font-size: 22px;
	font-weight: bold;
	line-height: 1.5;
}

#section_beach_list .button_area ul{
	width: 396px;
}

#section_beach_list .expension img{
	width: 360px;
	display: block;
	transition-duration: 0.5s;
}
.hotel_list .img_wrapper{
	padding-right: 8px;
}
.no_action{
	pointer-events: none;
	opacity: 0.3;
}
.txt--red{
	color: #DF1616;
}
.hotel_item .kaiseki,
.pdg_t40 .kaiseki{
	text-align: right;
	margin-right: 170px;
}

.intro{
	margin-top: 60px;
}
.intro h2{
	font-size: 40px;
	color: #d42512;
}
.intro p{
	font-size: 16px;
}
.intro .text_wrapper{
	margin-top: 15px;
}

section .winter_backimg{
	background-image: url(/special_list/winterfair/img/yohaku_pc.png);
	background-position: top center;
	background-repeat: repeat-y;
	background-size: contain;
}

.content_area .menu{
	margin-bottom: 40px;
}
.content_area .menu .menu__inner{
	padding: 40px;
}
.content_area .menu .menu__inner h3,
.content_area .menu .menu__innerD ul li h3{
	font-size: 30px;
	font-weight: normal;
	line-height: 1.5;
}
.content_area .menu .menu__innerD ul li h3 span{
	font-size: 24px;
	display: block;
}
.content_area .menu .menu__inner p,
.content_area .menu .menu__innerD ul li p{
	font-size: 18px;
	padding-top: 10px;
}
.menu__shadow{
	box-shadow: 1px 1px 6px rgba(0,0,0,0.3);
}

/*------------red,blue,yellow共通---------*/
.content_area .menu--blue,
.content_area .menu--red{
	position: relative;
	margin-bottom: 60px;
}
.content_area .menu--blue img,
.content_area .menu--red img{
	position: absolute;
	z-index: -10;
	bottom: calc(450px / 2);
}
.content_area .menu--blue .menu__inner,
.content_area .menu--red .menu__inner{
	width: 60%;
	margin-top: calc(450px / 2);
}
#article_960 .content_area .menu--blue .menu__inner h3,
#article_960 .content_area .menu--red .menu__inner h3,
#article_960 .content_area .menu--yellow .menu__inner h3{
	font-size: 26px;
	font-weight: normal;
	text-align: left;
}
#article_960 .content_area .menu--blue .menu__inner p:first-of-type,
#article_960 .content_area .menu--red .menu__inner p:first-of-type{
	font-size: 22px;
}

/*------------blue---------*/
.content_area .menu--blue{
	padding-bottom: 60px;
}
.content_area .menu--blue img{
	right: 0;
}
.content_area .menu--blue .menu__inner{
	background-color: #F2FFFF;
}
#article_960 .content_area .menu--blue .menu__inner h3{
	color: #002BB8;
}


/*------------red---------*/
.content_area .menu--red .menu__inner{
	background-color: #FFF2F2;
	margin-left: auto;
}
#article_960 .content_area .menu--red .menu__inner h3{
	color: #DF1616;
}

/*------------yellow---------*/
.content_area .menu--yellow{
	padding: 0;
}
.content_area .menu--yellow .menu__inner{
	padding: 0;
}
.content_area .menu--yellow .menu__inner h3,
.content_area .menu--yellow .menu__inner h3 span,
.content_area .menu .menu__innerD ul li h3 span{
	color: #d42512;
	font-weight: normal;
}
#article_960 .content_area .menu--yellow:first-of-type .menu__inner h3{
	font-size: 30px;
	text-align: center;
}
.content_area .menu--yellow .menu__inner h3:nth-of-type(2){
	color: #333333;
}
.content_area .menu--yellow .menu__inner h3 span,
.content_area .menu .menu__innerD ul li h3 span{
	font-size: 22px;
}

.content_area .menu--yellow{
	background-color: #fff0dc;
	padding: 30px;
}
.content_area .menu .menu__innerD ul{
	display: flex;
	justify-content: space-between;
	padding-top: 30px;
}
.content_area .menu .menu__innerD ul li{
	width: 280px;
}
#article_960 .content_area .menu .menu__innerD ul li h3{
	text-align: center;
	padding-top: 30px;
	font-weight: normal;
	font-size: 22px;
}
.content_area .menu .menu__innerD ul li p.font_gyosyo{
	text-align: center;
	font-size: 30px;
}

/*------------いくら---------*/
.content_area .menu--ikura{
	padding: 0;
}
.content_area .menu--ikura .menu__inner{
	padding: 0;
}
.content_area .menu--ikura .menu__inner h3,
.content_area .menu--ikura .menu__inner h3 span{
	color: #f45179;
	font-weight: normal;
}

.content_area .menu--ikura .menu__inner h3:nth-of-type(2){
	color: #333333;
}
.content_area .menu--ikura .menu__inner h3 span{
	font-size: 22px;
}
.content_area .menu--ikura .menu__innerD p{
	text-align: center;
}
.content_area .menu--ikura{
	background-color: #fefef4;
	padding: 30px;
	margin-top:60px;
}

/*------------キユーピー---------*/
.content_area .menu--kewpie{
	background-color: #FFF7EE;
	padding: 30px;
	background-image: url(../img/kewpie_bg01.png),url(../img/kewpie_bg03.png);
	background-repeat: no-repeat,no-repeat;
	background-position:top left,bottom left;
	border-radius: 20px;
}
.content_area .menu--kewpie .menu__inner{
	padding: 0;
}
#special_list_page .content_area .menu--kewpie .menu__inner h3,
#special_list_page .content_area .menu--kewpie .menu__inner h3 span{
	color: #FF6F00;
	font-size: 1.3rem;
}
.flex_kewpie{
	display: flex;
	margin:20px 0px;
	padding:0 40px;
	gap:20px;
	background-image:url(../img/kewpie_bg02.png);
	background-repeat: no-repeat;
	background-position: bottom right;
}
.flex_mv_kewpie img{
	width: 380px;
	height: auto;
}
.flex_p_kewpie{
	font-size: 13px;
}
.content_area .menu .menu__inner .flex_p_kewpie p:first-child{
	padding-top:0;
}
.content_area .menu .menu__inner .flex_p_kewpie p:last-child{
	font-size: 13px;
}
.flex_grid_kewpie{
	display: grid;
	margin:20px 0px;
	padding:0 40px;
	gap:40px;
	grid-template-columns: repeat(auto-fit,minmax(200px,1fr));
}
.flex_grid_kewpie .flex_itemgrid_kewpie{
	border:4px solid #FFAD6E;
	background-color: #fdfdfd;
	border-radius: 20px;
	position: relative;
	display: grid;
	grid-template-rows: subgrid;
	grid-row: span 3;
	row-gap: 10px;
}
.binzume::before{
	position:absolute;
	left:-10px;
	top:-10px;
	content: url(../img/kewpie_orn01.png);
}
.binzume::after{
	position:absolute;
	right:-10px;
	bottom:-30px;
	content: url(../img/kewpie_orn02.png);
}
.retort::before{
	position:absolute;
	left:-10px;
	top:-20px;
	content: url(../img/kewpie_orn03.png);
}
.retort::after{
	position:absolute;
	right:-16px;
	bottom:-20px;
	content: url(../img/kewpie_orn04.png);
}
.flex_grid_kewpie .flex_itemgrid_kewpie div:has(img){
	padding:20px;
	text-align: center;
}
.flex_grid_kewpie .flex_itemgrid_kewpie div img{
	width: 180px;
	height: auto;
}
.flex_grid_kewpie .flex_itemgrid_kewpie dl{
	margin:0 34px;
}
.flex_grid_kewpie .flex_itemgrid_kewpie dt{
	text-align: center;
	font-weight: bold;
	margin-bottom: 10px;
	font-size: 16px;
}
.flex_grid_kewpie .flex_itemgrid_kewpie ul{
	margin:0 34px 20px;
	padding-left:1.5em;
	font-size: 12px;
	list-style-type: disc;
}

/*------------桃屋---------*/
.content_area .menu--momoya{
	padding: 0;
}
.content_area .menu--momoya .menu__inner{
	padding: 0;
}
.content_area .menu--momoya .menu__inner h3,
.content_area .menu--momoya .menu__inner h3 span{
	color: #f45179;
	font-weight: normal;
}

.content_area .menu--momoya .menu__inner h3:nth-of-type(2){
	color: #333333;
}
.content_area .menu--momoya .menu__inner h3 span{
	font-size: 22px;
}
.content_area .menu--momoya .menu__innerD p{
	text-align: center;
}
.content_area .menu--momoya{
	background-color: #fefef4;
	padding: 30px;
}

.flex_momoya{
	display: flex;
	gap:20px;
}
.logo_momoya{
	text-align: center;
	padding:20px;
}

/*------------pastry masaki---------*/
.masaki__menu{
	display: flex;
	flex-wrap: wrap;
	gap:20px;
	padding:20px;
	background-color: rgba(119,16,16,1);
}
.masaki__menu div{
	width: calc(50% - 10px);
}
.masaki__menu div:first-child{
	display: flex;
	justify-content: left;
	align-items: center;
	position: relative;
	background-color: rgba(255,255,255,0.85);
	padding:20px;
	box-sizing: border-box;
	right:-30px;
	bottom:-30px;
	box-shadow: 0 0 10px rgba(0,0,0,0.8);
}
.masaki__menu div p{
	font-size: 16px;
	
}
.masaki__menu div p.masaki__title{
	font-size:30px;
	color:rgba(119,16,16,1);
	border-bottom: 3px double rgba(119,16,16,1);
	margin-bottom: 12px;
}

.masaki__menu img{
	width: 100%;
	height: auto;
}


/*------------クリスマス・おせち---------*/
.flex_christmas_osechi{
	display: flex;
	margin:20px 0px;
	padding:0 40px;
	gap:60px;
}
.flex_mv_christmas_osechi img{
	width: 380px;
	height: auto;
}

.mgn_top20px{
	margin-top: 20px;
}

.mgn_top30px{
	margin-top: 30px;
}

.mgn_top40px{
	margin-top: 40px;
}
