/* =Reset
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
	color:#8F8F8F;
}
html {
	overflow-y: scroll; /* Keeps page centred in all browsers regardless of content height */
	-webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
	-ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */

}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
	display: block;
}
ol, ul {
	list-style: none;
}
table { /* tables still need 'cellspacing="0"' in the markup */
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0 0 1.5em;
	width: 100%;
}
th {
   font-weight: bold;
}
th, td {
  /* border: 1px solid #EAEAEA;
   padding: 6px 10px;*/
}
caption, th, td {
	text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a:focus {
	outline: thin dotted;
}
a:hover,
a:active { /* Improves readability when focused and also mouse hovered in all browsers people.opera.com/patrickl/experiments/keyboard/test */
	outline: 0;
}
a img {
	border: 0;
}
embed, iframe, object {
	max-width: 100%;
}

.fixed {
		position:fixed;
		top:0;
		left:0;
		z-index:1000;
		width:100%;

	}
/* =GLOBAL
----------------------------------------------- */
body,
button,
input,
select,
textarea {
	font: 16px 'Open Sans', serif;
	line-height: 1.6;
	word-wrap: break-word;
}
body {
	/* font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif; */
	background-size:contain;
	font-family: 'Noto Sans JP', sans-serif;
	/*min-width:1640px;*/

}
/* Headings */
h1, h2, h3, h4, h5, h6 {
	padding-bottom: 0px;
	color: #333333;
	font-weight: normal;

}
h1 { font-size: 42px; line-height: 1.2; }
h2 { font-size: 38px; line-height: 1.2; }
h3 { font-size: 34px; line-height: 1.2; }
h4 { font-size: 30px; line-height: 1.2; color:#5D5D5D;}
h5 { font-size: 26px; line-height: 1.2; }
h6 { font-size: 22px; line-height: 1.2; }
hr {
	border-color: #EAEAEA;
	border-style: solid none none;
	border-width: 1px 0 0;
	height: 0;
	margin: 30px 0;
}

/* =TEXT ELEMENTS
----------------------------------------------- */
p {
	line-height: 1.6;
	margin-bottom: 0px;
	font-size: 15px;
}
strong {
	font-weight: bold;
}
cite, em, i {
	font-style: italic;
}
pre {
	background-color: #fff;
	margin-bottom: 20px;
	overflow: auto;
	padding: 20px;
	border: 1px solid #EAEAEA;
}
pre, code, kbd, var, samp, tt {
	font-family:"Courier 10 Pitch",Courier,monospace;
	font-size: 14px;
	line-height: 1.4;
	white-space: pre-wrap;
}
abbr, acronym, dfn {
	border-bottom: 1px dotted #777777;
	cursor: help;
}
address {
	display: block;
	font-style: italic;
	margin: 0 0 15px;
}
ins {
	background: #F8F8F8;
}
table {
	margin: 0 0 1.5em;
	width: 100%;
}

body a:hover img{
	filter: alpha(opacity=70);
    -moz-opacity:0.7;
    opacity:0.7;
	transition: all .2s ease-in;
}
/* =SUPERCRIPT AND SUBSCRIPT
----------------------------------------------- */
sup, sub {
	font-size: 10px;
	height: 0;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}
dl {
	margin-bottom: 24px;
	font-size: 1em;
}
dt {
	font-weight: bold;
	margin-bottom: 5px;
}
dd {
	margin-bottom: 24px;
}
ul,
ol {
	list-style: none;
}
ol {
	list-style: decimal;
}
li > ul,
li > ol {
	margin: 0 0 0 10px;
}

/* =BLOCKQUOTE
----------------------------------------------- */
blockquote {
	padding: 30px 30px 20px 45px;
	margin-bottom: 20px;
	background-color: #289dcc;
	color: #FFFFFF;
	border-radius: 5px;
}
blockquote p {
	font-size: 20px;
	font-family: 'Open Sans', serif;
	line-height: 1.4;
	position: relative;
	padding-top: 13px;
	padding-left: 40px;
}
blockquote p:before {
	content: "\f10d";
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
	color: #FFFFFF;
	font-size: 60px;
	position: absolute;
	top: -27px;
	left: -27px;
}
blockquote em, blockquote i, blockquote cite {
	font-style: normal;
}
blockquote cite {
	font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 300;
	letter-spacing: 0.05em;
	float: right;
}



/* =LINKS
----------------------------------------------- */
a {
	color: #289dcc;
	text-decoration: none;
}
a:focus, a:active, a:hover {
	text-decoration: none;
}

/* =IMAGES
----------------------------------------------- */
figure {
	margin: 0;
	text-align: center;
}
img {
	max-width:100%;
	height:auto;
	vertical-align:top;
	margin:0;
	padding:0;
}
.entry-content img, .comment-content img, .widget img {
	max-width: 100%; /* Fluid images for posts, comments, and widgets */
}
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {

}
img.size-full, img.size-large {
	max-width: 100%;
	height: auto;
}
.entry-content img.wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
img.alignleft, img.alignright, img.aligncenter {
	margin-bottom: 1.625em;
}
p img {

}
img#wpstats {
 	display: none;
}

/* =CLEARFIX
----------------------------------------------- */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.clearfix {
	display: inline-block;
}
* html .clearfix {
	height:1%;
}
.clearfix {
	display: block;
}

/* =ALIGNMENT
----------------------------------------------- */
.alignleft {
	display: inline;
	float: left;
	margin-right: 30px;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 30px;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}


/* =ハンバーガーメニュー
----------------------------------------------- */

hamburger_menu {
  /*width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;*/
  align-items: center;
  height: 60px;
  padding: 0;
  /*position: fixed;
  top: 0;
  left: 0;*/
  z-index: 2;
  top: 25px;
      left: 20px;
	  position:absolute;

}
.hamburger_menutxt{
	position:relative;
	top:0;
	left:0;
	margin:0 0 0 50px;
	z-index:10;
	font-family:Spartan Regular;
	font-size:1.3em;
	letter-spacing:2px;
	color:#898989;

}
.menu-trigger_ls {
  display: inline-block;
  position: relative;
  width: 130px;
  height: 28px;
  vertical-align: middle;
  cursor: pointer;
}
.menu-trigger_ls.active .hamburger_menutxt{
  background:url(/item/img/header_menu02.png) no-repeat;
  width:69px;
  height:21px;
  text-indent:-9999px;

}
.menu-trigger_ls span {
  display: inline-block;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  width: 36px;
  height: 2px;
  background-color: #898989;
  transition: all .5s .2s;
}
.menu-trigger_ls.active span {
  background-color: #fff;
}
.menu-trigger_ls span:nth-of-type(1) {
  top: 0;
}
.menu-trigger_ls.active span:nth-of-type(1) {
  transform: translateY(12px) rotate(-45deg);
}
.menu-trigger_ls span:nth-of-type(2) {
  top: 12px;
}
.menu-trigger_ls.active span:nth-of-type(2) {
  opacity: 0;
}
.menu-trigger_ls span:nth-of-type(3) {
  bottom: 0;
}
.menu-trigger_ls.active span:nth-of-type(3) {
  transform: translateY(-13px) rotate(45deg);
}
nav_ham {
  width: 100%;
	height: 100vh;
  background-color: rgba(92, 92, 92, 1.0);
  color: #fff;
  text-align: center;
  display: none;
  position:relative;
  top: 0;
  left: 0;
  z-index: 1;
  padding:30px 0;
}
@media screen and (max-width: 1440px){
	nav_ham {
		overflow-y: scroll;
	}
}
nav_ham ul {
  padding: 100px 0 15px 80px;
  z-index: 2;
}
nav_ham ul li {
  padding: 18px 0;
  /* display:block!important; */
	display:block;
  text-align:left;
  font-size:0.9em;
}
nav_ham ul li a{
	color:#FFF!important;
	text-decoration:none;
}
nav_ham ul li a:hover{
	color:#CCC!important;
}
/*****************************************************************/

/* =BODY
----------------------------------------------- */
a{
	transition: all 0.2s ease-in;
}
#page {
	max-width: 1200px;
	margin: 0 auto;
}
.wide {
	padding-top: 0;
	padding-bottom: 0;
}
.wide #page {
	max-width: 100%;
}
.inner-wrap {
	margin: 0 auto;
	width:954px;

}

.only_pc{
	display:block;
}
.only_smp{
	display:none;
}

/* =HEADER
----------------------------------------------- */
#header {
	width:100%;
	margin:0;
	padding:0;

}
.fs-l-header{
	padding-top: 0px;
	position: fixed;
	width: 100%;
	background: #fff;
	z-index: 10;
	top: 0;
}
#header h1{
	color:#FFF;
	text-align:center;
	font-size:0.7em;
	padding:18px 0 0 0;
}
.header_inner {
	width:100%;
	margin:0px auto 0;
	padding:0;
	position:relative;
	height:83px;
}
.header_leftlogoarea{
	position:fixed;
	left:0px;
	padding:0;
	top:0px;
	z-index:5;

}
.header_leftlogoarea li{
	/* display:inline-block; */
	margin:0 50px 0 0;

}
.header_leftlogoarea li a {
	color:#000;

}
.header_leftlogoarea li a:hover{
	color:#CCC;

}


.header_rightlogoarea{
	position:absolute;
	right:20px;
	top:13px;
	text-align:right;

}
.header_rightlogoarea table{
	margin:0;
}
.header_rightlogoarea table td{
	vertical-align:top;
	text-align:right;
}
.header_rightlogoarea ul{
	display:inline-block;
	margin:5px 0 0 0;
}
.header_rightlogoarea ul li{
	line-height:120%;
	display:inline-block;
	padding:0 0 0 15px;
}
#r_list{
	line-height:120%;
	background:url(/item/img/ico_header02.jpg) 0 50% no-repeat;
	padding:0 0 0 15px;
}
.header_rightlogoarea ul li a{
	color:#000;
	font-size:0.8em;

}
.header_rightlogoarea ul li a:hover{
	color:#ccc;
}

.mar_20r{
	padding:0 20px 0 0;
}




#header_logoarea{
	margin:10px 0;

}

/*検索窓+キーワード*/
#h-seach-kw_head {vertical-align: top; display:inline-block; padding:0 0 0 20px;}
#h-seach-kw_head .text {
	float:left;
	width:250px;
	height:34px;
	border:1px solid #4B4B4B;
	text-indent:10px;
	margin-right:0px;
	padding:0 !important;
	font-size:14px;
	background-color:#E8E8E8;
}
#h-seach-kw_head .btn {float:left; padding:7.5px !important; border-radius:0 !important; margin:0; background-color:#4B4B4B;}
#h-seach-kw_head .kw {clear:both;font-size:11px;margin-top:0px;}
#h-seach-kw_head .kw div {margin:0;}
#h-seach-kw_head .kw .word {font-size:13px;margin:0 0px 0 0;}




.fixed {
		position: fixed;
    width: 1015px;
	margin:auto;
    top:0;
    left:calc(50% - 1015px/2);

}

#header_logonavi{
	background-color:#000;
	box-sizing:border-box;
	padding:5px;
}





#navi_last{
	background:url(/item/img/bg_navilast.gif) repeat;
	padding: 5px 1em 0px;
}

#borderno{
	border:none !important;
}


.fixed #header_logonavi{
	width:1015px;
	margin:auto;
}










/* =トップページ
----------------------------------------------- */


.slide , .mainphoto{
	margin:0;

}
.slide{
    margin-top: 4.3vw;
}
@media screen and (max-width: 768px) {
	.slide{
	/*margin-top: 14vw;*/
	margin-top:86px;
	}
}

.slidetxt01 {
	display: none;
}
.swiper-slide-active .slidetxt01-img{
	display: block;
	position:absolute;
	right:30px;
	width:270px!important;
	height:90px;
	animation: slideup 1.5s forwards;
}
.swiper-slide-active .slidetxt02-img{
	display: block;
	position:absolute;
	right:30px;
	width:270px!important;
	height:90px;
	animation: slideup 1.5s forwards;
}
.swiper-slide-active .slidetxt03-img{
	display: block;
	position:absolute;
	right:30px;
	width:270px!important;
	height:90px;
	animation: slideup 1.5s forwards;
}
@keyframes slideup {
	0% {
		/* transform: translateY(200px); */
		bottom: 0;
		opacity: 0;
	}
	100% {
		/* transform: translateY(40px); */
		bottom: 40px;
		opacity: 1;
	}
}

.swiper-slide img{
	width:100%;

}
.swiper-pagination{
	text-align:right!important;
	bottom: 10px;
	right: 30px;

}
.swiper-container-horizontal > .swiper-pagination-bullets{
	right: 30px!important;
	left:inherit;
}
.swiper-pagination-bullet-active {
    opacity: 1;
    background: #fff;
}
.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #fff;
		border: 1px #fff solid;
		margin-left: 5px;
    /*opacity: .2;*/
}

.concept{
	background-color:#F5F5F5;
	width:100%;
	padding:95px 0;
}
.concept h2{
	text-align:center;
	margin:0 0 100px 0;
}
.content-section > [data-fixed] {
    width: 1000px;
	margin: 0 auto;
}

.content-section::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: 1;
}
.content-section {
    width: 900px;
    margin-left: auto;
    margin-right: auto;
}
 .content-section.is-active {
    display: block;
}
.content-section {
    width: auto;
    display: none;
    position: relative;
    padding: 0 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.content-section > [data-fixed] {
    width: 1000px;
}
.content-section .section-inner {
    width: 50%;
    /*padding-right: 48px;*/
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	margin:0 0 0 60%;
}
.content-section .section-num01 , .favorite .section-num01{
    display: inline-block;
	color:#5C5C5C;
    margin-bottom: 40px;
    font-weight: 100;
    font-size: 2em;
    line-height: 1.8;
}

.content-section .section-num01 {
	font-weight: 600;
}

#fs_ProductDetails .favorite .section-num01 {
	font-weight: 500;
	font-size: 1.65em;
	line-height: 1.6;
}


.merit-content .content-section::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: 1;
}
.content-section.section01::after {
    background-image: url(/item/img/img_concept02.jpg);
}

.content-section.section02::after {
    background-image: url(../img_product/img_gateauchouchou03.jpg);
}

.content-section.section03::after {
    background-image: url(../img_product/img_gateauchouchou04.jpg);
}


.recommend{
	margin:95px 0;
}
.recommend_inner{
	width:880px;
	margin:0 auto 60px;
	padding:0 0 60px 0;
	border-bottom:1px #DDDDDD solid;
}
.recommend_inner:last-child{
	border-bottom:none;
}
.recommend_inner h2{
	text-align:center;
	margin:0 0 95px 0;
}
.recommend_innerleftbox{
	float:left;
	width:400px;
}
.recommend_innerrightbox{
	float:right;
	width:404px;
}
.recommend_innerrightbox p{
	line-height:1.8;
}
.recommend_innertxt01{
	font-family:NotoSansCJKjp Bold;
	font-weight:600;
	margin:0 0 20px 0;
	font-size:1.5em;
}
.recommend_innertxt02{
	font-family:NotoSansCJKjp Regular;
	margin:0 0 44px 0;
}

.syosai{
	text-align:right;
}
.gentei{
	margin:0 0 20px 0;
}
.gentei span{
	margin:0 0 20px 0;
	background-color:#AF913B;
	padding:5px;
	color:#FFF;
}







.top_img20{
	margin:0 0 20px 0;
}
.top_img0{
	margin:0;
}
.rantal110_btn{
	margin:0 0 20px 0;
	width: 100%;
    display: table;
    table-layout: fixed;
	background-color:#fff;
	text-align: center;
	padding:10px;
}

.support_area{
	margin:0 0 80px 0;
	box-sizing:border-box;
}
.support_area h3{
	text-align:center;
	margin:0 0 30px 0;
}

.support_area li{
	float:left;
	margin:0 32px 20px 0;

}
.support_area li:nth-of-type(2n){
	float:left;
	margin:0 0 20px 0;

}

.lineup{
	margin:0;
	background-color:#F5F5F5;
	padding:80px 0;
	box-sizing:border-box;
}
.lineup h2{
	margin:0 0 80px 0;
	text-align:center;
}



.lineup_inner dd a , .lineup_inner_s dd a{
	font-size:1em;
	color:#333;
}
.lineup_inner dt , .lineup_inner_s dt{
	margin:0 0 15px 0;
}
.lineup_inner dd , .lineup_inner_s dd{
	font-size:0.8em;
}
#lineup_innerbtn a{
	border:1px #B5B5B5 solid;
	display:block;
	width:80%;
	margin:auto;
	padding:8px 0;
	text-align:center;

}
#lineup_innerbtn a:hover{
	background-color:#fff;
}

.top_contents h3{
	text-align:center;
	margin:0 0 30px 0;
    align-items: center;
}





.topics{
	background:url(/item/img/bg_topics.jpg) repeat;
	padding:70px 0;
}
.topics h2{
	margin:0 0 70px 0;
	text-align:center;
}
.topics_areainner{
	background-color:#fff;
	padding:10px;

}
.topics_areainner h6 span{
	font-weight:600;
	display:block;
	width:80%;
	margin:0 auto 15px;
	line-height:1.8;
}
.topics_areainner p{
	width:80%;
	margin:0 auto 15px;
}

#topicsbtn a{
	border:1px #B5B5B5 solid;
	display:block;
	width:275px;
	margin:30px auto 0;
	padding:8px 0;
	text-align:center;
	color:#000;

}
/* #topicsbtn a:hover{
	background-color:#fff;
} */
.t_slider{
	width:80%;
	margin:auto;
}
.slick-next::before {
    content: '＞';
}
.slick-prev::before {
    content: '＜';
}
.slick-prev::before, .slick-next::before{
	font-size:40px;
	color:#333;
}
.slick-next {
    right: -25px;
}


.history table td{
	vertical-align:middle;

}
.history table p{
	line-height:2;
}
.history_txt01{
	font-family: NotoSansCJKjp Bold;
	font-weight:600;
	font-size:1.7em;
	color:#5D5D5D;
}


#history_mar{
	margin:0 0 30px 0;
}
.history_smp_td{
	width:15%;
}
.history_hotel table{
	margin:0 0 30px 0;
}
#history_hoteltxt{
	margin:0;
}
#history_hoteltxt th{
	font-weight:600;
	font-size:1.2em;
	font-family:NotoSansCJKjp Bold;
	padding:2px 2px 15px 2px;
}
#history_hoteltxt th span{
	font-weight:normal;
	font-size:0.7em;
}
#history_hoteltxt td{
	padding:4px 2px;
}




/* =商品ページ
----------------------------------------------- */

.favorite {
	background-color:#F5F5F5;
	width:100%;
	padding:95px 0;
}
.favorite  h2{
	text-align:center;
	margin:0 0 100px 0;
}
.favorite_inner{
	width:1200px;
	margin:auto;
}

.favorite_innerleft{
	float:left;
	width:640px;
}
.favorite_innerright{
	float:right;
}


#kasou_concept{
	background-color:#fff;
	padding:0;
}

.flex {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: stretch;
}
.meritTxt {
    position: relative;
}
.meritTxt, .meritImg {
    width: 50%;
}
.meritTxtInnerL {
    margin-left: auto;
}
.meritTxtInner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
.meritTxtInner {
    width: 400px;
    max-width: calc(100% - 30px);
}
.row-reverse {
    flex-flow: row-reverse;
}
.imgCenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
}

.kasou_product{
	background-color:#F5F5F5;
	width:100%;
	padding:95px 0;
}
.kasou_product  h2{
	text-align:center;
	margin:0 0 100px 0;
}
.kasou_product_inner{
	width:1200px;
	margin: 0 auto 100px;
	display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
	justify-content: space-between;
}
.kasou_product_innerleft{
	/*float:left;*/
	width:600px;
}
.kasou_product_innerright{
	/*float:right;*/
	width:500px;
	position:relative!important;
}
.kasou_product_innerright_box{
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	width:100%;
}
.kasou_product_innerright_box h4 , .kasou_product_innerleft01_box01 h4{
	font-size:1.3em;
	margin:0 0 35px 0;
	line-height:1.8;
}

.kasou_product_innerleft01{
	width:500px;
	margin:0 100px 0 0;
	position:relative!important;
}
.kasou_product_innerright01{
	width:536px;

}
.kasou_product_innerleft01_box01{
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	width:100%;
}
.noshi_btn{
	text-align:right;
}

.food_stuff{
	width:100%;
	background:url(/item/img_product/bg_product01.jpg) no-repeat;
	padding:95px 0;
	background-size:cover;
}
.food_stuff h2{
	text-align:center;
	margin:0 0 100px 0;
}
.food_stuff img{
	text-align:center;
	margin:0 auto 80px;
	display:block;
}
.food_stuff_inner{
	width:882px;
	margin:auto;
	display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
	justify-content: space-between;
}
.food_stuff_inner dl{
	width:414px;
	margin:0 0 38px 0;
	background-color:#FFF;
	padding:30px 40px;
	box-sizing: border-box;
}
.food_stuff_inner dd{
	margin:0;
}





.kasou_lineup_inner{
	width:890px;
	margin: 0 auto;
	padding:70px 0;
	display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
	justify-content: space-between;
	border-bottom:1px #EDEDED solid;
}
#kasou_lineup_noborder{
	border-bottom:none;
}
.kasou_lineup_innerleft{
	/*float:left;*/
	width:440px;
}
.kasou_lineup_innerright{
	/*float:right;*/
	width:390px;
	position:relative!important;
}
.kasou_lineup_innerright_box{
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	width:100%;
}
.kasou_lineup_innerright_box h4{
	font-size:1.5em;
	margin:0 0 40px 0;

}
.kasou_lineup_innerright_box p{
	color: #5D5D5D;
}

.kasou_lineup_txt{
	color:#929292!important;
	margin:40px 0 0 0;
}
.kasou_lineup_txt01{
	color:#929292!important;
	margin:auto;
	width:890px;
}


.nagoya_castle{
	width:100%;
	background:url(/item/img_product/bg_product02.jpg) no-repeat;
	background-size:contain;
	padding:235px 0 135px 0;
}
.nagoya_castle h6{
	margin:0 0 100px 0;
	text-align:center;
}

.nagoya_castle_inner{
	width:1200px;
	margin:auto;
}

.nagoya_castleleft{
	float:left;
	width:694px;
}
.nagoya_castleright{
	float:right;
	width:470px;
}
.nagoya_castleright img{
	display:block;
	text-align:center;
	margin:150px auto 70px;
}


.wrapping{
	background-color:#F5F5F5;
	width:100%;
	padding: 95px 0;
}
.wrapping_inner{
	width:880px;
	margin:0 auto 60px;
}
.wrapping h2{
    text-align: center;
    margin: 0 0 100px 0;
}

.wrapping_innerleft{
	width:398px;
	float:left;
}
.wrapping_innerright{
	width:398px;
	float:right;
}
.wrapping_innerleft h4 , .wrapping_innerright h4{
	padding:27px 0;
	font-size: 1.4em;
	font-family:NotoSansCJKjp Bold;
}

.noshi_area {
	background-color:#fff;
	padding:40px;
	width:880px;
	box-sizing:border-box;
	margin:auto;
	margin:0 auto 50px;
}

.noshi_area h4 , .message_area h4{
	font-size: 1.4em;
	font-family:NotoSansCJKjp Bold;
	margin:0 0 45px 0;
}
.noshi_area p , .message_area p{
	margin:0 0 40px 0;
}
#mar_b35{
	margin:0 0 35px 0;
}
.noshi_area table{
	width:100%;
}
.noshi_area table td{
	vertical-align:middle;
}
.noshi_area_img{
	width:212px;
}
.message_area{
	background:url(/item/img_product/img_gateauchouchou30_new.jpg) center bottom no-repeat;
	background-color:#fff;
	padding:40px;
	width:880px;
	box-sizing:border-box;
	margin:auto;
	min-height: 560px;
	background-position-y: 280px;
}
.message_area li{
	list-style-type: upper-latin;
	margin:0 0 0 25px;
	list-style-position:outside;
}

.message_area.vlt {
	background:url(/item/img_product/img_gateauchouchou30_valentine.jpg) center bottom no-repeat;
	background-color:#fff;
	background-position-y: 280px;
	min-height: 830px;
}


/* =FOOTER
----------------------------------------------- */
footer{
	background-color:#fff;
	padding:45px 0 0 0;
	margin:0;

}

footer h4{
	text-align:center;
	margin:0 0 25px 0;
}

.footer_inner{
	width:1200px;
	margin:0 auto 50px;
}
.footer_innerleftbox{
	float:left;
	width:580px;
}
.footer_innerrightbox{
	float:right;
}
.footer_innerleftbox dl{
	width:31%;
	margin:0;
	float:left;

}
.footer_innerleftbox dd{
	color:#5D5D5D;

}
.footer_innerleftbox dl a{
	color:#5D5D5D;
}
.footer_innerleftbox dl a:hover{
	color:#7F7F7F;
}
.footer_innerleftbox dl:nth-of-type(2){
	width:31%;
	margin:0 3.5%;
	float:left;
}
.footer_inner dt{
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	color:#1C1C1C;
}

.footer_inner dd{
	font-size:14px;
	color:#1C1C1C;
}
.footer_inner dd span{
	font-weight:bold;
}
footer .sns li{
	display:inline-block;
	margin:0 10px 0 0;
}

footer .copyright {
   text-align:center;
   background-color:#5C5C5C;
   padding:20px 0;

}
footer .copyright li{
	display:inline;
	text-align:center;
	margin:0 20px;
}
footer .copyright li a{
	color:#FFF;
}
footer .copyright p{

   font-size: 0.8em;
   color:#FFF;

}
#footer_innertxt01{
	color:#F00;
	font-size:1.1em;
	font-weight:100;
}

@media screen and (min-width:1640px){
	.lineup_inner , .lineup_inner_s{
	width:1640px;
	margin:auto;

}

.lineup_inner dl{
	float:left;
	width:390px;
	margin:0 25px 0 0;
	font-family: NotoSansCJKjp Bold;
	font-weight:600;
}
.lineup_inner dl:last-child{
	float:left;
	width:390px;
	margin:0;
}


.lineup_inner_s dl{
	float:left;
	width:258px;
	margin:0 18px 0 0;
	font-family: NotoSansCJKjp Bold;
	font-weight:600;

}
.lineup_inner_s dl:last-child{
	margin:0;
}

.history{
	background-color:#F5F5F5;
	padding:80px 0;
}
.history_inner{
	width:1450px;
	margin:auto;
}
.history_leftbox{
	float:left;
}
.history_rightbox{
	float:right;
	width:40%;
	padding: 150px 0 0 0;
}
.history table{
	margin:auto;
	max-width:1450px;

}
.history_hotel{
	width:1200px;
	padding:40px;
	background-color:#fff;
	margin:95px auto 0;
}
.history_hotelleftbox{
	float:left;
	width:425px;
}
.history_hotelrightbox{
	float:right;
	width:668px;
}


}
@media screen and (min-width:769px) and ( max-width:1639px) {

.content-section > [data-fixed] {
    width: 100%;
}
		.lineup_inner , .lineup_inner_s{
	width:96%;
	margin:auto;

}

.lineup_inner dl{
	float:left;
	width:22%;
	margin:0 4% 0 0;
	font-family: NotoSansCJKjp Bold;
	font-weight:600;
}
.lineup_inner dl dt img{
	width:100%;
}
.lineup_inner dl:last-child{
	float:left;
	width:22%;
	margin:0 0 0 0;

}
.lineup_inner_s dl{
	float:left;
	width:14%;
	margin:0 3.2% 0 0;
	font-family: NotoSansCJKjp Bold;
	font-weight:600;

}
.lineup_inner_s dl:last-child{
	margin:0;
}
.content-section .section-inner {
	margin:0 0 0 55vw;
}
.content-section .section-inner {
    width: 40vw;
}
.history{
	background-color:#F5F5F5;
	padding:80px 0;
}
.history_leftbox{
	float:left;
	width:50%;
	margin:0 4% 0 0;
}
.history_leftbox img{
	width:100%
}
.history_inner{
	width:96%;
	margin:auto;
}
.history table{
	margin:auto;
	max-width:96%;
	box-sizing:border-box;

}
.history table td{
	padding:0 15px;

}

.history_hotel{
	width:96%;
	padding:40px;
	background-color:#fff;
	margin:95px auto 0;
	box-sizing: border-box;
}
.history_year{
	width:15%;
}

<!--下層-->

.favorite_inner {
    width: 96%;
    margin: auto;
}
.favorite_innerleft {
    float: left;
    width: 50%;
}
.favorite_innerright {
    float: right;
    width: 48%;
}

.kasou_product_inner{
	width:100%;
	margin: 0 auto 100px;
}
.kasou_product_innerleft{
	/*float:left;*/
	width:50%;
}
.kasou_product_innerright{
	/*float:right;*/
	width:46%;
}
.kasou_product_innerleft01{
	width:46%;
}
.kasou_product_innerright01{
	width:50%;

}
.kasou_product_innerleft01_box01 {
    left: 55%;
}
.nagoya_castle_inner{
	width:96%;
	margin:auto;
}
.nagoya_castleleft {
    float: left;
    width: 49%;
}
.nagoya_castleright {
    float: right;
    width: 48%;
}
.nagoya_castleleft img{
	width: 100%;
}
.nagoya_castleright img {
    display: block;
    text-align: center;
    margin: 150px auto 70px;
    width: 100%;
}


	.footer_inner{
	width:96%;
	margin:0 auto 50px;
}
.footer_innerleftbox{
	float:left;
	width:50%;
}
.footer_innerrightbox{
	float:right;
	width:46%
}
#calendar {
	margin-bottom: 20px;
}
table.calendar {
    padding: 0;
    margin: 0 10px 10px 0;
    font-size: 13px;
    display: inline-block;
}
table.calendar td {
    padding: 8px;
}
}

/* =SCROLL UP
----------------------------------------------- */
a#scroll-up {
	bottom: 20px;
	position: fixed;
	right: 20px;
	display: none;
	opacity: 0.5;
	filter:alpha(opacity=50); /* For IE8 and earlier */
}
a#scroll-up i {
	font-size: 40px;
	color: #ccc;
}
a#scroll-up:hover {
	opacity: 1;
	filter:alpha(opacity=100); /* For IE8 and earlier */
}





#tel_sm{
	display:none;
 }

 .red
{
  color: #ff0000;
}



#sp_header{
	display:none;
}



#hyas_privacy_policy{
    height: 100px;
    overflow-y: auto;
	margin-bottom:30px;
	background-color:#FFF;
	padding:4%;
}
#hyas_privacy_policy h2 , #hyas_privacy_policy h3{
	font-weight:bold;
	margin:0 0 10px 0;
	font-size:1.2em;
}
#hyas_privacy_policy p , #hyas_privacy_policy ul{
	margin:0 0 20px 0;
	font-size:0.9em;
}


/*** 2021.09.01 add ***/
[type="submit"] {
	background: none;
	border: solid 1px #b5b5b6;
	padding: 10px 0;
}
.top_cartaratxt02:hover button {
	background: #999;
	color: #fff;
	transition: .5s;
	opacity: .6;
}
.top_cartaratxt01 {
	position: relative;
}
.top_cartaratxt01::after {
	position: absolute;
	content: '';
	width: 0;
  height: 0;
	border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 10px solid #b5b5b6;
  top: 45%;
  transform: translateY(-50%);
  right: 22px;
}
[name="cnt"] {
	border: solid 1px #b5b5b6;#5c5c5c;
	padding: 10px;
  box-sizing: border-box;
  border-radius: unset;
  vertical-align: baseline;
}

#lineup_innerbtn a {
	color: #5c5c5c;
	letter-spacing: 1.8px;
	padding: 8px 0;
	width: 90%;
}
#lineup_innerbtn a:hover {
	background: #bab6b7;
	color: #fff;
}
#topicsbtn a {
	color: #5c5c5c;
	letter-spacing: 1.8px;
	padding: 8px 0;
	width: 300px;
}
#topicsbtn a:hover {
	background: #bab6b7;
	color: #fff;
}



/***** animation  ******/
.fadein_btot {
	opacity : 0;
	visibility: hidden;
	transition: 1.6s;
	transform: translateY(50px);
}
.fadein_btot.active {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}


/***** 2021.09.07 add  ******/
/*****
faq
**********/
.faq-item {
	padding: 40px 10px 30px;
	border-bottom: solid 1px #7c8790;
	margin: 0 auto;
}
.faq-item dt,
.faq-item dd {
	position: relative;
	padding-left: 30px;
}
.faq-item dt {
	font-weight: normal;
}
.faq-item dt::before {
	position: absolute;
	content: 'Q';
	font-size: 1em;
	top: 0;
	left: 10px;
	color: #7c8790;
}
.faq-item dt:hover {
	cursor: pointer;
}
.faq-item dd {
	padding: 15px 15px 15px 30px;
	background: #eee;
	display: none;
}
.faq-item dd::before {
	position: absolute;
	content: 'A';
	font-size: 1em;
	top: 15px;
	left: 10px;
	color: #7c8790;
}
/*****
form
**********/
.page-contact form p.f-title {
	font-weight: bold;
	margin-top: 25px;
	margin-bottom: 10px;
}
.page-contact form p.f-mail,
.page-contact form p.f-tel {
	width: 50%;
}
.page-contact form input {
	padding: 15px 10px;
}

p.next-btn {
	width: 250px;
	margin: 4em auto 0;
}
p.next-btn input {
	width: 100%;
}
p.next-btn:hover {
	cursor: pointer;
}

/***** 2021.09.08 add  ******/
/*****
calender
**********/
a:hover {
	cursor: pointer;
}
#calendar {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
#calendar table.calendar {
	width: 48%;
}



/***** 2021.09.14 add  ******/
/*****
link_tolist
**********/
.link_tolist {
	position: fixed;
	right: 0;
	bottom: 6vw;
	z-index: 10;
	transition: .6s;
}



/***** 2021.10.27 add  ******/
/*****
recommend slider
**********/
.r_slider {
	width: 80%;
	margin: 0 auto;
}

#fs_ProductDetails .r_slider .recommend_item {
	height: 100%;
	max-height: 450px;
	min-height: 410px;
}
/* .r_slider .recommend_item {
	display: flex;
	justify-content: space-between;
	flex-direction: column;
	align-items: stretch;
	height: 100%;
}

.r_slider .recommend_item_inner {
	display: flex;
	justify-content: space-between;
	flex-direction: column;
	align-items: stretch;
}

.r_slider .recommend_item_inner .recommend_item_top {
	display: flex;
	justify-content: space-between;
	flex-direction: column;
	align-items: stretch;
} */

.r_slider .recommend_item span {
	color: #333;
	font-size: 1em;
}

.r_slider .recommend_item #lineup_innerbtn {
	width: 90%;
	margin: 25px auto 0;
	color: #5c5c5c;
	font-weight: 500;
}


@media screen and (max-width: 1024px) {

	/* #fs_ProductDetails .r_slider .recommend_item {
		height: 400px;
	} */

	#fs_ProductDetails .favorite_inner {
		width: 100%;
		padding: 0 10px;
	}
}


@media screen and (max-width: 800px) {
	.recommend_inner {
		width: 100%;
	}
	.recommend_innerleftbox {
		width: calc(100% - 440px);
	}
	.recommend_innerrightbox {
		padding-right: 10px;
	}
	.lineup_inner, .lineup_inner_s {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		grid-gap: 10px;
	}
	.lineup_inner dl, .lineup_inner_s dl {
		width: 100% !important;
		float: none !important;
		clear: both !important;
	}

	.food_stuff_inner {
		width: 100%;
		padding: 0 10px;
	}
	.food_stuff_inner dl {
		width: 48%;
		padding: 25px;
		margin-bottom: 25px;
	}

	.kasou_lineup_inner {
		width: 100%;
	}
	.kasou_lineup_innerleft,
	.kasou_lineup_innerright {
		width: 48%;
	}
	.kasou_lineup_txt01 {
		width: 100%;
		padding: 0 10px;
	}

	.wrapping_inner {
		width: 100%;
		padding: 0 20px;
	}
	.wrapping_innerleft,
	.wrapping_innerright {
		width: 48%;
	}
	.noshi_area {
		width: 100%;
		padding:  40px 20px;
	}
	.message_area {
		width: 100%;
		padding: 40px 20px;
		background-size: contain;
	}

	.footer_innerleftbox,
	.footer_innerrightbox {
		clear: both;
		float: none;
		width: 100%;
	}
	footer_innerrightbox {
		padding-top: 25px;
	}
}



/*** 2022.03.08 add ***/

.modal-wrapper {
	width: 100%;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(000,000,000,.3);
	z-index: 2;
	display: none;
}
/* .modal-wrapper.close {
	display: none;
} */
.modal-wrapper .modal__bg {
	position: absolute;
	width: 80%;
	max-width: 500px;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}

.modal-wrapper .modal__bg .js-modal-close {
	font-size: 32px;
	font-weight: 900;
	color: #fff;
	text-align: right;
}

.modal-wrapper .modal__bg .js-modal-close:hover {
	cursor: pointer;
}

.modal-wrapper .modal__bg .modal__content a {
	display: inline-block;
	width: 100%;
}