@charset "EUC-JP";
@font-face {
  font-family: 'Noto Sans CJK JP Subset';
  font-style: normal;
  font-weight: 400;
  src: local('Noto Sans CJK JP'),
    local('NotoSansCJKjp-Regular'),
    local('NotoSansJP-Regular'),
    url('NotoSansCJKjp-Regular.woff2') format('woff2'),
    url('NotoSansCJKjp-Regular.woff') format('woff');
}

@font-face {
  font-family: 'Noto Sans CJK JP Subset';
  font-style: normal;
  font-weight: 700;
  src: local('NotoSansCJKjp-Bold'),
    local('NotoSansJP-Bold'),
    url('NotoSansCJKjp-Bold.woff2') format('woff2'),
    url('NotoSansCJKjp-Bold.woff') format('woff');
}
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote {
	margin: 0;
	padding: 0;
	box-sizing: border-box;

}

li {
	list-style: none;
}
img{border:none;vertical-align:top;}
.opacity a:hover img{Filter: Alpha(Opacity=85);opacity:.85;}
.size10{font-size:10px !important; line-height:14px !important;}
.f-r{float: right;}
.f-l{float: left;}
.mgt8p{margin-top:8%;}
.mgt10p{margin-top:10%;}
.mgtm5{margin-top:-5px !important;}
.mgt5{margin-top:5px;}
.mgt9{margin-top:9px;}
.mgt10{margin-top:10px;}
.mgt12{margin-top:12px !important;}
.mgt14{margin-top:14px;}
.mgt15{margin-top:15px;}
.mgt16{margin-top:16px;}
.mgt17{margin-top:17px;}
.mgt20{margin-top:20px;}
.mgt25{margin-top:25px;}
.mgt30{margin-top:30px !important;}
.mgt35{margin-top:35px;}
.mgt40{margin-top:40px !important;}
.mgt45{margin-top:45px;}
.mgt50{margin-top:50px;}
.mgt55{margin-top:55px;}
.mgt60{margin-top:60px;}
.mgt65{margin-top:65px;}
.mgt70{margin-top:70px !important;}
.mgt75{margin-top:75px !important;}
.mgt80{margin-top:80px !important;}
.mgt85{margin-top:85px !important;}
.mgt90{margin-top:90px !important;}
.mgt100{margin-top:100px !important;}
.mgt110{margin-top:110px !important;}
.mgt145{margin-top:145px !important;}
.mgb5{margin-bottom:5px;}
.mgb10{margin-bottom:10px;}
.mgl3{margin-left:3px;}
.mgl5{margin-left:5px;}
.mgl8{margin-left:8px;}
.mgl10{margin-left:10px;}
.mgl15{margin-left:15px;}
.mgl35{margin-left:35px;}
.mgl16{margin-left:16px;}
.mgl17{margin-left:17px;}
.mgl19{margin-left:19px;}
.mgl20{margin-left:20px;}
.mgl48{margin-left:48px;}
.mgl57{margin-left:57px;}
.mgl125{margin-left:125px !important;}
.mgr15{margin-right:15px;}
.mgr30{margin-right:50px;}
.mgb20{margin-bottom:20px !important;}
.mgb30{margin-bottom:30px !important;}
.mgb40{margin-bottom:40px;}
.pdr0{padding-right:0 !important;}
.pdt20{padding-top:20px !important;}
.pdt50{padding-top:50px;}
.t-left{text-align:left !important;}
.t-right{text-align:right !important;}
.t-center{text-align:center !important;}

.cf {
	zoom:1;/*for IE 5.5-7*/
}
.cf:after {/*for modern browser*/
	content:".";
	display: block;
	height:0px;
	clear:both;
	visibility:hidden;
}
input[type="button"],input[type="submit"] {
  -webkit-appearance: none;
}
input[type="text"],
input[type="submit"]{
  -webkit-appearance: none;
  border-radius: 0;
}
[type="text"] {
  line-height: initial;
}

/*全体*/
body {
	margin:0;
	padding:0;
	font-family: 'Noto Sans CJK JP Subset';
}

a:hover img{
	Filter: Alpha(Opacity=85);opacity:.85;
}
a img,#contents a img:hover{
	border: none;
}

/*固定バナー*/
#float_left{
	width: 78px;
	height: 100vh;
	min-height: 100%;
	position: fixed;
	top: 0;
    left: 0;
	z-index: 10000;
    display: block;
	visibility: visible;
	background: repeat-y cover;
}
#float_left:hover{
	opacity: 0.85;
}
#float_left a{
	width: 100%;
	height: 100%;
	display: inline-block;
}
#float_right{
	width: 124px;
	position: fixed;
	top: 30%;
	right: 0;
	z-index: 1;
	z-index: 99999;
	display: flex;
	flex-direction: column;
}
#float_right li{
	right: 0;
	z-index: 1000;
}
#float_right li + li{
	margin-top: 20px;
}
#float_right li a{
	width: 124px;
	height: 114px;
	display: inline-block;
}
#float_right li.long{
	width: 124px;
	height: 114px;
	display: inline-block;
}
#float_right li.long a{
	width: 124px;
	height: 114px;
	position: absolute;
	right: 0;
	-webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
}
#float_right li.long a:hover{
	width: 397px;
	right: 0;
}




/*ヘッダー*/
#header{
	width:100%;
	background:#fff;
}
.headnavi{
	width:100%;
	height:48px;
	background:#37290e;
	display:flex;
	justify-content:center;
}
.headnavi li a{
	display:flex;
	align-items:center;
	height:100%;
	padding:0 29px;
	font-size:12px;
	line-height:100%;
	color:#fff;
	text-decoration:none;
}

.headnavi li a:hover{
	background:#06858b;
}
.headnavi li{
	padding:0 1px 0 0;
	position:relative;
}
.headnavi li:last-child{
	padding:0;
}
.headnavi li:after{
	content:"";
	position:absolute;
	right:0;
	top:0;
	bottom:0;
	margin:auto;
	width:1px;
	height:12px;
	background:#fff;
}
.headnavi li:last-child:after{
	content:none;
}
.headmain{
	width:1100px;
	margin:0 auto;
	padding:0;
	display:flex;
	justify-content:space-between;

}

#header h1{
	padding:0;
}

.headicon{
	display:flex;
	align-items:center;
	justify-content:flex-end;
	font-family: "游明朝体", "YuMincho", "游明朝", "Yu Mincho", serif;
}
.headcart{
	font-size:13px;
	line-height:100%;
	padding:7px 0 2px 27px;
   	background:url("../img/headcart.gif") left center  no-repeat;
}
.headcart a{
	color:#37290e;
	text-decoration:none;
}
.headcart a:hover{
	text-decoration:underline;
}

.headtel{
	font-size:13px;
	line-height:100%;
	padding:7px 0 2px 21px;
	margin-left:16px;
   	background:url("../img/headtel.gif") left center  no-repeat;
}
.headtel a{
	color:#37290e;
	text-decoration:none;
}
.headtel a:hover{
	text-decoration:underline;
}

.headmail{
	font-size:13px;
	line-height:100%;
	padding:7px 0 2px 27px;
	margin-left:26px;
   	background:url("../img/headmail.gif") left center  no-repeat;
}
.headmail a{
	color:#37290e;
	text-decoration:none;
}
.headmail a:hover{
	text-decoration:underline;
}
.headicon img{
	display:block;
}
.headsearch{
	margin:0 0 0 29px;
	position:relative;
	width:200px;
	height:36px;

}
.headsearch form{
	width:100%;
	height:100%;
	padding:0;
	margin:0;
	display: flex;
	align-items:center;
	box-sizing: border-box;
	border:1px solid #37290e;
	border-radius: 18px;

}
.headsearch form .search_txt{
	width:167px;
	outline:0;
	height:100%;
	line-height:100%;
	font-size:13px;
	margin:0;
	padding:0 5px 0 15px;
	box-sizing: border-box;
	color:#37290e;
	border:none;
	background:none;
}
.headsearch :placeholder-shown {
    color: #37290e;
}
.headsearch ::-webkit-input-placeholder {
    color: #37290e;
}
.headsearch :-moz-placeholder {
    color: #37290e; opacity: 1;
}
.headsearch ::-moz-placeholder {
    color: #37290e; opacity: 1;
}
.headsearch :-ms-input-placeholder {
    color: #37290e;
}
.headsearch form .search_btn{
	margin:0;
	width:21px;
	height:21px;
	outline:0;
}
.search_btn:hover{
	Filter: Alpha(Opacity=85);opacity:.85;
}
.headcatouter{
	width:100%;
	position:relative;
	border-top:1px solid #37290e ;
	padding:29px 0 0;
}
.headcat{
	display: flex;
	justify-content:center;
	width:1100px;
	margin: 0 auto;
	list-style: none;
}
.headcat li a.parent_link{
	padding-bottom: 20px;
	position: relative;
	display:block;
	border-bottom:3px solid #fff;
}
.headcat li:hover a.parent_link::after,
.headcat li a.parent_link:hover::after{
	content: "";
	width: 100%;
	height: 3px;
	position: absolute;
	bottom: 17px;
	left: 0;
	background: #06858b;
}
.headcat li a:hover img{
	Filter: Alpha(Opacity=100);opacity:1.0;
}
.headcat li:nth-child(2){
	margin:0 28px 0 41px;
}
.headcat li:nth-child(4){
	margin:0 40px 0 40px;
}
.headcat li:nth-child(6){
	margin:0 35px 0 49px;
}
.headcat li:nth-child(8){
	margin:0 41px 0 46px;
}
.headcat li:last-child{
	margin:0 0 0 34px;
}
/* add */
.headcat li.have_child .headcat_child{
	width: 100%;
	padding: 46px calc((100% - 1100px) / 2);
	box-sizing: border-box;
	position: absolute;
	top: 96px;
	left: 0;
	z-index: 100;
	display: none;
	flex-wrap: wrap;
	background: #f6efdd;
}
.headcat li.have_child a:hover + .headcat_child,
.headcat li.have_child .headcat_child:hover{
	display: flex;
}
.headcat li.have_child .headcat_child li{
	width: 266px;
	min-height: 52px;
	margin: 0;
	border: 1px solid #37290e;
	box-sizing: border-box;
}
.headcat li.have_child .headcat_child li:nth-child(n+5){
	margin-top: 12px;
}
.headcat li.have_child .headcat_child li:not(:nth-child(4n-3)){
	margin-left: 12px;
}
.headcat li.have_child .headcat_child li a{
	width: 100%;
	height: 100%;
	max-height: 53px;
	padding: 20px 50px 20px 18px;
	border-bottom: none;
	box-sizing: border-box;
	position: relative;
	display: flex;
	align-items: center;
	font-size: 13px;
	line-height: 1;
	letter-spacing: 0.09em;
	color: #37290e;
	text-decoration: none;
}
.headcat li.have_child .headcat_child li a::after{
	content: "";
	width: 7px;
	height: 11px;
	position: absolute;
	top: 50%;
	right: 21px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	background: no-repeat center / cover url(../img/headcate_arrow_off.png);
}
.headcat li.have_child .headcat_child li a:hover{
	color: #f6efdd;
	background: #37290e;
}
.headcat li.have_child .headcat_child li a:hover::after{
	background: no-repeat center / cover url(../img/headcate_arrow_on.png);
}
/*メイン枠*/
#wrapper{
	display:flex;
	justify-content:space-between;
	width:1100px;
	margin:67px auto 0;
}
/*サイドコンテンツ*/
#left{
	width:190px;
}
.sidebanner{
	padding-bottom:10px;
}
.sidebanner p{
	margin-bottom:10px;
}
.sidenavi{
	padding-bottom:40px;
}
.sidenavi li{
	margin:20px 0 0;
}

.sidenavi li a{
	font-size:13px;
	line-height:115%;
	color:#37290e;
	text-decoration:none;
}
.sidenavi li a:hover{
	text-decoration:underline;
}

.sidecat h3{
	margin:45px 0 0;
	font-size:16px;
	line-height:100%;
	border-bottom:1px solid #37290e;
	padding-bottom:10px;
	text-align:center;
	font-family: "游明朝体", "YuMincho", "游明朝", "Yu Mincho", serif;
}
.sidecatlist li{
	margin:25px 0 0;
	padding:0 0 0 25px;
   	background:url("../img/sidecatmark.gif") left 11px center  no-repeat;
}
.sidecatlist li:first-child{
	margin-top:20px;
}
.sidecatlist li a{
	color:#37290e;
	font-size:13px;
	line-height:115%;
	text-decoration:none;
}
.sidecatlist li a:hover{
	text-decoration:underline;
}
.sidecatlist_sns li{
	margin:25px 0 0;
	padding:0 0 0 10px;
   	background:url("../img/sidecatmark.gif") left 11px center  no-repeat;
}
.sidecatlist_sns li:first-child{
	margin-top:20px;
}
.sidecatlist_sns li a{
	color:#37290e;
	font-size:13px;
	line-height:115%;
	text-decoration:none;
}
.sidecatlist_sns li a:hover{
	text-decoration:underline;
}
.sidecatlist_acc{
	width: 100%;
	padding-top: 15px;
}
.sidecatlist_acc li .parent_btn,
.sidecatlist_acc li a{
	font-size: 14px;
	line-height: 1;
	letter-spacing: 0.09em;
	font-weight: bold;
	color: #37290e;
	text-decoration: none;
}
.sidecatlist_acc li .parent_btn,
.sidecatlist_acc > li a.parent_link{
	width: 100%;
	padding: 15px 30px 15px 0;
	box-sizing: border-box;
	display: inline-block;
	position: relative;
	cursor: pointer;
}
.sidecatlist_acc li.have_child .parent_btn::after{
	content: "";
	width: 11px;
	height: 7px;
	position: absolute;
	top: 50%;
	right: 9px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	background: no-repeat center / cover url(../img/acc_arrow.png);
}
.sidecatlist_acc li.have_child .parent_btn.is-open::after{
	transform: rotateZ(180deg);
	-webkit-transform: rotateZ(180deg);
	-ms-transform: rotateZ(180deg);
}
.sidecatlist_acc li .headcat_child{
	width: 100%;
	margin-top: 5px;
	padding: 22px 10px;
	box-sizing: border-box;
	background: #f6efdd;
}
.sidecatlist_acc li .headcat_child li + li{
	margin-top: 15px;
}
.sidecatlist_acc li .headcat_child li a{
	font-size: 13px;
	line-height: 1.53;
	letter-spacing: 0.09em;
	font-weight: normal;
}
.sidecatlist_acc li .headcat_child li a:hover{
	text-decoration: underline;
}

.sidekeylist{
	width:100%;
	margin:10px 0 0 0;
	font-size:0;
	letter-spacing: -.4em;
}

.sidekeylist li{
	display:inline-block;
	margin:0;
	padding:0;
	font-size:12px;
	letter-spacing: normal;
	margin:8px 6px 0 0;

}
.sidekeylist li a{
	display:block;
	font-size:12px;
	line-height:100%;
	padding:10px 12px;
	background:#f9f2e8;
	border-radius:12px;
	text-decoration:none;
	color:#37290e;
}
.sidekeylist li a:hover{
	text-decoration:underline;
}

/*メインコンテンツ*/
#main{
	width:885px;
}
#main h2 img{
	display:block;
}
.newswrap{
	width:100%;
	height:250px;
	box-sizing: border-box;
	margin:0;
	padding:49px 45px 24px;
	border:1px solid #37290e;
}

.scroll{
	width:100%;
	height:155px;
	margin:22px 0 0;
	overflow-y:auto;
}
.newsdl{
	width:100%;
	display:flex;
	justify-content:space-between;
	margin-top:17px;
	padding:0 0 18px 0;
	box-sizing: border-box;
	border-bottom:1px solid #efe7d9;
}
.newsdl dt{
	width:145px;
	font-size:14px;
	line-height:16px;
	letter-spacing: 0.11em;
	color:#06858b;
	padding-left:5px;
	box-sizing: border-box;
}
.newsdl dd{
	width:calc(100% - 145px);
	font-size:14px;
	line-height:16px;
	color:#37290e;
	padding-right:15px;
	box-sizing: border-box;
}
.newsdl dd a{
	color:#06858b;
	text-decoration:none;
}

.featurewrap{
	margin:0;
}
.newswrap + .featurewrap{
	margin-top: 32px;
}
.subtext{
	font-size:15px;
	line-height:23px;
	color:#37290e;
	text-align:center;
	padding:40px 0;
}
.featurewrap .bnr_sm{
	width: 790px;
	height: 150px;
	margin: 40px auto 0;
	text-align: center;
}
.featurewrap .bnr_sm + .bnr_sm{
	margin-top: 20px;
}
.featurewrap .bnr_sm img{
	width: 100%;
	height: 100%;
}
.mainitemlist{
	width:790px;
	margin:0 auto;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	padding:5px 0 0;
}
.mainitemlist li{
	width:240px;
	margin:40px 0 0;
}
.mainitemlist li a{
	display:block;
	color:#37290e;
	text-decoration:none;
}
.mainitemlist li a:hover{
	text-decoration:underline;
}

.mainitemlist li .img{
	width:240px;
	height:240px;
	display:flex;
	justify-content:center;
	align-items:center;
	border:1px solid #f1f1f1;
	font-size:14px;

}
.mainitemlist li .img img{
	max-width:100%;
	max-height:100%;
}
.mainitemlist h4{
	font-size:15px;
	line-height:24px;
	margin:19px 0 10px;
	font-weight:normal;
}
.mainitemlist .price{
	font-size:14px;
	line-height:100%;
}

.mainitemlist .text{
	font-size:15px;
	line-height:22px;
	margin:15px 0 0;
	display: none;
}

.more a{
	display:block;
	width:266px;
	height:50px;
	margin:50px auto 0;
	border:1px solid #37290e;
	display:flex;
	justify-content:center;
	align-items:center;
	font-size:13px;
	line-height:100%;
	color:#37290e;
	text-decoration:none;
	position:relative;
}
.more a:hover{
	background:#37290e;
	color:#fff;
}
.more a:before{
	content:"";
	margin: auto;
	z-index: 10;
	cursor: pointer;
	position:absolute;
	width:8px;
	height:8px;
	top:0;
	bottom:0;
	right:18px;
	padding:0;
	margin:auto;
	border-right: 1px solid #37290e;
	border-bottom: 1px solid #37290e;
	transform: rotate(-45deg);
}
.more a:hover:before{
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

.recowrap{
	width:100%;
	margin:74px 0 0;
}

.cheesewrap{
	width:100%;
	padding:0;
}
.cheesewrap h3 img{
	width: 100%;.mainitemlist .text
}
.cheeseinner{
	margin:80px 0 0;
}
.cheeseinner + .cheeseinner{
	margin-top: 0;
}
.cheeselist{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	padding:48px 0 13px;
}
.cheeselist li{
	width:435px;
	margin-bottom: 66px;
}
.cheeselist li a{
	width:100%;
	height:100%;
	display:flex;
	align-items:center;
	color:#37290e;
	text-decoration:none;
}
.cheeselist li a:hover{
	text-decoration:underline;
}
.cheeselist li .img{
	width:160px;
	height:160px;
	display: flex;
	justify-content:center;
	align-items:center;
	border:1px solid #f1f1f1;

}
.cheeselist li .img img{
	max-width:100%;
}
.cheeselist li .textarea{
	width:275px;
	display:flex;
	align-items:center;
	justify-content:center;
	flex-wrap:wrap;

}
.cheeselist .text{
	width:220px;
	font-size:15px;
	line-height:24px;
    margin: 19px 0 10px;
	font-weight:normal;
	text-align:left;
}
.cheeselist li:first-child .text{
	padding:64px 0;
}
.cheeselist .price{
	width:220px;
	font-size:14px;
	line-height:100%;
	text-align:left;
}
.cheeselist li:first-child{
	width:100%;
}
.cheeselist li:first-child a{
	display:flex;
	align-items:center;
}
.cheeselist li:first-child .img{
	width:295px;
	height:100%;
	justify-content:center;
	align-items:center;
	border:none;
}
.cheeselist li:first-child .img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.cheeselist li:first-child .textarea{
	width:590px;
	height:100%;
	background:#faf1e8;
	display:flex;
	align-items:center;
	justify-content:center;
	text-align:left;
}
.cheeselist li:first-child .textarea .text{
	font-size:15px;
	line-height:23px;
	width:490px;
}

.rankwrap{
	width:100%;
	box-sizing: border-box;
	margin:0;
	padding:42px 0 50px;
	border:1px solid #37290e;
}
.rankwrap h2{
	width:790px;
	margin:0 auto;
}
/*フッター*/
#footer {
	width: 100%;
	margin:140px 0 0;
	padding:79px 0 0;
	background:#f9f2e8;
}
#footer h2{
	text-align:center;
}
.footmainwrap{
	width:1100px;
	margin:0 auto;
}
.footmaininner{
	display:flex;
	justify-content:space-between;
}
.footcon{
	width:395px;
	position:relative;
	box-sizing: border-box;
	padding-bottom:10px;
	margin:50px 0 0;
	padding:0 0 20px 85px;
}
.footcon:nth-child(3n + 1){
	padding:0;
	width:310px;
}
.footcon:nth-child(3n + 1):after{
	content:none;
}
.footcon:after{
	content:"";
	display:block;
	position:absolute;
	top:0;
	left:45px;
	width:1px;
	height:100%;
	box-sizing: border-box;
	border-right:1px dashed #cbb18b;
}
.footcon h3{
	text-align:center;
	border-bottom:1px solid #cbb18b;
	padding:8px 0 14px;
	font-size:21px;
	line-height:100%;
	letter-spacing: 0.09em;
	color:#37290e;
	margin-bottom:25px;
	letter-spacing:-1px;
	font-family: "游明朝体", "YuMincho", "游明朝", "Yu Mincho", serif;

}

.footcon p{
	font-size:14px;
	line-height:23px;
	margin:0 0 10px;
	color:#37290e;
	letter-spacing:-1px;
}
.footcon p.footpay{
	margin:0;
}
.footcon p span{
	font-weight:bold;
}

.footcon p a{
	color:#37290e;
	text-decoration:none;
}
.footcon p a:hover{
	text-decoration:underline;
}
.footcon p.footmore{
	text-align:right;
}
.footcon p.footmore a{
	color:#37290e;
	text-decoration:underline;

}
.footcon p.footmore a:hover{
	text-decoration:none;
}
.footbot{
	width:100%;
	background:#37290e;
	margin:62px 0 0;

}
.footbotinner{
	width:1100px;
	margin:0 auto;
	padding:30px 0 28px;
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.footnavi{
	width:750px;
	margin:0;
	display:flex;
}
.footnavi li{
	position:relative;
	padding:0 30px;
	height:13px;
	border-left:1px solid #c2c2c2;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;

}
.footnavi li a{
	display:block;
	font-size:13px;
	line-height:100%;
	color:#fff;
	text-decoration:none;
}
.footnavi li a:hover{
	text-decoration:underline;
}
.footnavi li:first-child{
	padding-left:0;
	border-left:0;
}
.copy{
	text-align:right;
	font-size:13px;
	line-height:100%;
	color:#fff;
	margin-right:15px;
}