@charset "UTF-8";

/*:::::::::::::::::::::::::::::::::::::::::

	Last Up Date: 2021/03/20

	Title: content.css
	Description: content design
	Created: 2018/03/24

..........................................

	CONTENTS

		1.index content
		2.sub content
		3.entry
		4.calendar
		5.recipe
		6.each content

:::::::::::::::::::::::::::::::::::::::::*/

/*-----------------------------------------
	index content
-----------------------------------------*/

#index-content h2,
#index-content h3,
#index-content h4,
#index-content h5,
#index-content h6{
	font-family: 'Noto Sans Japanese', "メイリオ", "Meiryo", Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

#index-content p,
#index-content th,
#index-content td,
#index-content dt,
#index-content dd,
#index-content li{
	font-family: 'Noto Sans Japanese', "メイリオ", "Meiryo", Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	letter-spacing: 0;
}

#index-content .main-image{
	position: relative;
	margin: auto;
	width: 100%;
	height: 170px;
	overflow: hidden;
}

#index-content .main-image li{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

#index-content .banner-image,
#index-content .banner-image li,
#index-content .banner-image li img{
	width: 100%;
	transition: 1s
}

#index-content .banner-image li a{
	display: block;
}

#index-content .banner-image li a:hover img{
	opacity: 0.6;
}

#index-content h2{
	text-align: center;
}

#index-content .today-data{
	padding: 20px 0 10px 0;
	position: relative;
}

#index-content .today-data .data{
	width: 90%;
	margin: auto;
	background: #e60012 url(../img/bg_dot.png);
	border: 3px solid #e60012;
	border-radius: 10px;
}

#index-content .today-data .today{
	padding: 5px 5px 10px 5px;
}

#index-content .today-data .today .icon{
	color: #ffd647;
	font-size: 20px;
}

#index-content .today-data .today p{
	color: #fff;
	font-family: "FOT-スーラ Pro DB";
	text-align: center;
	line-height: 1.4;
	font-size: 16px;
}

#index-content .today-data .item{
	background: #fff;
	border-bottom-right-radius: 7px;
	border-bottom-left-radius: 7px;
}

#index-content .today-data .item .ichiba,
#index-content .today-data .item .aji,
#index-content .today-data .item .kuriya,
#index-content .today-data .item .land{
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

#index-content .today-data .item .area{
	position: relative;
	margin: 0;
	padding: 5px;
	font-weight: bold;
	width: 50%;
	font-size: 14px;
}

#index-content .today-data .item .area span{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 20px;
	margin: auto;
}

#index-content .today-data .item .time{
	width: 50%;
	padding: 5px;
	font-weight: bold;
	font-size: 14px;
}

#index-content .today-data .item .time .memo{
	font-size: 13px;
}

#index-content .today-data .item .ichiba .area{
	background: #ffc2c7;
	color: #753136;
}

#index-content .today-data .item .ichiba .time{
	border-bottom: 1px dotted #c9c9c9;
}

#index-content .today-data .item .aji .area{
	background: #ffde85;
	color: #584614;
}

#index-content .today-data .item .aji .time{
	border-bottom: 1px dotted #c9c9c9;
}

#index-content .today-data .item .kuriya .area{
	background: #b3e4a7;
	color: #2f5426;
}

#index-content .today-data .item .kuriya .time{
	border-bottom: 1px dotted #c9c9c9;
}

#index-content .today-data .item .land .area{
	background: #b6e1ec;
	color: #1d5871;
	border-bottom-left-radius: 7px;
}

#index-content .today-data .item .memo{
	display: block;
}

@media screen and (min-width:600px) and (max-width:960px) {

	#index-content .main-image{
		height: 300px;
	}
	
	#index-content .today-data{
		margin-bottom: 30px;
	}
	
	#index-content .today-data .item .area{
		font-size: 16px;
	}

	#index-content .today-data .item .time{
		font-size: 16px;
	}

	#index-content .today-data .item .time .memo{
		font-size: 15px;
	}

	#index-content .today-data .day-navi a{
		font-size: 18px;
	}

}

@media screen and (min-width:960px) {

	#index-content{
		margin: auto;
		width: 100%;
		max-width: 1500px;
	}

	#index-content .swiper-container{
		width: calc( 100vw - 224px );
	}

	#index-content .swiper-container img{
		width: 100%;
		transition: .3s;
	}

	#index-content .swiper-container img:hover{
		opacity: 0.7;
	}

	#index-content .main-image{
		margin: auto;
		width: 100%;
		max-width: 1500px;
		height: 500px;
	}

	#index-content .main-image img{
		margin: auto;
		width: 100%;
		max-width: 1500px;
	}

	#index-content .today-data{
		max-width: 1300px;
		margin: auto;
	}
	
	#index-content .today-data .data{
		margin-top: 20px;
		width: 90%;
		display: flex;
		display: -webkit-flex;
		align-items: center;
		justify-content: space-around;
		flex-wrap: wrap;
	}
	
	#index-content .today-data .today{
		padding: 5px 35px 10px 35px;
	}

	#index-content .today-data .today .icon{
		font-size: 20px;
	}

	#index-content .today-data .today p{
		font-size: 20px;
		font-family: "FOT-スーラ Pro DB";
	}
	
	#index-content .today-data .item{
		-webkit-flex: 1;
		flex: 1;
		border-top-right-radius: 7px;
		border-bottom-right-radius: 7px;
		border-bottom-left-radius: 0px;
		display: flex;
		display: -webkit-flex;
		align-items: flex-start;
		justify-content: space-around;
		flex-wrap: wrap;
		font-size: 16px;
		font-weight: bold;
		line-height: 1.2;
	}

	#index-content .today-data .ichiba,
	#index-content .today-data .aji,
	#index-content .today-data .kuriya,
	#index-content .today-data .land{
		width: 22%;
	}

	#index-content .today-data .item .area{
		border-radius: 20px;
		margin-top: 15px;
		padding: 10px 0;
		font-size: 15px;
		width: 100%;
		line-height: 1;
	}

	#index-content .today-data .item .time{
		width: 100%;
		padding: 10px 0 15px 0px;
		font-size: 18px;
	}

	#index-content .today-data .item .time .memo{
		font-size: 15px;
	}

	#index-content .today-data .item .area span{
		position: relative;
		height: auto;
	}
	
	#index-content .today-data .item .ichiba .time,
	#index-content .today-data .item .aji .time,
	#index-content .today-data .item .kuriya .time{
		border-bottom: none;
	}

	#index-content .today-data .item .land .area{
		border-bottom-left-radius: 20px;
	}

}

@media screen and (min-width:1380px) {

	#index-content{
		max-width: 1800px;
	}

	#index-content .main-image{
		max-width: inherit;
		width: 100%;
		height: 600px;
		margin: auto;
	}

	#index-content .main-image ul,
	#index-content .main-image li,
	#index-content .main-image img{
		max-width: inherit;
		width: 100%;
		background: #ccc;
	}
	
}

#index-content .important-news{
	margin: 20px auto;
	width: 90%;
	border: 8px solid #fffd58;
}

#index-content .important-news h2{
	margin-top: 20px;
	font-weight: bold;
	font-size: 16px;
}

#index-content .important-news h2 .fa-exclamation-triangle{
	padding-right: 5px;
	color: #ec0000;
}

#index-content .important-news ul.index-news{
	width: 90%;
	margin: auto auto 20px auto;
}

#index-content .important-news .index-news li{
	padding: 15px 5px;
	border-bottom: 1px solid #c9c9c9;
	font-size: 13px;
	letter-spacing: 1px;
}

#index-content .important-news .index-news li a{
	display: block;
	text-decoration: none;
	color: #242424;
}

#index-content .important-news .index-news li .category{
	display: inline-block;
	margin-left: 10px;
	padding: 3px 8px;
	color: #fff;
	font-size: 13px;
}

#index-content .important-news .index-news li .news{
	background: #f87806;
}

#index-content .important-news .index-news li .flyer{
	background: #2a8e16;
}

#index-content .important-news .index-news li .entry-title{
	margin-top: 5px;
	font-size: 15px;
}

#index-content .important-news .more-btn{
	margin-bottom: 20px;
}

@media screen and (min-width:600px) and (max-width:960px) {

	#index-content .important-news h2{
		margin: 40px auto 20px auto;
		font-size: 26px;
	}
	
	#index-content .important-news .index-news li .category{
		font-size: 14px;
	}

	#index-content .important-news .index-news li .entry-title{
		display: inline-block;
		margin-top: 0;
		margin-left: 10px;
		font-size: 18px;
	}

	#index-content .important-news .more-btn{
		margin-bottom: 40px;
	}
	
}

@media screen and (min-width:960px) {

	#index-content .important-news h2{
		margin: 40px auto 20px auto;
		font-size: 26px;
	}
	
	#index-content .important-news .more-btn{
		width: 50%;
		margin: 40px auto;
	}

	#index-content .important-news .more-btn a:hover::before{
		border-width: 0 0 850px 850px;
	}

	#index-content .important-news .index-news{
		margin: 40px auto;
	}

	#index-content .important-news .index-news li,
	#index-content .important-news .index-news li .category{
		font-size: 14px;
	}

	#index-content .important-news .index-news li .entry-title{
		display: inline-block;
		margin-top: 0;
		margin-left: 10px;
		font-size: 18px;
	}
	
	#index-content .important-news .index-news li a:hover .entry-title{
		color: #e60012;
		text-decoration: underline;
	}
	
}

@media screen and (-ms-high-contrast: none) and (min-width:960px) {

	#index-content .important-news .more-btn{
		position: absolute;
		bottom: 20px;
		left: 0;
		right: 0;
		margin-top: 0;
	}

}

#index-content .index-event{
	margin: 20px auto;
}

#index-content .index-event h2{
	font-family: "FOT-スーラ Pro DB";
	text-align: center;
	font-size: 20px;
}

#index-content .index-event h2:after{
	content: "EVENT & CAMPAIGN";
	display: block;
	margin-top: 3px;
	text-align: center;
	color: #e60012;
	font-size: 12px;
	font-family: "コーポレート・ロゴＢ";
}

#index-content .index-entry-list{
	margin: 20px 0 10px 0;
}

#index-content .index-entry-list .entry-container{
	width: 100%;
	margin-bottom: 10px;
	display: flex;
	display: -webkit-flex;
	align-items: stretch;
	justify-content: space-between;
	flex-wrap: wrap;
}

#index-content .index-entry-list .entry-container .image{
	position: relative;
	width: 46%;
}

#index-content .index-entry-list .entry-container .entry-overview{
	width: 50%;
}

#index-content .index-entry-list .entry-container .entry-overview .entry-body{
	font-size: 12px;
}

#index-content .index-entry-list .entry-container figure{
	overflow: hidden;
	width: 100%;
	height: 170px;
	margin-bottom: 10px;
}

#index-content .index-entry-list .entry-container figure img{
	width: 100%;
}

#index-content .index-entry-list .entry-container p.status-icon{
	position: absolute;
	top: 10px;
	right: -5px;
	display: inline-block;
	padding: 5px 10px;
	color: #fff;
	font-size: 14px;
	font-family: "コーポレート・ロゴＢ";
	height: 28px;
}

#index-content .index-entry-list .entry-container .now{
	background: #e60012;
}

#index-content .index-entry-list .entry-container .now::after{
	content: "";
	position: absolute;
	top: 28px;
	right: 0px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 5px 0 0;
	border-color: #600 transparent transparent transparent;
}

#index-content .index-entry-list .entry-container .notice{
	background: #242424;
}

#index-content .index-entry-list .entry-container .notice::after{
	content: "";
	position: absolute;
	top: 28px;
	right: 0px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 5px 0 0;
	border-color: #333 transparent transparent transparent;
}

#index-content .index-entry-list .entry-container .delay{
	background: #da1b6c;
}

#index-content .index-entry-list .entry-container .delay::after{
	content: "";
	position: absolute;
	top: 28px;
	right: 0px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 5px 0 0;
	border-color: #a41f57 transparent transparent transparent;
}

#index-content .index-entry-list .entry-container .cancel{
	background: #00c0ff;
}

#index-content .index-entry-list .entry-container .cancel::after{
	content: "";
	position: absolute;
	top: 28px;
	right: 0px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 5px 0 0;
	border-color: #ab8a05 transparent transparent transparent;
}

#index-content .index-entry-list .entry-container p.period{
	margin: 10px 0px 5px 0px;
	color: #c30;
	font-size: 12px;
}

#index-content .index-entry-list .entry-container .period span{
	display: block;
	margin: 0 10px 3px 0;
	padding: 3px 10px;
	background: #ffd647;
	border-radius: 8px;
	font-size: 13px;
}

#index-content .index-entry-list .entry-container .entry-title{
	padding-right: 5px;
}

#index-content .index-entry-list .entry-container .entry-title a{
	color: #242424;
	font-weight: bold;
	font-size: 15px;
}

@media screen and (min-width:600px) and (max-width:960px) {

	#index-content .index-event h2{
		font-size: 28px;
	}

	#index-content .index-event h2:after{
		margin-top: 5px;
	}
	
	#index-content .index-entry-list .entry-container figure{
		overflow: hidden;
		width: 100%;
		height: 200px;
		margin-bottom: 10px;
	}

	#index-content .index-entry-list .entry-container .entry-overview{
		width: 47%;
	}

	#index-content .index-entry-list .entry-container .entry-overview .entry-body{
		font-size: 14px;
	}

	#index-content .index-entry-list .entry-container p.period{
		font-size: 15px;
	}

	#index-content .index-entry-list .entry-container .period span{
		font-size: 14px;
	}
	
	#index-content .index-entry-list .entry-container .entry-title a{
		font-size: 16px;
	}

}

@media screen and (min-width:960px) {

	#index-content .index-event{
		margin: 40px auto 60px auto;
	}

	#index-content .index-event h2{
		font-size: 28px;
	}

	#index-content .index-event h2:after{
		margin-top: 5px;
		font-size: 14px;
	}

	#index-content .index-entry-list{
		margin: 40px auto 0 auto;
		display: flex;
		display: -webkit-flex;
		align-items: stretch;
		justify-content: space-around;
		flex-wrap: wrap;
	}
	
	#index-content .index-entry-list .entry-container{
		position: relative;
		display: block;
		width: 31%;
		margin-bottom: 20px;
	}

	#index-content .index-entry-list .entry-container .image{
		display: block;
		width: 100%;
	}

	#index-content .index-entry-list .entry-container .entry-overview{
		width: 100%;
	}

	#index-content .index-entry-list .entry-container .entry-overview .entry-body{
		font-size: 14px;
	}

	#index-content .index-entry-list .entry-container p.status-icon{
		font-size: 18px;
		height: 32px;
	}

	#index-content .index-entry-list .entry-container .now::after,
	#index-content .index-entry-list .entry-container .notice::after,
	#index-content .index-entry-list .entry-container .delay::after,
	#index-content .index-entry-list .entry-container .cancel::after{
		top: 32px;
	}

	#index-content .index-entry-list .entry-container figure{
		height: 240px;
	}

	#index-content .index-entry-list .entry-container figure img{
		transition: 0.8s;
		-webkit-transition: 0.8s;
	}
	
	#index-content .index-entry-list .entry-container a:hover figure img{
		transform: scale(1.2);
	}

	#index-content .index-entry-list .entry-container p.period{
		font-size: 15px;
	}

	#index-content .index-entry-list .entry-container .period span{
		display: inline;
		margin: 0 8px 0 0;
		font-size: 14px;
	}

	#index-content .index-entry-list .entry-container .entry-title a{
		font-size: 16px;
	}

}

#index-content .index-news-container .icon{
	display: flex;
	align-items: center;
	justify-content: center;
	margin: auto auto 5px auto;
	width: 30px;
	height: 30px;
	line-height: 30px;
	color: #fff;
	background: url(../img/icon/circle_normal.svg) no-repeat;
	background-size: 100% 100%;
}

#index-content .index-news-container h2{
	font-family: "FOT-スーラ Pro DB";
	text-align: center;
	font-size: 20px;
}

#index-content .index-news-container h2:after{
	display: block;
	margin-top: 3px;
	text-align: center;
	color: #e60012;
	font-size: 12px;
	font-family: "コーポレート・ロゴＢ";
}

#index-content .index-news-container .index-news h2:after{
	content: "INFORMATION";
}

#index-content .index-news-container .index-shop-news{
	position: relative;
	margin: 30px auto;
	padding: 20px 0 0 0;
	background: #fff;
}

#index-content .index-news-container .index-shop-news h2:after{
	content: "SHOP NEWS";
}

#index-content .index-news-container .index-camera h2:after{
	content: "WEB CAMERA";
}

#index-content .index-news-container .index-shop-news .shop-entry{
	margin: 0 20px;
}

#index-content .index-news-container .index-shop-news .shop-entry-news{
	margin: 15px 0;
}

#index-content .index-news-container .index-news ul{
	width: 90%;
	margin: auto auto 20px auto;
}

#index-content .index-news-container .index-news,
#index-content .index-news-container .index-camera{
	position: relative;
	padding: 20px 0;
	background: url(../img/bg_dot.png);
}

#index-content .index-news-container .index-news::before,
#index-content .index-news-container .index-shop-news::before,
#index-content .index-news-container .index-camera::before{
	content: "";
	display: block;
	width: 90%;
	height: 4px;
	background: #ffd647;
	margin: auto;
	position: absolute;
	top: 0;
	left: 5%;
}

#index-content .index-news-container .index-news li{
	padding: 15px 5px;
	border-bottom: 1px solid #c9c9c9;
	font-size: 13px;
	letter-spacing: 1px;
}

#index-content .index-news-container .index-news li a{
	display: block;
	text-decoration: none;
	color: #242424;
}

#index-content .index-news-container .index-news li .category{
	display: inline-block;
	margin-left: 10px;
	padding: 3px 8px;
	color: #fff;
	font-size: 13px;
}

#index-content .index-news-container .index-news li .news{
	background: #f87806;;
}

#index-content .index-news-container .index-news li .flyer{
	background: #2a8e16;
}

#index-content .index-news-container .index-news li .entry-title{
	margin-top: 5px;
	font-size: 15px;
}

#index-content .index-news-container .index-camera .camera-image{
	margin: 10px auto 20px auto;
}

#index-content .index-news-container .index-camera .camera-image img{
	margin: 5px;
	max-width: 45%;
}

@media screen and (min-width:600px) and (max-width:960px) {

	#index-content .index-news-container h2{
		font-size: 28px;
	}

	#index-content .index-news-container h2:after{
		margin-top: 5px;
	}

	#index-content .index-news-container .index-news li .category{
		font-size: 14px;
	}

	#index-content .index-news-container .index-news li .entry-title{
		font-size: 18px;
	}

}

@media screen and (min-width:960px) {

	#index-content .index-news-container .icon{
		width: 50px;
		height: 50px;
		line-height: 50px;
		position: absolute;
		top: -25px;
		left: 0;
		right: 0;
		margin: auto;
		font-size: 24px;
	}
	
	#index-content .index-news-container{
		display: flex;
		display: -webkit-flex;
		align-items: stretch;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	
	#index-content .index-news-container h2{
		width: 100%;
		font-size: 28px;
	}

	#index-content .index-news-container h2:after{
		margin-top: 5px;
		font-size: 14px;
	}

	#index-content .index-news-container .index-shop-news{
		margin: 30px auto 50px auto;
	}
	
	#index-content .index-news-container .index-news,
	#index-content .index-news-container .index-shop-news,
	#index-content .index-news-container .index-camera{
		position: relative;
/*		width: 50%;*/
		width: 100%;
		padding-top: 40px;
		display: flex;
		display: -webkit-flex;
		flex-wrap: wrap;
		align-items: stretch;
	}

	#index-content .index-news-container .index-shop-news .shop-entry{
		margin: 20px auto;
	}

	#index-content .index-news-container .more-btn{
/*		width: 90%;*/
		margin-top: auto;
		margin-bottom: 20px;
	}

	#index-content .index-news-container .more-btn a:hover::before{
		border-width: 0 0 850px 850px;
	}

	#index-content .index-news-container .index-news li,
	#index-content .index-news-container .index-news li .category{
		font-size: 14px;
	}

	#index-content .index-news-container .index-news li .entry-title{
		font-size: 18px;
	}
	
	#index-content .index-news-container .index-news li a:hover .entry-title{
		color: #e60012;
		text-decoration: underline;
	}
	
}

@media screen and (-ms-high-contrast: none) and (min-width:960px) {

	#index-content .index-news-container .index-news,
	#index-content .index-news-container .index-camera{
		position: relative;
		display: block;
		padding-bottom: 90px;
	}

	#index-content .index-news-container .more-btn{
		position: absolute;
		bottom: 20px;
		left: 0;
		right: 0;
		margin-top: 0;
	}

}

#index-content .index-content-list{
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
}

#index-content .index-content-list a{
	text-decoration: none;
}

#index-content .index-content-list .index-content-container{
	position: relative;
	width: 50%;
	background: url(../img/bg_dot.png);
	display: block;
	border-top: 1px solid #a3a3a3;
	border-bottom: 1px solid #a3a3a3;
	border-right: 1px solid #a3a3a3;
	box-sizing: border-box;
}

#index-content .index-content-list .index-content-container:last-child{
	border-right: none;
}

#index-content .index-content-list .index-content-container:nth-child(1),
#index-content .index-content-list .index-content-container:nth-child(2){
	border-bottom: none;
}

#index-content .index-content-list .index-content-container:nth-child(2){
	border-right: none;
}

#index-content .index-content-list .index-content-container::after{
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 20px 20px;
	border-color: transparent transparent #e60012 transparent;
	z-index: -1;
}

#index-content .index-content-list .index-content-container img{
	width: 100%;
}

#index-content .index-content-list .index-content-container h3{
	margin: 15px 15px 5px 15px;
	font-weight: bold;
	font-size: 15px;
	line-height: 1.3;
}

#index-content .index-content-list .index-content-container h3::after{
	content: "";
	display: block;
	margin: 10px 0;
	width: 40px;
	height: 2px;
	background: #e60012;
}

#index-content .index-content-list .index-content-container p{
	margin: 0px 15px 15px 15px;
	font-size: 12px;
	line-height: 1.3;
}

@media screen and (min-width:600px) and (max-width:960px) {

	#index-content .index-content-list .index-content-container h3{
		font-size: 17px;
	}
	
	#index-content .index-content-list .index-content-container p{
		font-size: 14px;
		line-height: 1.4;
	}

}

@media screen and (min-width:960px) {

	#index-content .index-content-list .index-content-container{
		width: 25%;
	}

	#index-content .index-content-list .index-content-container:nth-child(1),
	#index-content .index-content-list .index-content-container:nth-child(2){
		border-bottom: 1px solid #a3a3a3;
	}

	#index-content .index-content-list .index-content-container:first-child{
		border-left: 1px solid #a3a3a3;
	}
	
	#index-content .index-content-list .index-content-container:nth-child(2),
	#index-content .index-content-list .index-content-container:last-child{
		border-right: 1px solid #a3a3a3;
	}

	#index-content .index-content-list .index-content-container figure{
		overflow: hidden;
	}
	
	#index-content .index-content-list .index-content-container img{
		transition: 0.8s;
		-webkit-transition: 0.8s;
	}
	
	#index-content .index-content-list a.index-content-container:hover img{
		transform: scale(1.2);
	}

	#index-content .index-content-list .index-content-container h3{
		font-size: 17px;
	}

	#index-content .index-content-list a.index-content-container:hover h3{
		text-decoration: underline;
	}
	
	#index-content .index-content-list .index-content-container p{
		font-size: 14px;
		line-height: 1.4;
	}

}

#index-content .index-banner-list{
	margin: auto;
	padding: 40px 0 0 0;
	width: 90%;
}

#index-content .index-banner-list ul{
	display: flex;
	display: -webkit-flex;
	align-items: stretch;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 100%;
}

#index-content .index-banner-list ul li{
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}

#index-content .index-banner-list ul li img{
	width: 100%;
}

@media screen and (min-width:600px) and (max-width:960px) {

	#index-content .index-banner-list ul li{
		width: 48%;
	}

}

@media screen and (min-width:960px) {
	
	#index-content .index-banner-list{
		width: 90%;
		max-width: 1050px;
		padding: 40px 0 20px 0;
	}
	
	#index-content .index-banner-list .b-banner li{
		width: 48%;
	}

	#index-content .index-banner-list .s-banner li{
		width: 31%;
	}

	#index-content .index-banner-list li a:hover img{
		opacity: 0.7;
		filter: alpha(opacity=70);
		-ms-filter: "alpha(opacity=70)";
	}

}

/*-----------------------------------------
	sub content
-----------------------------------------*/

#sub-content h1{
	width: 100%;
	overflow: hidden;
	padding: 20px;
	background-color: #ffd647;
	background-image: url(../img/bg_nami.png),url(../img/bg_dot.png);
	background-repeat: no-repeat,repeat;
	background-position: right bottom,left top;
	background-size: 40%,auto;
	position: relative;
	font-family: "FOT-スーラ Pro DB";
	font-size: 20px;
	letter-spacing: 1px;
}

#sub-content h1::after{
	content: "";
	display: block;
	width: 80px;
	height: 3px;
	background: #e60012;
	margin-top: 10px;
}

#sub-content h2,
#sub-content h3,
#sub-content h4,
#sub-content h5,
#sub-content h6{
	font-family: 'Noto Sans Japanese', "メイリオ", "Meiryo", Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

#sub-content p,
#sub-content th,
#sub-content td,
#sub-content dt,
#sub-content dd,
#sub-content li,
#sub-content figcaption{
	font-size: 14px;
	font-family: 'Noto Sans Japanese', "メイリオ", "Meiryo", Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	letter-spacing: 0;
}

#sub-content section{
	margin: auto;
	padding-bottom: 30px;
}

#sub-content section:last-child{
	padding-bottom: 0;
}

ruby{
	position: relative;
}

ruby rt{
	position: relative;
	top: 0.7ex;
}

.sub-container{
	margin: auto;
	width: 90%;
}

.sub-title-l{
	position: relative;
	margin: 30px 0;
	text-align: center;
	letter-spacing: 1px;
	font-size: 20px;
}

.sub-title-l::before{
	content: "-";
	padding-right: 5px;
	color: #e60012;
}

.sub-title-l::after{
	content: "-";
	padding-left: 5px;
	color: #e60012;
}

.sub-title-l-icon{
	padding-top: 40px;
}

.sub-title-l .title-icon{
	position: absolute;
	top: -35px;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	color: #ffd647;
	font-size: 30px;
	width: 40px;
	height: 40px;
}

.sub-title-m{
	margin: 20px 0px;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}

.sub-title-m .title-icon{
	font-size: 30px;
	display: block;
	margin: auto;
	color: #ffd647;
}

.sub-title-m svg path,
.sub-title-m svg polygon,
.sub-title-m svg circle{
	fill: #ffd647;
}

.sub-title-m svg .st9{
	fill: none;
}

.sub-title-s{
	margin: 40px 0px 20px 0px;
	font-size: 22px;
	font-weight: bold;
}

.kids-event{
	display: inline;
	margin: 0 10px;
	padding: 7px 10px;
	font-size: 14px;
	text-align: center;
	font-weight: bold;
	color: #EA551B;
	letter-spacing: 1px;
	border: 2px solid #EA551B;
	background: #fff;
	font-family: 'Noto Sans Japanese';
}

.kids-event .fa-smile{
	padding-right: 5px;
}

.entry-container .kids-event{
	position: absolute;
	top: 0;
	left: 5px;
	margin: 0;
	padding: 3px 5px 3px 0;
	font-size: 11px;
	letter-spacing: 0.5px;
	border: none;
}

.index-event .entry-container .kids-event{
	padding: 3px 5px;
	left: 0;
}

.caption{
	margin: 15px 0px;
	padding-left: 25px;
	font-size: 18px;
	font-weight: bold;
	background: url(../img/icon/circle.svg) no-repeat left center;
	background-size: 20px 20px;
	line-height: 1.3;
}

.caption-text-c{
	margin: 40px auto;
	text-align: center;
}

.data-table{
	margin: 10px 0px;
	border: 1px solid #a3a3a3;
}

.data-table tr{
	border: 1px solid #a3a3a3;
}

.data-table th{
	padding: 10px 12px;
	background: #ffd647;
	border: 1px solid #a3a3a3;
	font-weight: bold;
	white-space: nowrap;
}

.data-table td{
	padding: 10px 12px;
}

.more-btn{
	position: relative;
	background: #e60012;
	font-family: "FOT-スーラ Pro DB" !important;
	letter-spacing: 0px !important;
	width: 90%;
	margin: 10px auto;
}

#sub-content .more-btn{
	font-size: 13px;
}

.sub-container .more-btn{
	width: 100%;
}

.more-btn a{
	display: block;
	padding: 10px 25px;
	color: #fff;
	text-decoration: none;
	text-align: center;
	line-height: 1.5;
}

.more-btn a::after{
	content: "";
	display: block;
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	margin: auto auto;
	width: 100%;
	height: 15px;
	background: url(../img/icon/chevron-right_w.svg) no-repeat right 8px center;
	background-size: 15px 15px;
	z-index: 999;
}

.more-btn .icon{
	color: #ffd647;
	padding-left: 5px;
}

.ex-link{
	margin-right: 4px;
	padding-right: 22px;
	background: url(../img/icon/external-link.svg) no-repeat right center;
	background-size: 18px 18px;
}

.pdf-link{
	padding-left: 22px;
	background: url(../img/icon/file-pdf.svg) no-repeat left center;
	background-size: 16px 16px;
}

#sub-content .definition-list dt{
	margin-bottom: 5px;
	font-size: 17px;
	font-weight: bold;
}

.definition-list dd{
	margin-bottom: 40px;
}

.definition-list dd ul{
	margin: 10px 0;
}

.definition-list dd li{
	margin-left: 30px;
	list-style: disc;
}

.image-list{
	margin-top: 20px;
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	justify-content: space-around;
}

.image-list li{
	width: 50%;
	text-align: center;
}

.image-list li img{
	width: 95%;
	margin: 5px 0;
}

ol.number-list{
	counter-reset: steps;
}

ol.number-list li{
	position: relative;
	margin-bottom: 5px;
	padding-left: 40px;
}

ol.number-list li::before{
	display: block;
	counter-increment: steps;
	content: "( " counter(steps) " )";
	position: absolute;
	top: 0;
	left: 0;
	font-weight: bold;
}

p.other-banner-link{
	margin: 40px auto;
	text-align: center;
}

@media screen and (min-width:600px) and (max-width:960px) {

	#sub-content section{
		max-width: 680px;
	}
	
	#sub-content h1{
		padding: 30px;
		background-size: auto,auto;
		font-size: 30px;
	}

	#sub-content h1::after{
		width: 80px;
		height: 4px;
	}

	#sub-content p,
	#sub-content th,
	#sub-content td,
	#sub-content dt,
	#sub-content dd,
	#sub-content li{
		font-size: 16px;
	}

	.sub-title-l{
		margin: 50px 0;
		font-size: 30px;
		letter-spacing: 5px;
	}

	.sub-title-l-icon{
		padding-top: 50px;
	}

	.sub-title-l .title-icon{
		position: absolute;
		top: -40px;
		font-size: 45px;
	}

	.sub-title-m{
		font-size: 24px;
	}

	.sub-title-m .title-icon{
		font-size: 45px;
	}

	.sub-title-s{
		font-size: 24px;
	}

	.kids-event{
		margin: 0 10px;
		padding: 7px 10px;
		font-size: 14px;
	}
	
	.entry-container .kids-event{
		left: 10px;
		padding: 5px 10px 5px 0;
		font-size: 13px;
	}
	
	.caption-text-b{
		text-align: center;
	}

	.data-table th{
		padding: 12px 20px;
	}

	.data-table td{
		padding: 12px 20px;
	}

	#sub-content .more-btn{
		font-size: 16px;
	}

	.more-btn a{
		padding: 15px 30px;
	}
	
	#sub-content .definition-list dt{
		font-size: 24px;
	}

	.image-list li img{
		margin: 10px 0;
	}

}

@media screen and (min-width:960px) {
	
	#sub-content section{
		margin: auto;
		padding-bottom: 30px;
		max-width: 1300px;
	}

	#sub-content section:last-child{
		padding-bottom: 0;
	}
	
	#sub-content h1{
		padding: 40px;
		background-size: auto,auto;
		font-size: 30px;
	}

	#sub-content h1::after{
		width: 80px;
		height: 4px;
	}

	#sub-content p,
	#sub-content th,
	#sub-content td,
	#sub-content dt,
	#sub-content dd,
	#sub-content li{
		font-size: 16px;
	}
	
	.sub-title-l{
		margin: 50px 0;
		font-size: 36px;
		letter-spacing: 5px;
	}

	.sub-title-l::before{
		content: "―";
		padding-right: 15px;
	}

	.sub-title-l::after{
		content: "―";
		padding-left: 15px;
	}

	.sub-title-l-icon{
		padding-top: 50px;
	}

	.sub-title-l .title-icon{
		position: absolute;
		top: -40px;
		font-size: 45px;
	}

	.sub-title-m{
		font-size: 24px;
	}

	.sub-title-m .title-icon{
		font-size: 45px;
	}

	.sub-title-m svg{
		width: 45px;
		height: 45px;
	}

	.sub-title-s{
		margin-top: 60px;
		font-size: 24px;
	}
	
	.kids-event{
		margin: 0 10px;
		padding: 7px 10px;
		font-size: 16px;
	}

	.entry-container .kids-event{
		left: 10px;
		padding: 5px 10px 5px 5px;
		font-size: 13px;
	}

	.caption-text{
		text-align: center;
	}

	#sub-content .caption-text-b{
		font-size: 19px;
		text-align: center;
	}

	.data-table th{
		padding: 12px 20px;
	}

	.data-table td{
		padding: 12px 20px;
	}

	.more-btn{
		overflow: hidden;
		width: 550px;
	}
	
	.sub-container .more-btn{
		width: 550px;
	}

	#sub-content .more-btn{
		font-size: 16px;
	}

	.more-btn a{
		position: relative;
		z-index: 5;
		transition: 0.8s;
		-webkit-transition: 0.8s;
		padding: 15px 30px;
	}
	
	.more-btn a::after{
		background: url(../img/icon/chevron-right_w.svg) no-repeat right 10px center;
	}

	.more-btn a:hover{
		color: #e60012;
	}

	.more-btn a .icon{
		transition: 0.8s;
		-webkit-transition: 0.8s;
	}

	.more-btn a:hover .icon{
		color: #e60012;
	}

	.more-btn a:hover::after{
		content: "";
		display: block;
		position: absolute;
		top: 0px;
		right: 0px;
		bottom: 0px;
		left: 0px;
		margin: auto auto;
		background: url(../img/icon/chevron-right_r.svg) no-repeat right 10px center;
		background-size: 15px;
		z-index: 999;
	}
	
	.more-btn a::before{
		content: "";
		position: absolute;
		right: 0;
		bottom: 0;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 0 0 0px 0px;
		border-color: transparent transparent #ffd747 transparent;
		transition: 0.8s;
		-webkit-transition: 0.8s;
		z-index: -1;
	}

	.more-btn a:hover::before{
		content: "";
		position: absolute;
		right: 0;
		bottom: 0;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 0 0 650px 650px;
		border-color: transparent transparent #ffd747 transparent;
		z-index: -1;
	}

	#sub-content .definition-list dt{
		font-size: 24px;
	}

	.image-list li img{
		margin: 15px 0;
	}

	p.other-banner-link{
		margin: 40px auto 60px auto;
	}
	
}

/* common */

.link-text{
	text-align: right;
}

.sub-title-l + .link-text{
	margin-top: -10px;
}

.link-text .icon{
	padding-right: 5px;
	color: #ffd647;
}

.price-free{
	display: inline-block;
	margin: 0 10px;
	padding: 5px 10px;
	background: #0051e6;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
}

.price-toll{
	display: inline-block;
	margin: 0 10px;
	padding: 5px 10px;
	background: #e60012;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
}

.text-list{
	margin: 15px 0;
}

.text-list li::before{
	content: "●";
	padding-right: 5px;
}

.attention{
	background: #ffd647;
}

@media screen and (min-width:600px) and (max-width:960px) {

	.price-free{
		font-size: 18px;
	}

	.price-toll{
		font-size: 18px;
	}
	
}

@media screen and (min-width:960px) {

	.sub-title-l + .link-text{
		margin-top: -30px;
	}

	.price-free{
		font-size: 18px;
	}

	.price-toll{
		font-size: 18px;
	}

}

.page-link{
	padding: 20px 0 30px 0;
	display: flex;
	display: -webkit-flex;
	align-items: stretch;
	justify-content: space-between;
	flex-wrap: wrap;
}

.page-link a{
	display: block;
	padding: 8px 15px;
	color: #242424;
	text-decoration: none;
	border: 3px solid #c9c9c9;
	background: url(../img/icon/angle-down.svg) no-repeat left 5px center;
	background-size: 12px 12px;
}

.page-link li{
	margin-bottom: 10px;
	text-align: center;
	line-height: 1.2;
}

.link3 li,
.link4 li,
.link5 li{
	width: 48%;
}

@media screen and (min-width:600px) and (max-width:960px) {

	.page-link a{
		padding: 8px 20px;
		background: url(../img/icon/angle-down.svg) no-repeat left 5px center;
		background-size: 15px 15px;
	}
	
	.link3 li{
		width: 31%;
	}

	.link4 li{
		width: 24%;
	}

	.link5 li{
		width: 19%;
	}

}

@media screen and (min-width:960px) {

	.page-link a{
		padding: 10px 25px;
		background: url(../img/icon/angle-down.svg) no-repeat left 8px center;
		background-size: 23px 23px;
	}

	.link3 li{
		width: 31%;
	}

	.link4 li{
		width: 23%;
	}

	.link5 li{
		width: 18%;
	}

	.page-link a:hover{
		border: 3px solid #ffd647;
	}
	
}


/* design layout */

.entry-category{
	margin-bottom: 15px;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

.entry-category a{
	display: block;
	padding: 5px 10px;
	color: #000;
	text-decoration: none;
}

#sub-content .entry-category li{
	margin: 5px;
	font-size: 12px;
	border: 1px solid #a3a3a3;
}

.entry-list{
	margin: 20px auto;
	display: flex;
	display: -webkit-flex;
	align-items: stretch;
	justify-content: flex-start;
	flex-wrap: wrap;
}

.entry-list .entry-container{
	display: flex;
	display: -webkit-flex;
	flex-direction: column;
	position: relative;
	width: 50%;
	margin-bottom: 20px;
}

.entry-list .entry-container a{
	padding: 0px 5px;
	color: #242424;
	text-decoration: none;
}

.entry-list .entry-container .entry-overview{
	padding: 0px 5px;
	margin-top: auto;
}

.entry-list .entry-container figure{
	overflow: hidden;
	width: 100%;
	height: 120px;
	margin-bottom: 10px;
}

#index-content .entry-list .entry-container p.entry-data,
#sub-content .entry-list .entry-container p.entry-data{
	font-size: 12px;
}

.entry-list .entry-container p.entry-title{
	font-weight: bold;
	text-decoration: underline;
	line-height: 1.3;
}

#sub-content .entry-list .entry-container p.entry-shop{
	margin-top: 10px;
	font-size: 12px;
}

.shop-entry-news-list p.entry-shop{
	margin-top: 5px;
	font-size: 12px;
}

.entry-list .entry-container p.entry-shop span,
.shop-entry-news-list p.entry-shop span{
	width: 90px;
	margin-right: 10px;
	display: inline-block;
	text-align: center;
	color: #fff;
}

.entry-list .entry-container p.entry-shop.sengyo,
.entry-list .entry-container p.entry-shop.cat10,
.entry-list .entry-container p.entry-shop.cat11,
.entry-list .entry-container p.entry-shop.cat12,
.entry-list .entry-container p.entry-shop.cat13,
.entry-list .entry-container p.entry-shop.cat14,
.entry-list .entry-container p.entry-shop.cat15,
.entry-list .entry-container p.entry-shop.cat16,
.entry-list .entry-container p.entry-shop.cat17,
.entry-list .entry-container p.entry-shop.cat18,
.entry-list .entry-container p.entry-shop.cat19,
.entry-list .entry-container p.entry-shop.cat20,
.entry-list .entry-container p.entry-shop.cat21,
.entry-list .entry-container p.entry-shop.cat22,
.entry-list .entry-container p.entry-shop.cat23,
.shop-entry-news-list p.entry-shop.sengyo,
.shop-entry-news-list p.entry-shop.cat10,
.shop-entry-news-list p.entry-shop.cat11,
.shop-entry-news-list p.entry-shop.cat12,
.shop-entry-news-list p.entry-shop.cat13,
.shop-entry-news-list p.entry-shop.cat14,
.shop-entry-news-list p.entry-shop.cat15,
.shop-entry-news-list p.entry-shop.cat16,
.shop-entry-news-list p.entry-shop.cat17,
.shop-entry-news-list p.entry-shop.cat18,
.shop-entry-news-list p.entry-shop.cat19,
.shop-entry-news-list p.entry-shop.cat20,
.shop-entry-news-list p.entry-shop.cat21,
.shop-entry-news-list p.entry-shop.cat22,
.shop-entry-news-list p.entry-shop.cat23{
	color: #40899E;
}

.entry-list .entry-container p.entry-shop.sengyo span,
.entry-list .entry-container p.entry-shop.cat10 span,
.entry-list .entry-container p.entry-shop.cat11 span,
.entry-list .entry-container p.entry-shop.cat12 span,
.entry-list .entry-container p.entry-shop.cat13 span,
.entry-list .entry-container p.entry-shop.cat14 span,
.entry-list .entry-container p.entry-shop.cat15 span,
.entry-list .entry-container p.entry-shop.cat16 span,
.entry-list .entry-container p.entry-shop.cat17 span,
.entry-list .entry-container p.entry-shop.cat18 span,
.entry-list .entry-container p.entry-shop.cat19 span,
.entry-list .entry-container p.entry-shop.cat20 span,
.entry-list .entry-container p.entry-shop.cat21 span,
.entry-list .entry-container p.entry-shop.cat22 span,
.entry-list .entry-container p.entry-shop.cat23 span,
.shop-entry-news-list p.entry-shop.sengyo span,
.shop-entry-news-list p.entry-shop.cat10 span,
.shop-entry-news-list p.entry-shop.cat11 span,
.shop-entry-news-list p.entry-shop.cat12 span,
.shop-entry-news-list p.entry-shop.cat13 span,
.shop-entry-news-list p.entry-shop.cat14 span,
.shop-entry-news-list p.entry-shop.cat15 span,
.shop-entry-news-list p.entry-shop.cat16 span,
.shop-entry-news-list p.entry-shop.cat17 span,
.shop-entry-news-list p.entry-shop.cat18 span,
.shop-entry-news-list p.entry-shop.cat19 span,
.shop-entry-news-list p.entry-shop.cat20 span,
.shop-entry-news-list p.entry-shop.cat21 span,
.shop-entry-news-list p.entry-shop.cat22 span,
.shop-entry-news-list p.entry-shop.cat23 span{
	background: #40899E;
}

.entry-list .entry-container p.entry-shop.okashi,
.entry-list .entry-container p.entry-shop.cat40,
.entry-list .entry-container p.entry-shop.cat41,
.entry-list .entry-container p.entry-shop.cat42,
.entry-list .entry-container p.entry-shop.cat43,
.entry-list .entry-container p.entry-shop.cat44,
.entry-list .entry-container p.entry-shop.cat45,
.entry-list .entry-container p.entry-shop.cat46,
.entry-list .entry-container p.entry-shop.cat47,
.entry-list .entry-container p.entry-shop.cat48,
.entry-list .entry-container p.entry-shop.cat49,
.shop-entry-news-list p.entry-shop.okashi,
.shop-entry-news-list p.entry-shop.cat40,
.shop-entry-news-list p.entry-shop.cat41,
.shop-entry-news-list p.entry-shop.cat42,
.shop-entry-news-list p.entry-shop.cat43,
.shop-entry-news-list p.entry-shop.cat44,
.shop-entry-news-list p.entry-shop.cat45,
.shop-entry-news-list p.entry-shop.cat46,
.shop-entry-news-list p.entry-shop.cat47,
.shop-entry-news-list p.entry-shop.cat48,
.shop-entry-news-list p.entry-shop.cat49{
	color: #D23F5F;
}

.entry-list .entry-container p.entry-shop.okashi span,
.entry-list .entry-container p.entry-shop.cat40 span,
.entry-list .entry-container p.entry-shop.cat41 span,
.entry-list .entry-container p.entry-shop.cat42 span,
.entry-list .entry-container p.entry-shop.cat43 span,
.entry-list .entry-container p.entry-shop.cat44 span,
.entry-list .entry-container p.entry-shop.cat45 span,
.entry-list .entry-container p.entry-shop.cat46 span,
.entry-list .entry-container p.entry-shop.cat47 span,
.entry-list .entry-container p.entry-shop.cat48 span,
.entry-list .entry-container p.entry-shop.cat49 span,
.shop-entry-news-list p.entry-shop.okashi span,
.shop-entry-news-list p.entry-shop.cat40 span,
.shop-entry-news-list p.entry-shop.cat41 span,
.shop-entry-news-list p.entry-shop.cat42 span,
.shop-entry-news-list p.entry-shop.cat43 span,
.shop-entry-news-list p.entry-shop.cat44 span,
.shop-entry-news-list p.entry-shop.cat45 span,
.shop-entry-news-list p.entry-shop.cat46 span,
.shop-entry-news-list p.entry-shop.cat47 span,
.shop-entry-news-list p.entry-shop.cat48 span,
.shop-entry-news-list p.entry-shop.cat49 span{
	background: #D23F5F;
}

.entry-list .entry-container p.entry-shop.kanbutsu,
.entry-list .entry-container p.entry-shop.cat24,
.entry-list .entry-container p.entry-shop.cat25,
.entry-list .entry-container p.entry-shop.cat26,
.entry-list .entry-container p.entry-shop.cat27,
.entry-list .entry-container p.entry-shop.cat28,
.entry-list .entry-container p.entry-shop.cat29,
.entry-list .entry-container p.entry-shop.cat30,
.entry-list .entry-container p.entry-shop.cat31,
.entry-list .entry-container p.entry-shop.cat32,
.entry-list .entry-container p.entry-shop.cat33,
.entry-list .entry-container p.entry-shop.cat34,
.entry-list .entry-container p.entry-shop.cat35,
.shop-entry-news-list p.entry-shop.kanbutsu,
.shop-entry-news-list p.entry-shop.cat24,
.shop-entry-news-list p.entry-shop.cat25,
.shop-entry-news-list p.entry-shop.cat26,
.shop-entry-news-list p.entry-shop.cat27,
.shop-entry-news-list p.entry-shop.cat28,
.shop-entry-news-list p.entry-shop.cat29,
.shop-entry-news-list p.entry-shop.cat30,
.shop-entry-news-list p.entry-shop.cat31,
.shop-entry-news-list p.entry-shop.cat32,
.shop-entry-news-list p.entry-shop.cat33,
.shop-entry-news-list p.entry-shop.cat34,
.shop-entry-news-list p.entry-shop.cat35{
	color: #663E50;
}

.entry-list .entry-container p.entry-shop.kanbutsu span,
.entry-list .entry-container p.entry-shop.cat24 span,
.entry-list .entry-container p.entry-shop.cat25 span,
.entry-list .entry-container p.entry-shop.cat26 span,
.entry-list .entry-container p.entry-shop.cat27 span,
.entry-list .entry-container p.entry-shop.cat28 span,
.entry-list .entry-container p.entry-shop.cat29 span,
.entry-list .entry-container p.entry-shop.cat30 span,
.entry-list .entry-container p.entry-shop.cat31 span,
.entry-list .entry-container p.entry-shop.cat32 span,
.entry-list .entry-container p.entry-shop.cat33 span,
.entry-list .entry-container p.entry-shop.cat34 span,
.entry-list .entry-container p.entry-shop.cat35 span,
.shop-entry-news-list p.entry-shop.kanbutsu span,
.shop-entry-news-list p.entry-shop.cat24 span,
.shop-entry-news-list p.entry-shop.cat25 span,
.shop-entry-news-list p.entry-shop.cat26 span,
.shop-entry-news-list p.entry-shop.cat27 span,
.shop-entry-news-list p.entry-shop.cat28 span,
.shop-entry-news-list p.entry-shop.cat29 span,
.shop-entry-news-list p.entry-shop.cat30 span,
.shop-entry-news-list p.entry-shop.cat31 span,
.shop-entry-news-list p.entry-shop.cat32 span,
.shop-entry-news-list p.entry-shop.cat33 span,
.shop-entry-news-list p.entry-shop.cat34 span,
.shop-entry-news-list p.entry-shop.cat35 span{
	background: #663E50;
}

.entry-list .entry-container p.entry-shop.insyoku,
.entry-list .entry-container p.entry-shop.cat62,
.entry-list .entry-container p.entry-shop.cat63,
.entry-list .entry-container p.entry-shop.cat64,
.entry-list .entry-container p.entry-shop.cat65,
.entry-list .entry-container p.entry-shop.cat66,
.entry-list .entry-container p.entry-shop.cat67,
.entry-list .entry-container p.entry-shop.cat68,
.entry-list .entry-container p.entry-shop.cat69,
.entry-list .entry-container p.entry-shop.cat70,
.shop-entry-news-list p.entry-shop.insyoku,
.shop-entry-news-list p.entry-shop.cat62,
.shop-entry-news-list p.entry-shop.cat63,
.shop-entry-news-list p.entry-shop.cat64,
.shop-entry-news-list p.entry-shop.cat65,
.shop-entry-news-list p.entry-shop.cat66,
.shop-entry-news-list p.entry-shop.cat67,
.shop-entry-news-list p.entry-shop.cat68,
.shop-entry-news-list p.entry-shop.cat69,
.shop-entry-news-list p.entry-shop.cat70{
	color: #BD4646;
}

.entry-list .entry-container p.entry-shop.insyoku span,
.entry-list .entry-container p.entry-shop.cat62 span,
.entry-list .entry-container p.entry-shop.cat63 span,
.entry-list .entry-container p.entry-shop.cat64 span,
.entry-list .entry-container p.entry-shop.cat65 span,
.entry-list .entry-container p.entry-shop.cat66 span,
.entry-list .entry-container p.entry-shop.cat67 span,
.entry-list .entry-container p.entry-shop.cat68 span,
.entry-list .entry-container p.entry-shop.cat69 span,
.entry-list .entry-container p.entry-shop.cat70 span,
.shop-entry-news-list p.entry-shop.insyoku span,
.shop-entry-news-list p.entry-shop.cat62 span,
.shop-entry-news-list p.entry-shop.cat63 span,
.shop-entry-news-list p.entry-shop.cat64 span,
.shop-entry-news-list p.entry-shop.cat65 span,
.shop-entry-news-list p.entry-shop.cat66 span,
.shop-entry-news-list p.entry-shop.cat67 span,
.shop-entry-news-list p.entry-shop.cat68 span,
.shop-entry-news-list p.entry-shop.cat69 span,
.shop-entry-news-list p.entry-shop.cat70 span{
	background: #BD4646;
}

.entry-list .entry-container p.entry-shop.seika,
.entry-list .entry-container p.entry-shop.cat36,
.entry-list .entry-container p.entry-shop.cat37,
.entry-list .entry-container p.entry-shop.cat38,
.shop-entry-news-list p.entry-shop.seika,
.shop-entry-news-list p.entry-shop.cat36,
.shop-entry-news-list p.entry-shop.cat37,
.shop-entry-news-list p.entry-shop.cat38{
	color: #487B39;
}

.entry-list .entry-container p.entry-shop.seika span,
.entry-list .entry-container p.entry-shop.cat36 span,
.entry-list .entry-container p.entry-shop.cat37 span,
.entry-list .entry-container p.entry-shop.cat38 span,
.shop-entry-news-list p.entry-shop.seika span,
.shop-entry-news-list p.entry-shop.cat36 span,
.shop-entry-news-list p.entry-shop.cat37 span,
.shop-entry-news-list p.entry-shop.cat38 span{
	background: #487B39;
}

.entry-list .entry-container p.entry-shop.sake,
.entry-list .entry-container p.entry-shop.cat39,
.shop-entry-news-list p.entry-shop.sake,
.shop-entry-news-list p.entry-shop.cat39{
	color: #4A978F;
}

.entry-list .entry-container p.entry-shop.sake span,
.entry-list .entry-container p.entry-shop.cat39 span,
.shop-entry-news-list p.entry-shop.sake span,
.shop-entry-news-list p.entry-shop.cat39 span{
	background: #4A978F;
}

.entry-list .entry-container p.entry-shop.niku,
.entry-list .entry-container p.entry-shop.cat50,
.entry-list .entry-container p.entry-shop.cat51,
.entry-list .entry-container p.entry-shop.cat52,
.shop-entry-news-list p.entry-shop.niku,
.shop-entry-news-list p.entry-shop.cat50,
.shop-entry-news-list p.entry-shop.cat51,
.shop-entry-news-list p.entry-shop.cat52{
	color: #E15C17;
}

.entry-list .entry-container p.entry-shop.niku span,
.entry-list .entry-container p.entry-shop.cat50 span,
.entry-list .entry-container p.entry-shop.cat51 span,
.entry-list .entry-container p.entry-shop.cat52 span,
.shop-entry-news-list p.entry-shop.niku span,
.shop-entry-news-list p.entry-shop.cat50 span,
.shop-entry-news-list p.entry-shop.cat51 span,
.shop-entry-news-list p.entry-shop.cat52 span{
	background: #E15C17;
}

.entry-list .entry-container p.entry-shop.ippan,
.entry-list .entry-container p.entry-shop.cat53,
.entry-list .entry-container p.entry-shop.cat54,
.entry-list .entry-container p.entry-shop.cat55,
.shop-entry-news-list p.entry-shop.ippan,
.shop-entry-news-list p.entry-shop.cat53,
.shop-entry-news-list p.entry-shop.cat54,
.shop-entry-news-list p.entry-shop.cat55{
	color: #CEA009;
}

.entry-list .entry-container p.entry-shop.ippan span,
.entry-list .entry-container p.entry-shop.cat53 span,
.entry-list .entry-container p.entry-shop.cat54 span,
.entry-list .entry-container p.entry-shop.cat55 span,
.shop-entry-news-list p.entry-shop.ippan span,
.shop-entry-news-list p.entry-shop.cat53 span,
.shop-entry-news-list p.entry-shop.cat54 span,
.shop-entry-news-list p.entry-shop.cat55 span{
	background: #CEA009;
}

.entry-list .entry-container p.entry-shop.life,
.entry-list .entry-container p.entry-shop.cat56,
.entry-list .entry-container p.entry-shop.cat57,
.entry-list .entry-container p.entry-shop.cat58,
.entry-list .entry-container p.entry-shop.cat59,
.entry-list .entry-container p.entry-shop.cat60,
.entry-list .entry-container p.entry-shop.cat61,
.shop-entry-news-list p.entry-shop.life,
.shop-entry-news-list p.entry-shop.cat56,
.shop-entry-news-list p.entry-shop.cat57,
.shop-entry-news-list p.entry-shop.cat58,
.shop-entry-news-list p.entry-shop.cat59,
.shop-entry-news-list p.entry-shop.cat60,
.shop-entry-news-list p.entry-shop.cat61{
	color: #6DA833;
}

.entry-list .entry-container p.entry-shop.life span,
.entry-list .entry-container p.entry-shop.cat56 span,
.entry-list .entry-container p.entry-shop.cat57 span,
.entry-list .entry-container p.entry-shop.cat58 span,
.entry-list .entry-container p.entry-shop.cat59 span,
.entry-list .entry-container p.entry-shop.cat60 span,
.entry-list .entry-container p.entry-shop.cat61 span,
.shop-entry-news-list p.entry-shop.life span,
.shop-entry-news-list p.entry-shop.cat56 span,
.shop-entry-news-list p.entry-shop.cat57 span,
.shop-entry-news-list p.entry-shop.cat58 span,
.shop-entry-news-list p.entry-shop.cat59 span,
.shop-entry-news-list p.entry-shop.cat60 span,
.shop-entry-news-list p.entry-shop.cat61 span{
	background: #6DA833;
}

.entry-list .entry-container p.entry-shop.etc,
.entry-list .entry-container p.entry-shop.cat71,
.shop-entry-news-list p.entry-shop.etc,
.shop-entry-news-list p.entry-shop.cat71{
	color:#8C6536;
}

.entry-list .entry-container p.entry-shop.etc span,
.entry-list .entry-container p.entry-shop.cat71 span,
.shop-entry-news-list p.entry-shop.etc span,
.shop-entry-news-list p.entry-shop.cat71 span{
	background: #8C6536;
}

#index-content .entry-list .entry-container p.status-icon,
#sub-content .entry-list .entry-container p.status-icon{
	display: inline-block;
	padding: 5px 10px;
	position: absolute;
	top: 5px;
	right: 5px;
	color: #fff;
	font-size: 14px;
	font-family: "コーポレート・ロゴＢ";
	height: 28px;
}

.entry-list .entry-container .now{
	background: #e60012;
}

.entry-list .entry-container .now::after{
	content: "";
	position: absolute;
	top: 28px;
	right: 0px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 5px 0 0;
	border-color: #600 transparent transparent transparent;
}

.entry-list .entry-container .notice{
	background: #242424;
}

.entry-list .entry-container .notice::after{
	content: "";
	position: absolute;
	top: 28px;
	right: 0px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 5px 0 0;
	border-color: #333 transparent transparent transparent;
}

.entry-list .entry-container .cancel{
	background: #00c0ff;
}

.entry-list .entry-container .cancel::after{
	content: "";
	position: absolute;
	top: 28px;
	right: 0px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 5px 0 0;
	border-color: #333 transparent transparent transparent;
}

.entry-list .entry-container .delay{
	background: #da1b6c;
}

.entry-list .entry-container .delay::after{
	content: "";
	position: absolute;
	top: 28px;
	right: 0px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 5px 0 0;
	border-color: #a41f57 transparent transparent transparent;
}

#index-content .entry-list .entry-container p.period,
#sub-content .entry-list .entry-container p.period{
	margin: 10px 0px 5px 0px;
	color: #c30;
	font-size: 12px;
}

.entry-list .entry-container .period span{
	display: block;
	margin: 0 10px 3px 0;
	padding: 3px 10px;
	background: #ffd647;
	border-radius: 8px;
	font-size: 13px;
}

@media screen and (min-width:600px) and (max-width:960px) {

	.entry-category{
		margin-bottom: 20px;
	}

	.entry-category a{
		padding: 5px 15px;
	}

	#sub-content .entry-category li{
		font-size: 14px;
	}
	
	#index-content .entry-list .entry-container p.period,
	#sub-content .entry-list .entry-container p.period{
		font-size: 15px;
	}

	.entry-list .entry-container .period span{
		font-size: 14px;
	}

	#sub-content .entry-list .entry-container p.entry-shop,
	.shop-entry-news-list p.entry-shop{
		font-size: 13px;
	}
	
}

@media screen and (min-width:960px) {

	.entry-category{
		margin-bottom: 20px;
	}

	.entry-category a{
		padding: 5px 15px;
	}

	#sub-content .entry-category li{
		font-size: 14px;
	}

	.entry-list .entry-container{
		width: 33.3%;
		width: -webkit-calc(100% / 3);
		width: calc(100% / 3);
		margin-bottom: 30px;
	}

	.entry-list .entry-container a{
		padding: 0px 15px;
	}

	.entry-list .entry-container .entry-overview{
		padding: 0px 15px;
	}

	.entry-list .entry-container figure{
		height: 200px;
	}

	.entry-list .entry-container figure img{
		transition: 0.8s;
		-webkit-transition: 0.8s;
	}
	
	.entry-list .entry-container a:hover figure img{
		transform: scale(1.2);
	}

	#index-content .entry-list .entry-container p.entry-data,
	#sub-content .entry-list .entry-container p.entry-data{
		font-size: 13px;
	}

	#index-content .entry-list .entry-container p.entry-title,
	#sub-content .entry-list .entry-container p.entry-title{
		font-size: 17px;
	}

	.entry-list .entry-container a:hover p.entry-title{
		text-decoration: none;
	}

	#sub-content .entry-list .entry-container p.entry-shop,
	.shop-entry-news-list p.entry-shop{
		font-size: 13px;
	}

	#index-content .entry-list .entry-container p.status-icon,
	#sub-content .entry-list .entry-container p.status-icon{
		right: 10px;
		padding: 8px 15px;
		font-size: 18px;
		height: 39px;
	}

	.entry-list .entry-container .now::after,
	.entry-list .entry-container .notice::after,
	.entry-list .entry-container .cancel::after,
	.entry-list .entry-container .delay::after{
		top: 39px;
	}

	#index-content .entry-list .entry-container p.period,
	#sub-content .entry-list .entry-container p.period{
		font-size: 15px;
	}

	.entry-list .entry-container .period span{
		display: inline;
		margin: 0 8px 0 0;
		font-size: 14px;
	}
	
}

.select-list .select-list-container{
	margin-bottom: 30px;
}

.select-list .select-list-container h3{
	margin-top: 10px;
	font-weight: bold;
	font-size: 18px;
}

.select-list .select-list-container figure img{
	width: 100%;
}

@media screen and (min-width:600px) and (max-width:960px) {

	.select-list .select-list-container h3{
		font-size: 23px;
	}

}

@media screen and (min-width:960px) {

	.select-list{
		display: flex;
		display: -webkit-flex;
		align-items: stretch;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	
	.select-list .select-list-container{
		display: flex;
		display: -webkit-flex;
		align-items: stretch;
		flex-direction: column;
		width: 48%;
		padding: 20px;
		border: 1px solid #a3a3a3;
	}

	.select-list .select-list-container figure{
		min-height: 200px;
		max-height: 400px;
	}
	
	.select-list .select-list-container figure img{
		transition: 0.8s;
		-webkit-transition: 0.8s;
	}

	.select-list .select-list-container figure a{
		display: block;
		overflow: hidden;
	}
	
	.select-list .select-list-container figure a:hover img{
		transform: scale(1.2);
	}
	
	.select-list .select-list-container h3{
		font-size: 23px;
	}

	.select-list .select-list-container .event-data{
		position: relative;
	}

	.select-list .select-list-container .event-data p{
		margin-bottom: 10px;
	}

	.select-list .select-list-container .item-btn{
		margin-top: auto;
	}
	
	.select-list .select-list-container .more-btn{
		width: 100%;
		margin: 0px;
	}

}

.content-layout-A .image figure{
	margin-bottom: 20px;
}

.content-layout-A .text{
	margin-bottom: 20px;
}

.content-layout-A .text p{
	margin-bottom: 15px;
}

.content-layout-A .sub-caption{
	margin-bottom: 5px;
	font-size: 18px;
	font-weight: bold;
}

#sub-content .content-layout-A .text h3{
	margin-bottom: 20px;
	font-size: 22px;
	font-weight: bold;
	text-align: center;
}

#sub-content .content-layout-A .more-btn{
	width: auto;
}

#sub-content .content-layout-A .more-btn.dl-btn a::after{
	background: url(../img/icon/chevron-down_w.svg) no-repeat right 12px center;
}

@media screen and (min-width:600px) and (max-width:960px) {

	.content-layout-A .sub-caption{
		margin-bottom: 10px;
		font-size: 23px;
	}

	#sub-content .content-layout-A .text h3{
		font-size: 28px;
	}

}

@media screen and (min-width:960px) {

	.content-layout-A{
		display: flex;
		display: -webkit-flex;
		align-items: flex-start;
		justify-content: space-around;
		flex-wrap: wrap;
	}

	.content-layout-A .image{
		order: 1;
		width: 40%;
		padding-right: 40px;
	}

	.content-layout-A .text{
		order: 2;
		-webkit-flex: 1;
		flex: 1;
	}

	#sub-content .content-layout-A .text h3{
		margin-bottom: 10px;
		font-size: 28px;
		text-align: left;
	}

	.content-layout-A .sub-caption{
		margin-bottom: 10px;
		font-size: 23px;
	}

	#sub-content .content-layout-A .text .data-table{
		margin: 15px 0;
	}

	#sub-content .content-layout-A .more-btn a:hover::before{
		border-width: 0 0 850px 850px;
	}

}

.content-layout-B{
	margin-bottom: 20px;
	padding: 20px;
	border: 1px solid #a3a3a3;
}

.content-layout-B .image{
	margin-bottom: 10px;
}

.content-layout-B .sub-caption{
	font-size: 18px;
	font-weight: bold;
}

.content-layout-B .heading{
	font-weight: bold;
}

.content-layout-B .heading + .text-list{
	margin-top: 0px;
}

@media screen and (min-width:600px) and (max-width:960px) {

	.content-layout-B .sub-caption{
		font-size: 23px;
	}

	.content-layout-B .heading{
		font-size: 17px;
	}

}

.entry-magazine .content-layout-A{
	margin-bottom: 40px;
}

@media screen and (min-width:960px) {

	.content-layout-B{
		padding: 30px 20px;
		display: flex;
		display: -webkit-flex;
		align-items: flex-start;
		justify-content: space-around;
		flex-wrap: wrap;
	}
	
	.content-layout-B .image{
		width: 30%;
		margin-bottom: 0px;
	}

	.content-layout-B .text{
		width: 65%;
	}

	.content-layout-B .sub-caption{
		font-size: 23px;
	}

	.content-layout-B .heading{
		font-size: 17px;
	}

}

.content-layout-C .image{
	margin: 10px auto;
}

@media screen and (min-width:960px) {

	.content-layout-C .image{
		margin: 20px auto;
	}
	
}

/*-----------------------------------------
	entry
-----------------------------------------*/

/* common */

.entry-article .entry-body{
	padding-bottom: 20px;
	text-align: left;
	font-size: 14px;
	font-family: 'Noto Sans Japanese', "メイリオ", "Meiryo", Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	letter-spacing: 0;
	color: #242424;
	line-height: 1.8;
}

.entry-article .entry-body p{
	line-height: 1.8;
}

.entry-article .entry-body img{
	max-width: 100%;
	max-height: auto;
	height: auto;
}

.entry-article .entry-body table{
	margin: 10px 0px;
	border: 1px solid #a3a3a3;
}

.entry-article .entry-body table tr{
	border: 1px solid #a3a3a3;
}

.entry-article .entry-body table th{
	padding: 10px 12px;
	background: #ffd647;
	border: 1px solid #a3a3a3;
	font-weight: bold;
	white-space: nowrap;
}

.entry-article .entry-body table td{
	padding: 10px 12px;
}

#sub-content .entry-article .entry-body h4{
	margin: 15px 0px;
	padding-left: 25px;
	font-size: 18px;
	font-weight: bold;
	background: url(../img/icon/circle.svg) no-repeat left center;
	background-size: 20px 20px;
	line-height: 1.3;
}

#sub-content .entry-article .entry-body h5{
	font-size: 16px;
	margin: 10px 0px;
	font-weight: bold;
}

.entry-article .entry-body ul{
	margin: 15px 0;
}

.entry-article .entry-body ul li::before{
	content: "●";
	padding-right: 5px;
}

.entry-article .content-layout-A{
	margin-top: 20px;
}

.entry-navi{
	margin-bottom: 20px;
	width: 100%;
	position: relative;
	background: url(../img/icon/slash.svg) no-repeat center center;
	background-size: 15px 15px;
}

.entry-navi::after{
	content:"";
	clear:both;
	display:block;
	height:0;
}

.entry-navi div{
	display: inline-block;
	text-align: left;
	font-size: 14px;
	font-family: 'Noto Sans Japanese', "メイリオ", "Meiryo", Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	letter-spacing: -1px;
	color: #242424;
}

.entry-navi div a{
	color: #242424;
	text-decoration: none;
	transition: 0.2s;
	-webkit-transition: 0.2s;
}

.entry-navi .link-next{
	width: 50%;
	float: right;
	text-align: right;
}

.entry-navi .link-next a{
	padding: 5px 27px 5px 0px;
	background: url(../img/icon/chevron-circle-right.svg) no-repeat right center;
	background-size: 20px 20px;
}

.entry-navi .link-previous{
	width: 50%;
	float: left;
}

.entry-navi .link-previous a{
	padding: 5px 0px 5px 27px;
	background: url(../img/icon/chevron-circle-left.svg) no-repeat left center;
	background-size: 20px 20px;
}

@media screen and (min-width:600px) and (max-width:960px) {

	.entry-article .entry-body table th{
		padding: 12px 20px;
	}

	.entry-article .entry-body table td{
		padding: 12px 20px;
	}

	.entry-navi div{
		font-size: 16px;
		letter-spacing: 0;
	}

	.entry-navi .link-next a{
		padding: 5px 37px 5px 0px;
		background: url(../img/icon/chevron-circle-right.svg) no-repeat right center;
		background-size: 25px 25px;
	}

	.entry-navi .link-previous a{
		padding: 5px 0px 5px 37px;
		background: url(../img/icon/chevron-circle-left.svg) no-repeat left center;
		background-size: 25px 25px;
	}

	#sub-content .event-entry p.status-icon{
		font-size: 20px;
	}

	.entry-article .entry-body{
		font-size: 16px;
	}

}

@media screen and (min-width:960px) {

	.entry-article{
		display: flex;
		display: -webkit-flex;
		flex-wrap: wrap;
		justify-content: space-around;
	}

	.entry-article .entry-navi{
		order: 2;
	}

	.entry-article article{
		order: 3;
		width: 100%;
	}

	.entry-article .content-layout-A{
		margin-top: 30px;
	}

	.entry-article .entry-body{
		font-size: 16px;
	}

	.entry-article .entry-body table th{
		padding: 12px 20px;
	}

	.entry-article .entry-body table td{
		padding: 12px 20px;
	}

	.entry-article .more-btn{
		margin: 20px 0 0 0;
		width: 70%;
	}

	.entry-navi{
		margin: -20px 0px 20px 0px;
		width: 100%;
		background: none;
	}

	.entry-navi div{
		font-size: 16px;
		letter-spacing: 0;
	}

	.entry-navi .link-next a{
		padding: 5px 37px 5px 0px;
		background: url(../img/icon/chevron-circle-right.svg) no-repeat right 3px center;
		background-size: 25px 25px;
	}

	.entry-navi .link-next a:hover{
		background: url(../img/icon/chevron-circle-right.svg) no-repeat right center;
		background-size: 25px 25px;
	}

	.entry-navi .link-previous a{
		padding: 5px 0px 5px 37px;
		background: url(../img/icon/chevron-circle-left.svg) no-repeat left 3px center;
		background-size: 25px 25px;
	}

	.entry-navi .link-previous a:hover{
		background: url(../img/icon/chevron-circle-left.svg) no-repeat left center;
		background-size: 25px 25px;
	}

}

/* news */

.news-entry{
	margin-top: 40px;
}

.news-entry .category-icon{
	margin-bottom: 10px;
	text-align: center;
}

.news-entry .category-icon span{
	display: inline-block;
	color: #fff;
	padding: 3px 8px;
}

.news-entry .category-icon .news{
	background: #f87806;;
}

.news-entry .category-icon .flyer{
	background: #2a8e16;
}

.news-entry .category-icon.sengyo{
	color: #40899E;
}

.news-entry .category-icon.sengyo span{
	margin-right: 10px;
	color: #fff;
	background: #40899E;
}

.news-entry .category-icon.okashi{
	color: #D23F5F;
}

.news-entry .category-icon.okashi span{
	margin-right: 10px;
	color: #fff;
	background: #D23F5F;
}

.news-entry .category-icon.kanbutsu{
	color: #663E50;
}

.news-entry .category-icon.kanbutsu span{
	margin-right: 10px;
	color: #fff;
	background: #663E50;
}

.news-entry .category-icon.insyoku{
	color: #BD4646;
}

.news-entry .category-icon.insyoku span{
	margin-right: 10px;
	color: #fff;
	background: #BD4646;
}

.news-entry .category-icon.seika{
	color: #487B39;
}

.news-entry .category-icon.seika span{
	margin-right: 10px;
	color: #fff;
	background: #487B39;
}

.news-entry .category-icon.sake{
	color: #4A978F;
}

.news-entry .category-icon.sake span{
	margin-right: 10px;
	color: #fff;
	background: #4A978F;
}

.news-entry .category-icon.niku{
	color: #E15C17;
}

.news-entry .category-icon.niku span{
	margin-right: 10px;
	color: #fff;
	background: #E15C17;
}

.news-entry .category-icon.ippan{
	color: #CEA009;
}

.news-entry .category-icon.ippan span{
	margin-right: 10px;
	color: #fff;
	background: #CEA009;
}

.news-entry .category-icon.life{
	color: #6DA833;
}

.news-entry .category-icon.life span{
	margin-right: 10px;
	color: #fff;
	background: #6DA833;
}

.news-entry .category-icon.etc{
	color: #8C6536;
}

.news-entry .category-icon.etc span{
	margin-right: 10px;
	color: #fff;
	background: #8C6536;
}

#sub-content .news-entry .entry-day{
	text-align: center;
	color: #c30;
	letter-spacing: 1px;
	font-size: 17px;
}

.news-entry h2.sub-title-m{
	margin: 10px auto 10px auto;
	padding: 10px 25px;
	position: relative;
	display: inline-block;
}

.news-entry h2.sub-title-m::before,
.news-entry h2.sub-title-m::after{
	top: 0;
	bottom: 0;
	content: '';
	display: block;
	position: absolute;
	border: 5px solid #ffd647;
	width: 0.6em;
}

.news-entry h2.sub-title-m::before{
	left: 0;
	border-right: 0;
}

.news-entry h2.sub-title-m::after{
	right: 0;
	border-left: 0;
}

@media screen and (min-width:600px) and (max-width:960px) {

	.news-entry{
		margin-top: 40px;
	}

}

@media screen and (min-width:960px) {

	.news-entry{
		margin-top: 0px;
	}

	.news-entry-content .entry-navi{
		margin-top: 40px;
	}

	.news-entry .category-icon{
		margin-bottom: 20px;
	}
	
	.news-entry h2.sub-title-m{
		margin: 20px auto 10px auto;
		padding: 20px 40px;
	}
	
	.news-entry h2.sub-title-m::before,
	.news-entry h2.sub-title-m::after{
		border: 5px solid #ffd647;
		width: 0.8em;
	}

	.news-entry h2.sub-title-m::before{
		border-right: 0;
	}

	.news-entry h2.sub-title-m::after{
		border-left: 0;
	}

}

.entry-shop-data{
	margin: 40px 0;
}

.entry-shop-data .entry-shop-data-title{
	display: flex;
	align-items: center;
	justify-content: space-around;
	text-align: center;
	font-weight: bold;
}

.entry-shop-data .entry-shop-data-title span{
	padding: 0 15px;
}

.entry-shop-data .entry-shop-data-title::before,
.entry-shop-data .entry-shop-data-title::after{
	content: "";
	border-bottom: 2px solid #FFD647;
	flex: 1;
}

.entry-shop-data-image{
	margin: 20px 0;
	display: flex;
	justify-content: center;
}

.entry-shop-data-image .entry-shop-data-image-l{
	flex: 0.8;
	margin-right: 10px;
	border: 1px solid #707070;
	display: flex;
	align-items: center;
	justify-content: center;
}

.entry-shop-data-image .entry-shop-data-image-l img{
	width: 75%;
}

.entry-shop-data-image .entry-shop-data-image-p{
	flex: 1.2;
}

@media screen and (min-width:600px) and (max-width:960px) {

	.entry-shop-data .entry-shop-data-title span{
		padding: 0 30px;
	}
	
	.entry-shop-data .entry-shop-data-title{
		font-size: 18px;
	}

	.entry-shop-data-image{
		margin: 30px 0;
	}

}

@media screen and (min-width:960px) {

	.entry-shop-data .entry-shop-data-title span{
		padding: 0 30px;
	}

	.entry-shop-data .entry-shop-data-title{
		font-size: 20px;
	}

	.entry-shop-data-image{
		margin: 0;
	}

	.entry-shop-data-container{
		margin: 30px 0;
		display: flex;
		justify-content: space-around;
		align-items: center;
	}

	.entry-shop-data-container .entry-shop-data-image{
		flex: 1;
	}

	.entry-shop-data-container .entry-shop-data-text{
		flex: 1;
		margin-left: 20px;
	}

	#sub-content .entry-shop-data-container .entry-shop-data-text p.category-icon{
		text-align: left;
		font-size: 18px;
	}

	#sub-content .entry-shop-data-container .entry-shop-data-text p.category-icon span{
		font-size: 14px;
	}

}


/* event  */

#sub-content .event-entry p.status-icon{
	margin-bottom: 15px;
	color: #fff;
	font-size: 18px;
	font-family: "コーポレート・ロゴＢ";
	text-align: center;
}

.event-entry .now,
.event-entry .notice,
.event-entry .delay,
.event-entry .cancel{
	margin: auto;
	display: inline-block;
	padding: 6px 12px;
}

.event-entry .now{
	background: #e60012;
}

.event-entry .notice{
	background: #242424;
}

.event-entry .delay{
	background: #da1b6c;
}

.event-entry .cancel{
	background: #00c0ff;
}

#sub-content .event-entry p.period{
	margin: 10px 0px 5px 0px;
	color: #c30;
	font-size: 15px;
}

.event-entry .period span{
	display: block;
	margin: 0 10px 3px 0;
	padding: 3px 10px;
	background: #e60012;
	border-radius: 8px;
	color: #fff;
	font-size: 14px;
}

.event-entry h3.sub-title-m{
	margin: 0 auto 10px auto;
	padding: 10px 25px;
	position: relative;
	display: inline-block;
}

.event-entry h3.sub-title-m::before,
.event-entry h3.sub-title-m::after{
	top: 0;
	bottom: 0;
	content: '';
	display: block;
	position: absolute;
	border: 5px solid #ffd647;
	width: 0.6em;
}

.event-entry h3.sub-title-m::before{
	left: 0;
	border-right: 0;
}

.event-entry h3.sub-title-m::after{
	right: 0;
	border-left: 0;
}

@media screen and (min-width:600px) and (max-width:960px) {

	#sub-content .event-entry p.period{
		font-size: 18px;
	}

	.event-entry .period span{
		font-size: 16px;
	}

}

@media screen and (min-width:960px) {

	#sub-content .event-entry p.status-icon{
		font-size: 20px;
	}

	.event-entry .now,
	.event-entry .notice,
	.event-entry .delay,
	.event-entry .cancel{
		padding: 8px 15px;
	}

	.event-entry h3.sub-title-m{
		padding: 20px 40px;
	}
	
	.event-entry h3.sub-title-m::before,
	.event-entry h3.sub-title-m::after{
		border: 5px solid #ffd647;
		width: 0.8em;
	}

	.event-entry h3.sub-title-m::before{
		border-right: 0;
	}

	.event-entry h3.sub-title-m::after{
		border-left: 0;
	}

	#sub-content .event-entry p.period{
		font-size: 18px;
		text-align: center;
		font-weight: bold;
	}

	.event-entry .period span{
		display: inline;
		margin: 0 15px 0 0;
		padding: 5px 12px;
		font-size: 16px;
	}

}

/* cooking */

.cooking-entry .event-date{
	margin-bottom: -10px;
	color: #c30;
	text-align: center;
}

.cooking-entry .image{
	margin-bottom: 10px;
}

#sub-content .cooking-entry .image h4{
	display: inline-block;
	padding: 5px 12px;
	background: #ffd647;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 2px;
}

.cooking-entry .image .instructor-data{
	margin-top: -30px;
	padding: 45px 20px 20px 20px;
	border: 1px solid #a3a3a3;
	display: flex;
	display: -webkit-flex;
	align-items: stretch;
	justify-content: space-between;
}

.cooking-entry .image .instructor-data figure{
	width: 40%;
	margin-bottom: 0;
}

.cooking-entry .image .instructor-data figure img{
	width: 100%;
}

.cooking-entry .image .instructor-data .profile{
	width: 53%;
}

.cooking-entry .image .instructor-data .profile .logo{
	margin-bottom: 15px;
}

.cooking-entry .image .instructor-data .profile h5{
	margin-bottom: 5px;
	font-weight: bold;
}

@media screen and (min-width:600px) and (max-width:960px) {

	#sub-content .cooking-entry p.event-date{
		font-size: 18px;
	}

	#sub-content .cooking-entry .image h4{
		padding: 8px 15px;
		font-size: 18px;
	}

}

@media screen and (min-width:960px) {

	#sub-content .cooking-entry p.event-date{
		font-size: 18px;
	}

	.cooking-entry .text{
		padding-top: 17px;
	}

	#sub-content .cooking-entry .image h4{
		padding: 8px 15px;
		font-size: 18px;
	}

}

/* shop */

.shop-entry{
	margin-top: 40px;
}

.shop-entry .status-icon{
	color: #fff;
	text-align: center;
}

.shop-entry .status-icon .category{
	padding: 5px 15px;
	font-size: 15px;
}

#sub-content .shop-entry .caption-text{
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}

.shop-entry h2.sub-title-m{
	margin: 20px auto 10px auto;
	padding: 10px 25px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}

.shop-entry h2.sub-title-m .shop-logo{
	margin-right: 10px;
}

.shop-entry h2.sub-title-m .shop-logo img{
	width: 60px;
	height: 60px;
}

.shop-entry h2.sub-title-m::before,
.shop-entry h2.sub-title-m::after{
	top: 0;
	bottom: 0;
	content: '';
	display: block;
	position: absolute;
	border: 5px solid #ffd647;
	width: 0.6em;
}

.shop-entry h2.sub-title-m::before{
	left: 0;
	border-right: 0;
}

.shop-entry h2.sub-title-m::after{
	right: 0;
	border-left: 0;
}

.shop-entry .content-layout-A .text .entry-body{
	padding-bottom: 0;
}

.shop-entry .text .comment::after{
	content: "";
	clear: both;
	display: block;
	height: 0;
}

.shop-entry .text .comment p.face-image{
	float: left;
	padding: 0px 15px 0 0;
}

.shop-entry .text table{
	width: 100%;
}

.shop-entry .text table .credit{
	padding-left: 25px;
	background: url(../img/icon/pay_credit.png) no-repeat left center;
	background-size: 20px;
}

.shop-entry .text table .suica{
	padding-left: 25px;
	background: url(../img/icon/pay_suica.png) no-repeat left center;
	background-size: 20px;
}

.shop-entry .text table .waon{
	padding-left: 25px;
	background: url(../img/icon/pay_waon.png) no-repeat left center;
	background-size: 20px;
}

.shop-entry .text .step{
	margin-bottom: 15px;
	counter-reset: steps;
}

.shop-entry .text .step li{
	position: relative;
	margin-bottom: 5px;
	padding-left: 40px;
}

.shop-entry .text .step li::before{
	display: block;
	counter-increment: steps;
	content: "( " counter(steps) " )";
	position: absolute;
	top: 0;
	left: 0;
	font-weight: bold;
}

.shop-entry .text .step span{
	font-weight: bold;
}

.shop-entry .position-map{
	position: relative;
	margin: 40px 0;
	text-align: center;
}

.shop-entry .position-map img{
	width: 100%;
}

.shop-entry .shop-entry-news{
	margin: 40px 0;
	width: 100%;
}

.shop-entry .shop-entry-news .shop-entry-news-list{
	width: 100%;
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	white-space: nowrap;
	letter-spacing: -.4em;
}

.shop-entry .shop-entry-news .shop-entry-news-list li{
	width: 150px;
	margin-right: 10px;
	padding-bottom: 15px;
	display: inline-block;
	white-space: normal;
	letter-spacing: normal;
	vertical-align: top;
}

.shop-entry .shop-entry-news .shop-entry-news-list li:last-child{
	margin-right: 0;
}

.shop-entry .shop-entry-news .shop-entry-news-list li a{
	text-decoration: none;
	display: block;
}

.shop-entry .shop-entry-news .shop-entry-news-list li figure{
	position: relative;
	margin-bottom: 5px;
	overflow: hidden;
	width: 100%;
	height: 100px;
}

.shop-entry .shop-entry-news .shop-entry-news-list li a:hover figure{
	opacity: 0.7;
}

.shop-entry .shop-entry-news .shop-entry-news-list li figure img{
	width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

#sub-content .shop-entry .shop-entry-news .shop-entry-news-list li p.day,
.shop-entry .shop-entry-news .shop-entry-news-list li p.day{
	font-size: 12px;
}

.shop-entry .shop-entry-news .shop-entry-news-list li p.day .new{
	margin-left: 10px;
	color: #E60013;
	font-weight: bold;
}

.shop-entry td .payment img{
	margin-right: 10px;
	height: 20px;
}

.cat-sengyo .status-icon .category{
	background: #40899E;
}

#sub-content .cat-sengyo p.caption-text{
	color: #40899E;
}

.cat-okashi .status-icon .category{
	background: #D23F5F;
}

#sub-content .cat-okashi p.caption-text{
	color: #D23F5F;
}

.cat-kanbutsu .status-icon .category{
	background: #663E50;
}

#sub-content .cat-kanbutsu p.caption-text{
	color: #663E50;
}

.cat-insyoku .status-icon .category{
	background: #BD4646;
}

#sub-content .cat-insyoku p.caption-text{
	color: #BD4646;
}

.cat-seika .status-icon .category{
	background: #487B39;
}

#sub-content .cat-seika p.caption-text{
	color: #487B39;
}

.cat-sake .status-icon .category{
	background: #4A978F;
}

#sub-content .cat-sake p.caption-text{
	color: #4A978F;
}

.cat-niku .status-icon .category{
	background: #E15C17;
}

#sub-content .cat-niku p.caption-text{
	color: #E15C17;
}

.cat-ippan .status-icon .category{
	background: #CEA009;
}

#sub-content .cat-ippan p.caption-text{
	color: #CEA009;
}

.cat-life .status-icon .category{
	background: #6DA833;
}

#sub-content .cat-life p.caption-text{
	color: #6DA833;
}

.cat-etc .status-icon .category{
	background: #8C6536;
}

#sub-content .cat-etc p.caption-text{
	color: #8C6536;
}

@media screen and (min-width:600px) and (max-width:960px) {

	.shop-entry .status-icon .category{
		font-size: 17px;
	}
	
	#sub-content .shop-entry .caption-text{
		font-size: 20px;
		text-align: center;
	}

	.shop-entry h2.sub-title-m{
		width: 500px;
	}

	.shop-entry .shop-entry-news{
		margin: 60px 0 40px 0;
	}
	
	.shop-entry .shop-entry-news .shop-entry-news-list li{
		width: 240px;
	}

	.shop-entry .shop-entry-news .shop-entry-news-list li figure{
		height: 160px;
	}
	
	#sub-content .shop-entry .shop-entry-news .shop-entry-news-list li p.day,
	.shop-entry .shop-entry-news .shop-entry-news-list li p.day{
		font-size: 12px;
	}
	
}

@media screen and (min-width:960px) {

	.shop-entry{
		margin-top: 20px;
	}

	.shop-entry .content-layout-A .text{
		order: 1;
		margin: 0;
		padding: 0 20px 0 0;
	}

	.shop-entry .content-layout-A .image{
		order: 2;
		margin: 0;
		padding: 0;
		width: 45%;
	}

	.shop-entry h2.sub-title-m{
		margin-bottom: 20px;
		padding: 20px 40px;
	}
	
	.shop-entry h2.sub-title-m::before,
	.shop-entry h2.sub-title-m::after{
		border: 5px solid #ffd647;
		width: 0.8em;
	}

	.shop-entry h2.sub-title-m::before{
		border-right: 0;
	}

	.shop-entry h2.sub-title-m::after{
		border-left: 0;
	}

	.shop-entry .text table{
		width: inherit;
	}

	.shop-data-content .entry-navi{
		margin-top: 40px;
	}
	
	.shop-entry .status-icon .category{
		font-size: 17px;
	}

	#sub-content .shop-entry .caption-text{
		font-size: 20px;
	}

	.shop-entry .position-map img{
		width: 85%;
	}

	.shop-entry .position-map.map-small img{
		width: 25%;
	}

	.shop-entry h2.sub-title-m{
		width: 500px;
	}

	.shop-entry .shop-entry-news{
		margin: 80px auto 40px auto;
		width: calc( 80vw - 194px );
	}

	.shop-entry .shop-entry-news .shop-entry-news-list li{
		width: 240px;
	}

	.shop-entry .shop-entry-news .shop-entry-news-list li figure{
		height: 160px;
	}

	#sub-content .shop-entry .shop-entry-news .shop-entry-news-list li p.day,
	.shop-entry .shop-entry-news .shop-entry-news-list li p.day{
		font-size: 12px;
	}
	
}

/*-----------------------------------------
	calendar
-----------------------------------------*/

#calendar-content .today-data{
	padding: 40px 0 20px 0;
	position: relative;
}

#calendar-content .today-data .day-navi{
	font-size: 14px;
	font-family: 'Noto Sans Japanese', "メイリオ", "Meiryo", Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	color: #242424;
	letter-spacing: 0;
}

#calendar-content .today-data .day-navi a{
	color: #242424;
	text-decoration: none;
	text-indent: -9999px;
	white-space: nowrap;
	overflow: hidden;
	display: block;
}

#calendar-content .today-data .day-navi .next{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	width: 30px;
	height: 30px;
}

#calendar-content .today-data .day-navi .prev{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 30px;
	height: 30px;
}

#calendar-content .today-data .day-navi .next a{
	padding: 8px 0px 8px 27px;
	background: url(../img/icon/chevron-circle-left.svg) no-repeat left center;
	background-size: 30px 30px;
}

#calendar-content .today-data .day-navi .prev a{
	padding: 8px 27px 8px 0px;
	background: url(../img/icon/chevron-circle-right.svg) no-repeat right center;
	background-size: 30px 30px;
}

#calendar-content .today-data .data{
	width: 70%;
	margin: auto;
	background: #e60012 url(../img/bg_dot.png);
	border: 3px solid #e60012;
	border-radius: 10px;
}

#calendar-content .today-data .today{
	padding: 10px;
	color: #fff;
	font-family: "FOT-スーラ Pro DB";
	font-weight: bold;
	text-align: center;
	line-height: 1.1;
}

#calendar-content .today-data .today .year{
	display: block;
	font-size: 18px;
}

#calendar-content .today-data .today .date{
	display: block;
	margin: 3px 0;
	font-size: 28px;
}

#calendar-content .today-data .today .weekday{
	display: block;
	padding: 5px;
	background: url(../img/icon/circle_normal.svg) no-repeat center center;
	background-size: 100% 100%;
	color: #242424;
	font-size: 15px;
	text-align: center;
}

#calendar-content .today-data .item{
	padding-bottom: 5px;
	background: #fff;
	border-bottom-right-radius: 7px;
	border-bottom-left-radius: 7px;
}

#calendar-content .today-data .item .area{
	margin: 5px 0;
	padding: 5px;
	font-weight: bold;
}

#calendar-content .today-data .item .ichiba .area{
	background: #ffc2c7;
	color: #753136;
}

#calendar-content .today-data .item .aji .area{
	background: #ffde85;
	color: #584614;
}

#calendar-content .today-data .item .kuriya .area{
	background: #b3e4a7;
	color: #2f5426;
}

#calendar-content .today-data .item .land .area{
	background: #b6e1ec;
	color: #1d5871;
}

#calendar-content .today-data .item .memo{
	display: block;
}

#calendar-content .today-data .calendar_link{
	margin-top: 10px;
	text-align: center;
}

#calendar-content .today-data .calendar_link .icon{
	margin-right: 5px;
	color: #ffd647;
}

#calendar-content .event-calendar h2{
	display: inline-block;
	margin: 0 auto 20px auto;
	font-size: 20px;
	font-weight: bold;
	border-bottom: 4px solid #e60012;
}

#calendar-content .event-calendar table,
#calendar-content .event-calendar tbody,
#calendar-content .event-calendar tr{
	display: block;
	width: 100%;
}

#calendar-content .event-calendar table th,
#calendar-content .event-calendar table td{
	display: block;
}

#calendar-content .event-calendar table thead,
#calendar-content .event-calendar table td.blank{
	display: none;
}

#calendar-content .event-calendar table{
	margin-bottom: 30px;
}

#calendar-content .event-calendar table td{
	padding: 10px 15px;
	border: 1px solid #a3a3a3;
	border-bottom: none;
}

#calendar-content .event-calendar table{
	border-bottom: 1px solid #a3a3a3;
}

#calendar-content .event-calendar table td.sunday,
#calendar-content .event-calendar table td.holiday{
	background: #ffefef url(../img/bg_dot_w.png);
}

#calendar-content .event-calendar table td.saturday{
	background: #edf5ff url(../img/bg_dot_w.png);
}

#calendar-content .event-calendar table thead th.sunday,
#calendar-content .event-calendar table thead th.holiday{
	color: #e60012;
}

#calendar-content .event-calendar table thead th.saturday{
	color: #2d5ac1;
}

#calendar-content .event-calendar table td.sunday .day,
#calendar-content .event-calendar table td.holiday .day{
	color: #e60012;
}

#calendar-content .event-calendar table td.saturday .day{
	color: #2d5ac1;
}

#calendar-content .event-calendar table td .day{
	margin-bottom: 5px;
	font-weight: bold;
	font-size: 18px;
}

#calendar-content .event-calendar table td .day span{
	font-size: 15px;
}

#calendar-content .event-calendar table td h3{
	display: inline-block;
	margin-right: 10px;
	margin-bottom: 3px;
	padding: 3px 8px;
}

#calendar-content .event-calendar table td .memo{
	font-size: 13px;
}

#calendar-content .event-calendar table td .ichiba h3{
	background: #ffc2c7;
	color: #753136;
}

#calendar-content .event-calendar table td .aji h3{
	background: #ffde85;
	color: #584614;
}

#calendar-content .event-calendar table td .kuriya h3{
	background: #b3e4a7;
	color: #2f5426;
}

#calendar-content .event-calendar table td .land h3{
	background: #b6e1ec;
	color: #1d5871;
}

#calendar-content .event-calendar table td ul{
	margin-bottom: 5px;
}

#calendar-content .event-calendar table td li{
	margin-left: 35px;
	font-size: 14px;
	line-height: 1.3;
	list-style: disc;
}

#calendar-content .month-navi{
	margin: 20px auto;
	display: flex;
	display: -webkit-flex;
	align-items: stretch;
	justify-content: space-between;
	position: relative;
	background: url(../img/icon/slash.svg) no-repeat center center;
	background-size: 15px 15px;
}

#calendar-content .month-navi div{
	display: inline-block;
	text-align: left;
	font-size: 14px;
	font-family: 'Noto Sans Japanese', "メイリオ", "Meiryo", Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	color: #242424;
	letter-spacing: 0;
}

#calendar-content .month-navi div a{
	color: #242424;
	text-decoration: none;
}

#calendar-content .month-navi .next a{
	padding: 5px 27px 5px 0px;
	background: url(../img/icon/chevron-circle-right.svg) no-repeat right center;
	background-size: 20px 20px;
}

#calendar-content .month-navi .prev a{
	padding: 5px 0px 5px 27px;
	background: url(../img/icon/chevron-circle-left.svg) no-repeat left center;
	background-size: 20px 20px;
}

@media screen and (min-width:600px) and (max-width:960px) {

	#calendar-content .today-data{
		margin-bottom: 50px;
	}
	
	#calendar-content .today-data .today .date{
		font-size: 32px;
	}

	#calendar-content .today-data .today .weekday{
		font-size: 18px;
	}

	#calendar-content .today-data .item{
		font-size: 18px;
	}

	#calendar-content .today-data .time{
		font-size: 22px;
	}

	#calendar-content .today-data .memo{
		font-size: 18px;
	}

	#calendar-content .today-data .day-navi a{
		font-size: 18px;
	}
	
	#calendar-content .event-calendar h2{
		font-size: 32px;
		margin-bottom: 30px;
	}

	#calendar-content .event-calendar h2 span{
		font-size: 28px;
	}

	#calendar-content .event-calendar h2 .year,
	#calendar-content .event-calendar h2 .month{
		font-size: 34px;
	}

	#calendar-content .month-navi div{
		font-size: 16px;
		letter-spacing: 1px;
	}

	#calendar-content .month-navi .next a{
		padding: 5px 37px 5px 0px;
		background: url(../img/icon/chevron-circle-right.svg) no-repeat right center;
		background-size: 25px 25px;
	}

	#calendar-content .month-navi .prev a{
		padding: 5px 0px 5px 37px;
		background: url(../img/icon/chevron-circle-left.svg) no-repeat left center;
		background-size: 25px 25px;
	}

}

@media screen and (min-width:960px) {

	#calendar-content .today-data,
	#calendar-content .month-navi,
	#calendar-content .event-calendar{
		max-width: 1300px;
		margin: auto;
	}

	#calendar-content .today-data{
		margin: 10px auto 30px auto;
	}
	
	#calendar-content .today-data .data{
		margin-top: 20px;
		width: 70%;
		display: flex;
		display: -webkit-flex;
		align-items: center;
		justify-content: space-around;
		flex-wrap: wrap;
	}
	
	#calendar-content .today-data .today{
		width: 150px;
		line-height: 1.3;
	}

	#calendar-content .today-data .today .date{
		display: block;
		font-size: 28px;
	}

	#calendar-content .today-data .today .weekday{
		font-size: 18px;
	}

	#calendar-content .today-data .calendar_link{
		margin-top: 0px;
		padding-top: 8px;
		height: 30px;
	}

	#calendar-content .today-data .item{
		-webkit-flex: 1;
		flex: 1;
		padding: 15px;
		border-top-right-radius: 7px;
		border-bottom-right-radius: 7px;
		border-bottom-left-radius: 0px;
		display: flex;
		display: -webkit-flex;
		align-items: stretch;
		justify-content: space-between;
		flex-wrap: wrap;
		font-size: 18px;
		font-weight: bold;
		line-height: 1.2;
	}

	#calendar-content .today-data .ichiba,
	#calendar-content .today-data .aji,
	#calendar-content .today-data .kuriya,
	#calendar-content .today-data .land{
		width: 48%;
	}

	#calendar-content .today-data .item .area{
		border-radius: 20px;
		padding: 8px 5px;
		margin-bottom: 8px;
	}

	#calendar-content .today-data .time{
		padding: 5px 0;
		font-size: 22px;
	}

	#calendar-content .today-data .memo{
		font-size: 18px;
	}

	#calendar-content .today-data .day-navi a{
		text-indent: 0;
		overflow: inherit;
		font-size: 18px;
		transition: 0.2s;
		-webkit-transition: 0.2s;
	}

	#calendar-content .today-data .day-navi .next{
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		margin: auto;
		width: 120px;
		height: 30px;
	}

	#calendar-content .today-data .day-navi .prev{
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		margin: auto;
		width: 120px;
		height: 30px;
	}

	#calendar-content .today-data .day-navi .next a{
		padding: 8px 0px 8px 25px;
		background: url(../img/icon/chevron-circle-left.svg) no-repeat left 3px center;
		background-size: 30px 30px;
	}

	#calendar-content .today-data .day-navi .prev a{
		padding: 8px 25px 8px 0px;
		background: url(../img/icon/chevron-circle-right.svg) no-repeat right 3px center;
		background-size: 30px 30px;
	}

	#calendar-content .today-data .day-navi .next a:hover{
		background: url(../img/icon/chevron-circle-left.svg) no-repeat left center;
		background-size: 30px 30px;
	}

	#calendar-content .today-data .day-navi .prev a:hover{
		background: url(../img/icon/chevron-circle-right.svg) no-repeat right center;
		background-size: 30px 30px;
	}

	#calendar-content .event-calendar h2{
		margin-bottom: 50px;
		font-size: 32px;
		letter-spacing: 1px;
	}

	#calendar-content .event-calendar h2 span{
		font-size: 28px;
	}

	#calendar-content .event-calendar h2 .year,
	#calendar-content .event-calendar h2 .month{
		padding: 0 3px;
		font-size: 34px;
	}
	
	#calendar-content .event-calendar table{
		display: table;
		border-collapse: collapse;
		width: 100%;
		margin-bottom: 50px;
		table-layout: fixed;
	}

	#calendar-content .event-calendar table tr{
		display: table-row;
		width: 100%;
	}

	#calendar-content .event-calendar table td{
		display: table-cell;
		padding: 10px;
		width: 14.3%;
		width: -webkit-calc(100% / 7);
		width: calc(100% / 7);
	}

	#calendar-content .event-calendar table td.blank{
		display: table-cell;
		background: #f0f0f0;
	}

	#calendar-content .event-calendar table thead,
	#calendar-content .event-calendar table tbody{
		display: table-header-group;
		width: 100%;
	}
	
	#calendar-content .event-calendar table thead th{
		display: table-cell;
		padding: 10px 0;
		text-align: center;
		font-size: 20px;
		width: 14.3%;
		width: -webkit-calc(100% / 7);
		width: calc(100% / 7);
	}

	#calendar-content .event-calendar table td .day{
		margin-bottom: 5px;
		font-size: 22px;
	}

	#calendar-content .event-calendar table td .day span{
		display: none;
	}

	#calendar-content .event-calendar table td .hour{
		margin-bottom: 5px;
		padding: 5px;
		text-align: center;
		font-size: 15px;
	}

	#calendar-content .event-calendar table td .hour h3{
		text-align: center;
	}

	#calendar-content .event-calendar table td h3{
		display: block;
		margin: 0;
		padding: 0;
	}

	#calendar-content .event-calendar table td .memo{
		display: block;
		font-size: 13px;
	}

	#calendar-content .event-calendar table td .ichiba h3,
	#calendar-content .event-calendar table td .aji h3,
	#calendar-content .event-calendar table td .kuriya h3,
	#calendar-content .event-calendar table td .land h3{
		background: none;
		color: #242424;
	}

	#calendar-content .event-calendar table td .ichiba .hour{
		background: #ffc2c7;
		color: #753136;
	}

	#calendar-content .event-calendar table td .aji .hour{
		background: #ffde85;
		color: #584614;
	}

	#calendar-content .event-calendar table td .kuriya .hour{
		background: #b3e4a7;
		color: #2f5426;
	}

	#calendar-content .event-calendar table td .land .hour{
		background: #b6e1ec;
		color: #1d5871;
	}

	#calendar-content .event-calendar table td li{
		margin-left: 20px;
	}

	#calendar-content .month-navi{
		margin: 50px auto -40px auto;
		background: none;
	}

	#calendar-content .month-navi div{
		font-size: 16px;
		letter-spacing: 1px;
	}
	
	#calendar-content .month-navi div a{
		transition: 0.2s;
		-webkit-transition: 0.2s;
	}

	#calendar-content .month-navi .next a{
		padding: 5px 37px 5px 0px;
		background: url(../img/icon/chevron-circle-right.svg) no-repeat right 3px center;
		background-size: 25px 25px;
	}

	#calendar-content .month-navi .next a:hover{
		background: url(../img/icon/chevron-circle-right.svg) no-repeat right center;
		background-size: 25px 25px;
	}

	#calendar-content .month-navi .prev a{
		padding: 5px 0px 5px 37px;
		background: url(../img/icon/chevron-circle-left.svg) no-repeat left 3px center;
		background-size: 25px 25px;
	}

	#calendar-content .month-navi .prev a:hover{
		background: url(../img/icon/chevron-circle-left.svg) no-repeat left center;
		background-size: 25px 25px;
	}

}

/*-----------------------------------------
	recipe content
-----------------------------------------*/

#sub-content .recipe-content h1{
	width: 100%;
	overflow: inherit;
	padding: 0px;
	background-color: #fff;
	background-image: none;
	position: relative;
	font-size: 20px;
	font-family: 'Noto Sans Japanese', "メイリオ", "Meiryo", Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	letter-spacing: 1px;
}

#sub-content .recipe-content h1::after{
	content: "";
	display: none;
}

.recipe-content .title-pc{
	display: none;
	margin: auto;
}

.recipe-content .title-sp{
	display: block;
	margin: auto;
	width: 100%;
}

.recipe-content .title-sp img{
	width: 100%;
}

.recipe-content .new-recipe-list{
	margin: 20px auto 0 auto;
	width: 90%;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.recipe-content .new-recipe-list article{
	position: relative;
	margin-bottom: 10px;
	width: 100%;
}

.recipe-content .new-recipe-list article:first-child::after{
	content: "NEW";
	position: absolute;
	top: -5px;
	left: -15px;
	padding: 20px;
	background: url(../img/icon/circle_normal_r.svg) no-repeat;
	background-size: 100% 100%;
	color: #fff;
	font-family: "FOT-スーラ Pro DB";
	z-index: 2;
}

.recipe-content .new-recipe-list article a{
	position: relative;
	display: block;
	text-decoration: none;
	color: #242424;
	border: 1px solid #a3a3a3;
}

.recipe-content .new-recipe-list article a figure{
	position: relative;
	overflow: hidden;
	max-height: 250px;
	width: 100%;
	height: 150px;
}

.recipe-content .new-recipe-list figure img{
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 100%;
	height: auto;
}

.recipe-content .new-recipe-list figcaption{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 10px;
	font-weight: bold;
	font-size: 13px;
	text-align: left;
	background: #fff;
	opacity: 0.9;
	filter: alpha(opacity=90);
	-ms-filter: "alpha(opacity=90)";
}

.recipe-content .new-recipe-list figcaption::after{
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 15px 15px;
	border-color: transparent transparent #e60012 transparent;
}

.recipe-content .new-recipe-list figcaption .tag{
	display: inline-block;
	margin-bottom: 5px;
	padding: 3px 8px;
	border-radius: 5px;
	background: #ffd647;
	font-size: 12px;
	color: #421c1b;
}

.recipe-content .new-recipe-list figcaption .tag .icon{
	padding-right: 5px;
	color: #fff;
}

.recipe-content section{
	margin: auto;
	width: 100%;
}

.recipe-content .recipe-category{
	margin: auto;
	width: 90%;
}

.recipe-content .recipe-category .recipe-category-list{
	margin-bottom: 20px;
}

.recipe-content .recipe-category h3{
	overflow: hidden;
	position: relative;
	background: #ffd647;
	text-align: center;
	color: #421c1b;
	padding: 8px;
	font-size: 13px;
	font-family: "FOT-セザンヌ Pro M";
}

.recipe-content .recipe-category h3 span{
	font-size: 15px;
}

.recipe-content .recipe-category h3 .icon{
	position: absolute;
	top: -3px;
	left: 5px;
	font-size: 28px;
	color: #fff;
}

.recipe-content .recipe-category li a{
	display: block;
	margin-top: 8px;
	padding: 8px 5px;
	color: #242424;
	border: 1px solid #a3a3a3;
	text-align: center;
	text-decoration: none;
	line-height: 1.2;
}

.recipe-content .recipe-category li a .number{
	font-size: 12px;
	color: #b54734;
}

.recipe-content .about{
	margin: auto;
	width: 90%;
}

.recipe-content .about-cooking{
	position: relative;
	display: inline-block;
	width: 100%;
	padding: 20px 30px;
}

.recipe-content .about-cooking::before,
.recipe-content .about-cooking::after{
	top: 0;
	bottom: 0;
	content: '';
	display: block;
	position: absolute;
	border: 8px solid #ffd647;
	width: 0.6em;
}

.recipe-content .about-cooking::before{
	left: 0;
	border-right: 0;
}

.recipe-content .about-cooking::after{
	right: 0;
	border-left: 0;
}

.recipe-content .about-cooking figure{
	width: 70px;
	margin: auto auto 20px auto;
}

.recipe-content .about-cooking h2{
	margin-bottom: 10px;
	text-align: center;
	font-weight: bold;
	font-size: 24px;
}

.recipe-content .about-cooking h2 img{
	margin-right: 5px;
	width: 200px;
}

@media screen and (min-width:600px) and (max-width:960px) {
	
	.recipe-content .new-recipe-list{
		margin: 20px auto;
		max-width: 680px;
	}
	
	.recipe-content .new-recipe-list figure{
		height: 200px;
	}

	.recipe-content .new-recipe-list a figcaption{
		font-size: 15px;
	}
	
	.recipe-content .recipe-category{
		width: 90%;
		display: flex;
		display: -webkit-flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}

	.recipe-content .recipe-category .recipe-category-list{
		width: 49%;
	}

}

@media screen and (min-width:960px) {

	.recipe-content .title-pc{
		display: block;
		max-width: 1300px;
	}
	
	.recipe-content .title-sp{
		display: none;
	}

	.recipe-content .new-recipe-list{
		margin: 40px auto;
		max-width: 1170px;
		display: flex;
		display: -webkit-flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	
	.recipe-content .new-recipe-list article{
		width: 32%;
	}

	.recipe-content .new-recipe-list article:first-child::after{
		padding: 20px;
		font-size: 18px;
	}
	
	.recipe-content .new-recipe-list article a figure{
		overflow: hidden;
		height: 220px;
	}
	
	.recipe-content .new-recipe-list article a,
	.recipe-content .new-recipe-list a figcaption{
		transition: 0.8s;
		-webkit-transition: 0.8s;
	}

	.recipe-content .new-recipe-list article a:hover{
		border: 1px solid #ffd747;
	}

	.recipe-content .new-recipe-list a figcaption{
		font-size: 15px;
	}

	.recipe-content .new-recipe-list a:hover figcaption{
		background: #ffd747;
	}

	.recipe-content .new-recipe-list a figcaption::after{
		transition: 0.8s;
		-webkit-transition: 0.8s;
	}

	.recipe-content .new-recipe-list a:hover figcaption::after{
		content: "";
		position: absolute;
		right: 0;
		bottom: 0;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 0 0 40px 40px;
		border-color: transparent transparent #e60012 transparent;
	}

	.recipe-content section{
		max-width: 1170px;
	}
	
	.recipe-content .recipe-category{
		width: 100%;
		max-width: 1100px;
		margin-left: auto;
		margin-right: auto;
		display: flex;
		display: -webkit-flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}

	.recipe-content .recipe-category .recipe-category-list{
		width: 24%;
	}

	.recipe-content .recipe-category h3 span{
		font-size: 16px;
	}

	.recipe-content .recipe-category li a{
		transition: 0.8s;
		-webkit-transition: 0.8s;
	}

	.recipe-content .recipe-category li a:hover{
		border: 1px solid #ffd647;
		background: #ffd647;
	}
	
	.recipe-content .about-cooking{
		max-width: 1000px;
		padding: 20px 40px;
	}

	.recipe-content .about-cooking .about-cooking-layout{
		width: 100%;
		display: flex;
		display: -webkit-flex;
		justify-content: space-around;
	}

	.recipe-content .about-cooking .about-cooking-layout figure{
		width: 200px;
	}

	.recipe-content .about-cooking .about-cooking-layout figure img{
		width: 100px;
	}

	.recipe-content .about-cooking .about-cooking-layout .about-text{
		flex: 1;
	}

}

.recipe-content .recipe-archive-list{
	width: 90%;
	margin: auto;
}

.recipe-content .recipe-archive-list h1{
	margin: 20px auto;
	text-align: center;
	overflow: inherit;
	font-family: "FOT-セザンヌ Pro M";
	color: #421c1b;
	font-size: 26px;
}

.recipe-content .recipe-archive-list h1 img{
	margin-right: 5px;
	width: 120px;
}

.recipe-content .recipe-archive-list h2{
	text-align: center;
	font-weight: bold;
	font-size: 16px;
}

.recipe-content .recipe-archive-list h2 .title-category{
	padding: 10px 25px;
	position: relative;
	display: inline-block;
}

.recipe-content .recipe-archive-list h2 .title-category span{
	padding: 5px;
	font-size: 23px;
}

.recipe-content .recipe-archive-list h2 .title-category::before,
.recipe-content .recipe-archive-list h2 .title-category::after{
	top: 0;
	bottom: 0;
	content: '';
	display: block;
	position: absolute;
	border: 5px solid #ffd647;
	width: 0.6em;
}

.recipe-content .recipe-archive-list h2 .title-category::before{
	left: 0;
	border-right: 0;
}

.recipe-content .recipe-archive-list h2 .title-category::after{
	right: 0;
	border-left: 0;
}

.recipe-content .recipe-archive-list .recipe-number{
	text-align: right;
}

.recipe-content .recipe-archive-list .recipe-number span{
	padding: 5px;
	color: #b54734;
	font-size: 18px;
}

.recipe-content .recipe-archive-list .recipe-list .entry-title{
	margin: 5px 0;
	line-height: 1.2;
}

.recipe-content .recipe-archive-list .recipe-list .entry-title a{
	color: #242424;
	text-decoration: none;
}

#sub-content .recipe-content .recipe-archive-list .recipe-list .recipe-data{
	font-size: 12px;
}

.recipe-content .recipe-archive-list .recipe-list .recipe-data .icon{
	padding-right: 5px;
}

.recipe-content .recipe-archive-list .recipe-list .recipe-data span{
	padding-right: 15px;
}

.recipe-content .recipe-archive-list .recipe-list .recipe-data .difficulty{
	color: #dd7611;
}

.recipe-content .recipe-archive-list .recipe-list .recipe-data .time{
	color: #4277d7;
}

.recipe-content .recipe-archive-list .recipe-list{
	display: flex;
	display: -webkit-flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}

.recipe-content .recipe-archive-list .recipe-list article{
	position: relative;
	width: 48%;
	margin: 10px 1%;
}

.recipe-content .recipe-archive-list .recipe-list article figure{
	overflow: hidden;
	border: 1px solid #a3a3a3;
	position: relative;
	width: 100%;
	height: 100px;
}

.recipe-content .recipe-archive-list .recipe-list figure img{
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 100%;
	height: auto;
}

@media screen and (min-width:600px) and (max-width:960px) {

	.recipe-content .recipe-archive-list .recipe-list article{
		width: 31%;
		margin: 10px 1%;
	}

	.recipe-content .recipe-archive-list .recipe-list article figure{
		width: 100%;
		height: 130px;
	}

}

@media screen and (min-width:960px) {
	
	.recipe-content .recipe-archive-list h1 img{
		width: 150px;
	}

	.recipe-content .recipe-archive-list h2{
		font-size: 20px;
	}

	.recipe-content .recipe-archive-list h2 .title-category span{
		font-size: 28px;
	}

	.recipe-content .recipe-archive-list .recipe-list .entry-title a:hover{
		text-decoration: underline;
	}

	#sub-content .recipe-content .recipe-archive-list .recipe-list .recipe-data{
		font-size: 14px;
	}

	.recipe-content .recipe-archive-list .recipe-list article{
		width: 18%;
		margin: 10px 1%;
	}

	.recipe-content .recipe-archive-list .recipe-list article figure{
		width: 100%;
		height: 130px;
	}

	.recipe-content .recipe-archive-list .recipe-list figure a:hover img{
		opacity: 0.7;
		filter: alpha(opacity=70);
		-ms-filter: "alpha(opacity=70)";
	}
	
}

.recipe-content .recipe-entry{
	width: 90%;
	margin: auto;
	margin-bottom: 20px;
}

.recipe-content .recipe-entry h1{
	margin: 20px auto;
	text-align: center;
	overflow: inherit;
	font-family: "FOT-セザンヌ Pro M";
	color: #421c1b;
	font-size: 26px;
}

.recipe-content .recipe-entry h1 img{
	margin-right: 5px;
	width: 120px;
}

.recipe-content .recipe-entry article{
	margin: auto;
}

.recipe-content .recipe-entry .content-layout-A .image figure img{
	width: 100%;
}

.recipe-content .recipe-entry .content-layout-A .text .sns-icon{
	margin-bottom: 10px;
	text-align: right;
}

.recipe-content .recipe-entry .content-layout-A .text .sns-icon li{
	display: inline-block;
	width: 30px;
	margin: 3px;
}

#sub-content .recipe-content .recipe-entry .content-layout-A .text .category-list li{
	display: inline-block;
	width: 49%;
	margin-bottom: 5px;
	background: #fddacc;
	text-align: center;
	box-sizing: border-box;
	font-size: 12px;
	color: #b54734;
}

#sub-content .recipe-content .recipe-entry .content-layout-A .text .category-list li a{
	display: block;
	padding: 5px 0px;
	text-decoration: none;
	color: #b54734;
}

.recipe-content .recipe-entry .content-layout-A .text .category-list li:nth-child(odd){
	margin-right: 1%;
}

.recipe-content .recipe-entry .content-layout-A .text .category-list li:nth-child(even){
	margin-left: 1%;
}

.recipe-content .recipe-entry .content-layout-A .text .tag{
	margin: 10px 0 0 0;
	color: #421c1b;	
}

.recipe-content .recipe-entry .content-layout-A .text .tag .icon{
	padding-right: 5px;
	color: #f6cc3e;
}

.recipe-content .recipe-entry .content-layout-A .text h2{
	margin: 5px 0;
	font-weight: bold;
	font-size: 20px;
}

.recipe-content .recipe-entry .content-layout-A .text .recipe-outline{
	margin-top: 10px;
}

.recipe-content .recipe-entry .content-layout-A .text .recipe-outline dl{
	margin-bottom: 5px;
}

.recipe-content .recipe-entry .content-layout-A .text .recipe-outline dt{
	display: inline-block;
	width: 50%;
	padding: 5px 8px;
	color: #fff;
}

.recipe-content .recipe-entry .content-layout-A .text .recipe-outline dt .icon{
	margin-right: 5px;
}

.recipe-content .recipe-entry .content-layout-A .text .recipe-outline dd{
	display: inline-block;
	width: 50%;
	padding: 5px 8px;
}

.recipe-content .recipe-entry .content-layout-A .text .recipe-outline .volume dt{
	background: #58a044;
	border: 2px solid #58a044;
}

.recipe-content .recipe-entry .content-layout-A .text .recipe-outline .volume dd{
	border: 2px solid #58a044;
	color: #58a044;
}

.recipe-content .recipe-entry .content-layout-A .text .recipe-outline .time dt{
	background: #4279dd;
	border: 2px solid #4279dd;
}

.recipe-content .recipe-entry .content-layout-A .text .recipe-outline .time dd{
	border: 2px solid #4279dd;
	color: #4279dd;
}

.recipe-content .recipe-entry .content-layout-A .text .recipe-outline .difficulty dt{
	background: #f7993d;
	border: 2px solid #f7993d;
}

.recipe-content .recipe-entry .content-layout-A .text .recipe-outline .difficulty dd{
	border: 2px solid #f7993d;
	color: #f7993d;
}

.recipe-content .recipe-entry .content-layout-A .text .print-btn a{
	display: block;
	text-align: center;
	border: 2px solid #a3a3a3;
	margin-top: 10px;
	padding: 8px;
	text-decoration: none;
	color: #b54734;
}

.recipe-content .recipe-entry .content-layout-A .text .print-btn .icon{
	margin-left: 10px;
	color: #ffd647;
}

.recipe-content .recipe-entry .recipe-body h3{
	margin-bottom: 10px;
	padding: 10px 15px;
	background: #f6cc3e;
	font-weight: bold;
}

.recipe-content .recipe-entry .recipe-body .material-text,
.recipe-content .recipe-entry .recipe-body .step-text{
	text-align: left;
	font-family: 'Noto Sans Japanese', "メイリオ", "Meiryo", Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	letter-spacing: 0;
	font-size: 14px;
}

.recipe-content .recipe-entry .recipe-body .step{
	margin-top: 20px;
}

.recipe-content .recipe-entry .recipe-body .material-text table{
	width: 100%;
	margin-bottom: 20px;
}

.recipe-content .recipe-entry .recipe-body .material-text tr{
	border-bottom: 1px solid #a3a3a3;
}

.recipe-content .recipe-entry .recipe-body .material-text th{
	padding: 5px;
}

.recipe-content .recipe-entry .recipe-body .material-text td{
	padding: 5px;
	text-align: right;
}

.recipe-content .recipe-entry .recipe-body .step-text ol{
	counter-reset: steps;
}

.recipe-content .recipe-entry .recipe-body .step-text li{
	position: relative;
	margin-bottom: 5px;
	padding-left: 40px;
}

.recipe-content .recipe-entry .recipe-body .step-text li::before{
	display: block;
	counter-increment: steps;
	content: "( " counter(steps) " )";
	position: absolute;
	top: 0;
	left: 0;
	font-weight: bold;
}

.recipe-content .recipe-entry .recipe-body .step-text span{
	font-weight: bold;
}

.recipe-content .recipe-entry .one-point{
	margin-top: 20px;
	position: relative;
	overflow: hidden;
	border: 3px solid #fddacc;
	padding: 20px 20px 20px 40px;
}

.recipe-content .recipe-entry .one-point .icon{
	position: absolute;
	top: -10px;
	left: -10px;
	font-size: 50px;
	color: #fddacc;
	z-index: -1;
}

.recipe-content .recipe-entry .one-point h3{
	font-weight: bold;
	font-size: 16px;
	color: #ba5342;
}

.recipe-content .recipe-entry .shop-link{
	margin: 20px 0 10px 0;
}

.recipe-content .recipe-entry .shop-link h3{
	margin-bottom: 10px;
	padding-top: 18px;
	font-family: 'Noto Sans Japanese', "メイリオ", "Meiryo", Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-weight: bold;
	text-align: center;
	letter-spacing: 0;
	background: url(/recipe/img/icon_cart.png) no-repeat center top;
	background-size: 40px;
}

.recipe-content .recipe-entry .shop-link h3::before{
	content: "＼";
	font-weight: bold;
	font-size: 15px;
}

.recipe-content .recipe-entry .shop-link h3::after{
	content: "／";
	font-weight: bold;
	font-size: 15px;
}

.recipe-content .recipe-entry .shop-link .shop-item{
	display: flex;
	justify-content: space-around;
	border: 1px solid #a3a3a3;
	margin-bottom: 10px;
}

.recipe-content .recipe-entry .shop-link .shop-item figure{
	position: relative;
	width: 45%;
	overflow: hidden;
}

.recipe-content .recipe-entry .shop-link .shop-item figure img{
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 220%;
	max-height: 220%;
}

.recipe-content .recipe-entry .shop-link .shop-item .item-data{
	position: relative;
	padding: 0 0 60px 10px;
	width: 55%;
}

.recipe-content .recipe-entry .shop-link .shop-item .item-data a{
	text-decoration: none;
}

.recipe-content .recipe-entry .shop-link .shop-item .item-data h4{
	padding: 10px 10px 5px 0;
	line-height: 1.2;
	color: #e60012;
	font-weight: bold;
}

#sub-content .recipe-content .recipe-entry .shop-link .shop-item .item-data p{
	padding: 0 10px 0 0;
	line-height: 1.3;
	font-size: 12px;
}

#sub-content .recipe-content .recipe-entry .shop-link .shop-item .item-data p.link-btn{
	position: absolute;
	right: 10px;
	bottom: 0;
	margin: 0 0 10px 0;
	padding: 5px 0;
	width: calc(100% - 20px);
	text-align: center;
	background: #ffd647;
}

#sub-content .recipe-content .recipe-entry .shop-link .shop-item .item-data p.link-btn .fa-external-link-alt{
	margin-left: 5px;
	color: #e60012;
}

@media screen and (min-width:600px) and (max-width:960px) {

	.recipe-content .recipe-entry .content-layout-A .text .sns-icon li{
		width: 40px;
	}

	#sub-content .recipe-content .recipe-entry .content-layout-A .text .category-list li{
		font-size: 13px;
	}

	.recipe-content .recipe-entry .content-layout-A .text h2{
		font-size: 24px;
	}

	.recipe-content .recipe-entry .recipe-body .material-text,
	.recipe-content .recipe-entry .recipe-body .step-text{
		font-size: 16px;
	}

	.recipe-content .recipe-entry .shop-link h3{
		padding-top: 30px;
		background-size: auto;
		font-size: 20px;
	}
	
	.recipe-content .recipe-entry .shop-link h3::before{
		margin-right: 10px;
	}
	
	.recipe-content .recipe-entry .shop-link h3::after{
		margin-left: 10px;
	}

	.recipe-content .recipe-entry .shop-link .shop-item{
		margin-left: auto;
		margin-right: auto;
		max-width: 550px;
	}
	
	.recipe-content .recipe-entry .shop-link .shop-item figure{
		width: 35%;
	}
	.recipe-content .recipe-entry .shop-link .shop-item .item-data{
		width: 65%;
	}

	#sub-content .recipe-content .recipe-entry .shop-link .shop-item .item-data p{
		font-size: 13px;
	}

}

@media screen and (min-width:960px) {

	.recipe-content .recipe-entry{
		max-width: 1300px;
		margin-bottom: 80px;
	}

	.recipe-content .recipe-entry h1{
		margin: 20px auto 40px auto;
	}
	
	.recipe-content .recipe-entry h1 img{
		width: 150px;
	}

	.recipe-content .recipe-entry .content-layout-A{
		align-items: stretch;
	}
	
	.recipe-content .recipe-entry .content-layout-A .image{
		width: 50%;
	}

	.recipe-content .recipe-entry .content-layout-A .text{
		position: relative;
		padding-bottom: 40px;
	}
	
	.recipe-content .recipe-entry .content-layout-A .text .sns-icon li{
		width: 40px;
	}

	.recipe-content .recipe-entry .content-layout-A .text .sns-icon li a:hover img{
		opacity: 0.7;
		filter: alpha(opacity=70);
		-ms-filter: "alpha(opacity=70)";
	}

	#sub-content .recipe-content .recipe-entry .content-layout-A .text .category-list li{
		font-size: 13px;
	}

	#sub-content .recipe-content .recipe-entry .content-layout-A .text .category-list li a:hover{
		text-decoration: underline;
		background: #ffeee7;
	}

	.recipe-content .recipe-entry .content-layout-A .text h2{
		font-size: 24px;
	}

	.recipe-content .recipe-entry .content-layout-A .text .recipe-outline{
		display: flex;
		display: -webkit-flex;
		justify-content: space-between;
	}

	.recipe-content .recipe-entry .content-layout-A .text .recipe-outline dl{
		width: 32%;
		padding-bottom: 10px;
	}
	
	.recipe-content .recipe-entry .content-layout-A .text .recipe-outline dt{
		display: block;
		width: 100%;
		text-align: center;
	}

	.recipe-content .recipe-entry .content-layout-A .text .recipe-outline dt .icon{
		display: block;
		margin: 5px auto auto auto;
	}
	
	.recipe-content .recipe-entry .content-layout-A .text .recipe-outline dd{
		display: block;
		width: 100%;
		padding: 5px 8px;
		text-align: center;
	}

	.recipe-content .recipe-entry .content-layout-A .text .print-btn{
		position: absolute;
		bottom: 0;
		margin-bottom: 0;
		width: 100%;
	}
	
	.recipe-content .recipe-entry .content-layout-A .text .print-btn a:hover{
		border: 2px solid #ffd647;
	}

	.recipe-content .recipe-entry .recipe-body{
		margin-top: 20px;
		display: flex;
		display: -webkit-flex;
		align-items: flex-start;
		justify-content: space-between;
	}

	.recipe-content .recipe-entry .recipe-body .material{
		width: 47%;
	}
	
	.recipe-content .recipe-entry .recipe-body .step{
		margin-top: 0px;
		width: 50%;
	}

	.recipe-content .recipe-entry .recipe-body .material-text,
	.recipe-content .recipe-entry .recipe-body .step-text{
		font-size: 16px;
	}

	.recipe-content .recipe-entry .recipe-body h3{
		font-size: 18px;
	}
	
	.recipe-content .recipe-entry .one-point{
		margin-top: 40px;
		padding: 20px 20px 20px 50px;
	}

	.recipe-content .recipe-entry .one-point h3{
		margin-bottom: 5px;
		font-size: 18px;
	}

	.recipe-content .recipe-entry .shop-link{
		margin: 30px 0;
	}

	.recipe-content .recipe-entry .shop-link h3{
		margin-bottom: 15px;
		padding-top: 30px;
		background-size: auto;
		font-size: 22px;
	}
	
	.recipe-content .recipe-entry .shop-link h3::before{
		margin-right: 10px;
	}
	
	.recipe-content .recipe-entry .shop-link h3::after{
		margin-left: 10px;
	}

	.recipe-content .recipe-entry .shop-link .shop-item-list{
		display: flex;
		justify-content: space-around;
		flex-wrap: wrap;
	}

	.recipe-content .recipe-entry .shop-link .shop-item-list .shop-item{
		width: 48%;
	}

	.recipe-content .recipe-entry .shop-link .shop-item figure{
		width: 38%;
	}
	.recipe-content .recipe-entry .shop-link .shop-item .item-data{
		width: 62%;
		padding: 0 0 70px 15px;
	}

	.recipe-content .recipe-entry .shop-link .shop-item .item-data h4{
		padding: 10px 15px 5px 0;
	}

	#sub-content .recipe-content .recipe-entry .shop-link .shop-item .item-data p{
		padding: 0 15px 0 0;
		-webkit-transition: all 0.4s ease;
		-moz-transition: all 0.4s ease;
		-o-transition: all 0.4s ease;
		transition: all  0.4s ease;
	}
	
	#sub-content .recipe-content .recipe-entry .shop-link .shop-item .item-data p.link-btn{
		right: 15px;
		width: calc(100% - 30px);
	}
	
	#sub-content .recipe-content .recipe-entry .shop-link .shop-item .item-data p{
		font-size: 13px;
	}

	#sub-content .recipe-content .recipe-entry .shop-link .shop-item-list .shop-item a:hover p.link-btn{
		color: #fff;
		background: #e60012;
	}

	#sub-content .recipe-content .recipe-entry .shop-link .shop-item-list .shop-item a:hover p.link-btn .fa-external-link-alt{
		color: #ffd647;
	}

	#sub-content .recipe-content .recipe-entry .shop-link .shop-item-list .shop-item p.link-btn span{
		font-size: 11px;
	}
	
}

/*-----------------------------------------
	each content
-----------------------------------------*/

/* cooking */

#cooking-content .sub-title-m{
	margin: 40px 0 20px 0;
}

#cooking-content .sub-title-m img{
	width: 80%;
}

#cooking-content .ht-application{
	margin: 20px auto;
}

#cooking-content .ht-application dl{
	margin-bottom: 20px;
}

#cooking-content .ht-application dt{
	padding: 10px 0;
	color: #fff;
	font-weight: bold;
	text-align: center;
}

#cooking-content .ht-application .icon{
	font-size: 20px;
	color: #ffd647;
}

#cooking-content .ht-application dt span{
	padding: 10px 0;
}

#cooking-content .ht-application dd{
	padding: 10px 15px;
}

#cooking-content .ht-form dt{
	background: #e94106;
}

#cooking-content .ht-form dd{
	border: 1px solid #e94106;
}

#cooking-content .ht-hagaki dt{
	background: #4274d1;
}

#cooking-content .ht-hagaki dd{
	border: 1px solid #4274d1;
}

#cooking-content .ht-shop dt{
	background: #3d9134;
}

#cooking-content .ht-shop dd{
	border: 1px solid #3d9134;
}

@media screen and (min-width:600px) and (max-width:960px) {

	#cooking-content .ht-application dt{
		font-size: 18px;
	}

}

@media screen and (min-width:960px) {

	#cooking-content .content-layout-A .text{
		margin-bottom: 0;
	}

	#cooking-content .sub-title-m{
		margin: 60px 0 20px 0;
	}

	#cooking-content .ht-application{
		margin: 30px auto;
		width: 85%;
	}
	
	#cooking-content .ht-application dl{
		display: flex;
		display: -webkit-flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	
	#cooking-content .ht-application dt{
		padding: 0;
		position: relative;
		display: flex;
		display: -webkit-flex;
		align-items: center;
		justify-content: center;
		width: 23%;
		font-size: 18px;
		line-height: 1.2;
	}

	#cooking-content .ht-application .icon{
		padding-bottom: 5px;
		font-size: 30px;
	}
	
	#cooking-content .ht-application dt span{
		padding: 25px 0;
		text-align: center;
		letter-spacing: 2px;
	}
	
	#cooking-content .ht-application dd{
		width: 74%;
		padding: 15px 25px;
	}

	#cooking-content .ht-form dt::after,
	#cooking-content .ht-hagaki dt::after,
	#cooking-content .ht-shop dt::after{
		content: "";
		position: absolute;
		top: 0;
		bottom: 0;
		right: -13px;
		margin: auto;
		display: block;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 10px 0 10px 13px;
	}
	
	#cooking-content .ht-form dt::after{
		border-color: transparent transparent transparent #e94106;
	}

	#cooking-content .ht-hagaki dt::after{
		border-color: transparent transparent transparent #4274d1;
	}

	#cooking-content .ht-shop dt::after{
		border-color: transparent transparent transparent #3d9134;
	}

}

#cooking-content .plans-list{
	margin: 20px 0;
	display: flex;
	display: -webkit-flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}

#cooking-content .plans-list a{
	margin-bottom: 10px;
	width: 100%;
	border: 3px solid #c9c9c9;
	background: url(../img/bg_dot.png);
	text-decoration: none;
}

#cooking-content .plans-list p.data{
	padding: 15px 15px 0px 15px;
	line-height: 1.4;
	color: #c30;
}

#cooking-content .plans-list p.title{
	padding: 5px 15px 15px 15px;
	line-height: 1.4;
	font-weight: bold;
}

#sub-content .plans-list p.btn{
	padding: 10px;
	background: #e60012;
	font-family: "FOT-スーラ Pro DB";
	text-align: center;
	color: #fff;
	position: relative;
	z-index: 5;
}

#cooking-content .plans-list p.btn::after{
	content: "";
	display: block;
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	margin: auto auto;
	width: 100%;
	height: 15px;
	background: url(../img/icon/chevron-right_w.svg) no-repeat right 8px center;
	background-size: 15px 15px;
	z-index: 999;
}

@media screen and (min-width:960px) {

	#cooking-content .plans-list{
		margin: 30px 0;
	}
	
	#cooking-content .plans-list a{
		width: 30%;
		margin: 0 1% 10px 1%;
		display: flex;
		display: -webkit-flex;
		flex-direction: column;
	}

	#cooking-content .plans-list a:hover{
		border: 3px solid #ffd647;
	}

	#sub-content #cooking-content .plans-list p.btn{
		margin-top: auto;
		overflow: hidden;
		transition: 0.8s;
		-webkit-transition: 0.8s;
	}
	
	#cooking-content .plans-list p.btn::after{
		background: url(../img/icon/chevron-right_w.svg) no-repeat right 10px center;
	}

	#sub-content #cooking-content .plans-list a:hover p.btn{
		color: #e60012;
	}

	#cooking-content .plans-list a:hover p.btn::after{
		content: "";
		display: block;
		position: absolute;
		top: 0px;
		right: 0px;
		bottom: 0px;
		left: 0px;
		margin: auto auto;
		background: url(../img/icon/chevron-right_r.svg) no-repeat right 10px center;
		background-size: 15px 15px;
		z-index: 999;
	}
	
	#cooking-content .plans-list a p.btn::before{
		content: "";
		position: absolute;
		right: 0;
		bottom: 0;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 0 0 0px 0px;
		border-color: transparent transparent #ffd747 transparent;
		transition: 0.8s;
		-webkit-transition: 0.8s;
		z-index: -1;
	}

	#cooking-content .plans-list a:hover p.btn::before{
		content: "";
		position: absolute;
		right: 0;
		bottom: 0;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 0 0 500px 500px;
		border-color: transparent transparent #ffd747 transparent;
		z-index: -1;
	}	
}

#cooking-content .instructor-list{
	margin: 20px 0;
	display: flex;
	display: -webkit-flex;
	justify-content: space-around;
	flex-wrap: wrap;
}

#cooking-content .instructor-list dl{
	width: 32.5%;
	margin-bottom: 15px;
}

#cooking-content .instructor-list dl dt img{
	width: 100%;
}

#sub-content #cooking-content .instructor-list dd{
	text-align: center;
	font-size: 13px;
}

#cooking-content .instructor-list dd.shop-data-btn a{
	display: block;
	margin-top: 10px;
	padding: 5px;
	border: 1px solid #a3a3a3;
	text-decoration: none;
	font-size: 12px;
}

#cooking-content .instructor-list dd.shop-data-btn .icon{
	padding-right: 5px;
	color: #ffd747;
}

#cooking-content .instructor-list dd.logo{
	position: relative;
	height: 100px;
}

#cooking-content .instructor-list dd.logo img{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	max-width: 75%;
}

@media screen and (min-width:600px) and (max-width:960px) {

	#cooking-content .sub-title-m img{
		width: inherit;
	}

	#sub-content #cooking-content .instructor-list dd{
		font-size: 15px;
	}

	#cooking-content .instructor-list dd.logo{
		height: 110px;
	}

	#cooking-content .instructor-list dd.shop-data-btn a{
		font-size: 14px;
	}

}

@media screen and (min-width:960px) {

	#cooking-content .sub-title-m img{
		width: inherit;
	}

	#cooking-content .instructor-list{
		margin: 40px 0;
	}
	
	#cooking-content .instructor-list dl{
/*		width: 15%;*/
		width: 24%;
		margin-bottom: 20px;
		display: flex;
		display: -webkit-flex;
		flex-direction: column;
	}

	#cooking-content .instructor-list a img{
		transition: 0.9s;
		-webkit-transition: 0.9s;
	}
	
	#cooking-content .instructor-list a:hover img{
		opacity: 0.7;
		filter: alpha(opacity=70);
		-ms-filter: "alpha(opacity=70)";
	}
	
	#sub-content #cooking-content .instructor-list dd{
		font-size: 15px;
	}

	#cooking-content .instructor-list dd a{
		transition: 0.8s;
		-webkit-transition: 0.8s;
	}
	
	#cooking-content .instructor-list dd a:hover{
		border: 1px solid #ffd747;
		background: #ffd747;
	}
	
	#cooking-content .instructor-list dd.shop-data-btn{
		margin-top: auto;
	}

	#cooking-content .instructor-list dd.shop-data-btn a{
		padding: 8px;
		line-height: 1.3;
		font-size: 14px;
	}

	#cooking-content .instructor-list dd.shop-data-btn a .icon{
		transition: 0.8s;
		-webkit-transition: 0.8s;
	}

	#cooking-content .instructor-list dd.shop-data-btn a:hover .icon{
		color: #e60012;
	}

	#cooking-content .instructor-list dd.logo{
		height: 100px;
	}

}

.cooking-shop-data{
	padding: 20px 10px;
	border: 2px solid #c9c9c9;
	background: #fff;
}

.cooking-shop-data h1.sub-title-l{
	margin: 0 0 15px 0;
}

.cooking-shop-data .caption-text{
	margin: 0 0 5px 0;
	text-align: center;
	font-size: 13px;
}

.cooking-shop-data .content-layout-A .image{
	margin-bottom: 10px;
}

.cooking-shop-data .image iframe{
	width: 100%;
	height: 200px;
}

.cooking-shop-data .content-layout-A .text{
	margin-bottom: 0;
}

.cooking-shop-data p.logo{
	text-align: center;
}

.cooking-shop-data .text table{
	display: block;
	width: 100%;
}

.cooking-shop-data .text tbody,
.cooking-shop-data .text tr{
	display: block;
	width: 100%;
}

.cooking-shop-data .text th{
	display: block;
	width: 100%;
	padding: 5px 10px;
	background: #ffd647;
	border-radius: 8px;
	font-size: 13px;
}

.cooking-shop-data .text td{
	display: block;
	width: 100%;
	padding: 5px 10px;
	font-size: 13px;
}

@media screen and (min-width:600px) and (max-width:960px) {
	
	.cooking-shop-data .text th,
	.cooking-shop-data .text td{
		font-size: 15px;
	}
	
}

@media screen and (min-width:960px) {

	.cooking-shop-data{
		padding: 50px 40px;
	}
	
	.cooking-shop-data h1.sub-title-l{
		margin: 0 0 30px 0;
	}

	.cooking-shop-data .caption-text{
		margin: 0 0 10px 0;
		font-size: 18px;
	}

	.cooking-shop-data .image{
		width: 50%;
	}

	.cooking-shop-data .text{
		width: 50%;
	}

	.cooking-shop-data .image iframe{
		height: 300px;
	}

	.cooking-shop-data p.logo{
		text-align: left;
	}

	.cooking-shop-data .text table{
		display: table;
	}

	.cooking-shop-data .text tr{
		display: table-row;
	}
	
	.cooking-shop-data .text th{
		display: table-cell;
		width: 20%;
		padding: 8px 10px;
		text-align: center;
		vertical-align: middle;
		border-bottom: 5px solid #fff;
		font-size: 15px;
		white-space: nowrap;
	}

	.cooking-shop-data .text td{
		display: table-cell;
		width: 78%;
		padding: 8px 10px;
		border-bottom: 5px solid #fff;
		font-size: 15px;
	}

}

#cooking-content .recipe-list{
	margin: 20px 0 0 0;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

#cooking-content .recipe-list article{
	margin-bottom: 10px;
	width: 100%;
}

#cooking-content .recipe-list article a{
	position: relative;
	display: block;
	text-decoration: none;
	color: #242424;
	border: 1px solid #a3a3a3;
}

#cooking-content .recipe-list article a figure{
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 150px;
}

#cooking-content .recipe-list figure img{
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 100%;
	height: auto;
}

#cooking-content .recipe-list figcaption{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 10px;
	font-weight: bold;
	font-size: 13px;
	text-align: left;
	background: #fff;
	opacity: 0.9;
	filter: alpha(opacity=90);
	-ms-filter: "alpha(opacity=90)";
}

#cooking-content .recipe-list figcaption::after{
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 15px 15px;
	border-color: transparent transparent #e60012 transparent;
}

#cooking-content h3.fukidashi-title{
	margin: 30px 0 10px 0;
	font-family: "コーポレート・ロゴＢ";
	font-size: 18px;
	color: #3664a2;
	text-align: center;
}

#cooking-content h3.fukidashi-title::before{
	content: "＼";
}

#cooking-content h3.fukidashi-title::after{
	content: "／";
}

#cooking-content .banner-link{
	padding-bottom: 10px;
	text-align: center;
}

@media screen and (min-width:600px) and (max-width:960px) {

	#cooking-content .recipe-list{
		margin: 20px 0;
	}
	
	#cooking-content .recipe-list article{
		width: 49%;
	}

	#cooking-content .recipe-list figure{
		height: 200px;
	}

	#cooking-content .recipe-list a figcaption{
		font-size: 15px;
	}

	#cooking-content h3.fukidashi-title{
		font-size: 22px;
	}
	
}

@media screen and (min-width:960px) {

	#cooking-content .recipe-list{
		margin: 20px 0;
		display: flex;
		display: -webkit-flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	
	#cooking-content .recipe-list article{
		width: 32%;
	}

	#cooking-content .recipe-list article a figure{
		height: 250px;
	}

	#cooking-content .recipe-list article a,
	#cooking-content .recipe-list a figcaption{
		transition: 0.8s;
		-webkit-transition: 0.8s;
	}

	#cooking-content .recipe-list article a:hover{
		border: 1px solid #ffd747;
	}

	#cooking-content .recipe-list a figcaption{
		font-size: 15px;
	}

	#cooking-content .recipe-list a:hover figcaption{
		background: #ffd747;
	}

	#cooking-content .recipe-list a figcaption::after{
		transition: 0.8s;
		-webkit-transition: 0.8s;
	}

	#cooking-content .recipe-list a:hover figcaption::after{
		content: "";
		position: absolute;
		right: 0;
		bottom: 0;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 0 0 40px 40px;
		border-color: transparent transparent #e60012 transparent;
	}

	#cooking-content h3.fukidashi-title{
		margin: 50px 0 10px 0;
		font-size: 24px;
	}

}

/* map */

.floormap-image{
	margin: 40px 0;
}

.floormap-image figure{
	margin-bottom: 20px;
}

.shop-map-list .icon-text{
	margin: -15px 0 20px 0;
	text-align: center;
}

#sub-content .shop-map-list .icon-text li{
	margin-left: 15px;
	padding-left: 30px;
	display: inline-block;
	line-height: 2.0;
	font-size: 13px;
}

.shop-map-list .icon-text li.credit{
	background: url(../img/icon/pay_credit.png) no-repeat left center;
	background-size: 25px;
}

#sub-content .shop-map-list .icon-text li.paypay{
	padding-left: 25px;
	background: url(../img/icon/pay_paypay.png) no-repeat left center;
	background-size: 20px;
}

.shop-map-list .icon-text li.suica{
	background: url(../img/icon/pay_suica.png) no-repeat left center;
	background-size: 25px;
}

.shop-map-list .icon-text li.waon{
	background: url(../img/icon/pay_waon.png) no-repeat left center;
	background-size: 25px;
}

.shop-map-list ol{
	margin-bottom: 40px;
	display: flex;
	display: -webkit-flex;
	align-items: baseline;
	justify-content: space-between;
	flex-wrap: wrap;
}

#sub-content .shop-map-list ol li{
	width: 100%;
	letter-spacing: -1px;
	border-bottom: 1px solid #a3a3a3;
}

.shop-map-list li .shop-logo{
	margin-right: 10px;
}

.shop-map-list li .shop-logo img{
	width: 36px;
	height: 36px;
}

.shop-map-list li .shop-name{
	width: 105px;
}

.shop-map-list .shop-cat-list li a{
	position: relative;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
	padding: 8px 15px 8px 0px;
	background: url(../img/icon/chevron-right_r.svg) no-repeat right center;
	background-size: 10px 10px;
	text-decoration: none;
	color: #242424;
}

.shop-map-list span.no{
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right: 10px;
	width: 30px;
	height: 30px;
	border-radius: 15px;
	text-align: center;
	color: #fff;
	line-height: 0;
}

.shop-map-list .shop-cat-list li .credit img,
.shop-map-list .shop-cat-list li .suica img,
.shop-map-list .shop-cat-list li .waon img{
	width: 25px;
}

.shop-map-list .shop-cat-list li .paypay img{
	width: 15px;
}

.shop-map-list .shop-cat-list li .credit,
.shop-map-list .shop-cat-list li .paypay,
.shop-map-list .shop-cat-list li .suica,
.shop-map-list .shop-cat-list li .waon{
	position: absolute;
	top: 0px;
	bottom: 0px;
	width: 25px;
	height: 16px;
	line-height: 0;
	margin: auto;
}

.shop-map-list .shop-cat-list li .credit{
	right: 110px;
}

.shop-map-list .shop-cat-list li .paypay{
	right: 76px;
}

.shop-map-list .shop-cat-list li .suica{
	right: 52px;
}

.shop-map-list .shop-cat-list li .waon{
	right: 18px;
}

.shop-map-list h3{
	padding-top: 38px;
}

.shop-map-list .sengyo-list h3{
	color: #40899E;
	background: url(../img/icon/category_sengyo.svg) no-repeat center top;
	background-size: 40px 40px;
}

.shop-map-list .sengyo-list li span.no{
	background: #40899E;
}

.shop-map-list .okashi-list h3{
	color:#DB526F;
	background: url(../img/icon/category_okashi.svg) no-repeat center top;
	background-size: 35px 35px;
}

.shop-map-list .okashi-list li span.no{
	background: #D23F5F;
}

.shop-map-list .kanbutsu-list h3{
	color: #663E50;
	background: url(../img/icon/category_kanbutsu.svg) no-repeat center top;
	background-size: 35px 35px;
}

.shop-map-list .kanbutsu-list li span.no{
	background: #663E50;
}

.shop-map-list .insyoku-list h3{
	color: #C9614E;
	background: url(../img/icon/category_insyoku.svg) no-repeat center top;
	background-size: 35px 35px;
}

.shop-map-list .insyoku-list li span.no{
	background: #BD4646;
}

.shop-map-list .seika-list h3{
	color: #487B39;
	background: url(../img/icon/category_seika.svg) no-repeat center top;
	background-size: 35px 35px;
}

.shop-map-list .seika-list li span.no{
	background: #487B39;
}

.shop-map-list .sake-list h3{
	color: #4A978F;
	background: url(../img/icon/category_sake.svg) no-repeat center top;
	background-size: 35px 35px;
}

.shop-map-list .sake-list li span.no{
	background:#4A978F;
}

.shop-map-list .niku-list h3{
	color:#E15C17;
	background: url(../img/icon/category_niku.svg) no-repeat center top;
	background-size: 42px 42px;
}

.shop-map-list .niku-list li span.no{
	background: #E15C17;
}

.shop-map-list .ippan-list h3{
	color:#CEA009;
	background: url(../img/icon/category_ippan.svg) no-repeat center top;
	background-size: 35px 35px;
}

.shop-map-list .ippan-list li span.no{
	background: #CEA009;
}

.shop-map-list .life-list h3{
	color:#6DA833;
	background: url(../img/icon/category_life.svg) no-repeat center top;
	background-size: 32px 32px;
}

.shop-map-list .life-list li span.no{
	background: #6DA833;
}

.shop-map-list .etc-list h3{
	color: #8C6536;
	background: url(../img/icon/category_etc.svg) no-repeat center top;
	background-size: 32px 32px;
}

.shop-map-list .etc-list li span.no{
	background: #8C6536;
}

@media screen and (min-width:600px) and (max-width:960px) {

	.floormap-image{
		margin: 60px 0;
	}

	.floormap-image figure{
		margin-bottom: 40px;
	}

	.shop-map-list li .shop-name{
		width: 300px;
	}
	
	.shop-map-list li .shop-cat-list .credit img,
	.shop-map-list li .shop-cat-list .paypay img,
	.shop-map-list li .shop-cat-list .suica img,
	.shop-map-list li .shop-cat-list .waon img{
		width: 33px;
	}

	.shop-map-list .shop-cat-list li .credit,
	.shop-map-list .shop-cat-list li .paypay,
	.shop-map-list .shop-cat-list li .suica,
	.shop-map-list .shop-cat-list li .waon{
		position: absolute;
		top: 0px;
		bottom: 0px;
		width: 33px;
		height: 21px;
		line-height: 0;
		margin: auto;
	}

	.shop-map-list .shop-cat-list li .credit{
		right: 90px;
	}

	.shop-map-list .shop-cat-list li .paypay{
		right: 60px;
	}

	.shop-map-list .shop-cat-list li .suica{
		right: 40px;
	}

	.shop-map-list .shop-cat-list li .waon{
		right: 10px;
	}

}

@media screen and (min-width:960px) {

	.floormap-image{
		margin: 80px 0;
	}

	.floormap-image figure{
		margin-bottom: 40px;
	}

	.shop-map-list .icon-text{
		margin: -15px 0 30px 0;
	}

	#sub-content .shop-map-list .icon-text li{
		font-size: 14px;
	}

	#sub-content .shop-map-list ol li{
		width: 48%;
		font-size: 16px;
		letter-spacing: 0;
	}
	
	.shop-map-list li .shop-name{
		width: 150px;
	}

	.shop-map-list li .shop-cat-list .credit img,
	.shop-map-list li .shop-cat-list .paypay img,
	.shop-map-list li .shop-cat-list .suica img,
	.shop-map-list li .shop-cat-list .waon img{
		width: 33px;
	}

	.shop-map-list .shop-cat-list li .credit,
	.shop-map-list .shop-cat-list li .paypay,
	.shop-map-list .shop-cat-list li .suica,
	.shop-map-list .shop-cat-list li .waon{
		position: absolute;
		top: 5px;
		bottom: 0px;
		width: 33px;
		height: 21px;
		line-height: 0;
		margin: auto;
	}

	.shop-map-list .shop-cat-list li .credit{
		right: 120px;
	}

	.shop-map-list .shop-cat-list li .paypay{
		right: 85px;
	}

	.shop-map-list .shop-cat-list li .suica{
		right: 60px;
	}

	.shop-map-list .shop-cat-list li .waon{
		right: 25px;
	}

	.shop-map-list .shop-cat-list li a{
		background: url(../img/icon/chevron-right_r.svg) no-repeat right 10px center;
		background-size: 15px 15px;
		transition: 0.8s;
		-webkit-transition: 0.8s;
	}

	.shop-map-list .shop-cat-list li a:hover{
		color: #e60012;
		background: url(../img/icon/chevron-right_r.svg) no-repeat right center;
	}

}

.facility-list-A{
	display: flex;
	display: -webkit-flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}

.facility-list-A,
.facility-list-B{
	margin-bottom: 20px;
}

.facility-list-A .facility-container,
.facility-list-B .facility-container{
	width: 100%;
	margin: 10px 0px;
	border: 1px solid #a3a3a3;
}

.facility-list-A .facility-container .image img{
	width: 100%;
}

.facility-list-A .facility-container h4{
	padding: 10px 15px 0 15px;
	font-weight: bold;
	font-size: 16px;
}

#sub-content .facility-list-A .facility-container .text{
	padding: 0px 15px 15px 15px;
}

.facility-list-B .facility-container{
	margin: 10px 0;
}

.facility-list-B .facility-container .image img{
	width: 100%;
}

.facility-list-B .facility-container .text{
	padding: 10px 15px 15px 15px;
}

.facility-list-B .facility-container h4{
	font-weight: bold;
	font-size: 16px;
}

@media screen and (min-width:600px) and (max-width:960px) {

	.facility-list-A .facility-container{
		width: 48%;
		margin: 10px 1%;
	}

	.facility-list-B .facility-container{
		width: 98%;
		margin: 10px 1%;
	}

}

@media screen and (min-width:960px) {

	.facility-list-A,
	.facility-list-B{
		margin-bottom: 40px;
	}

	.facility-list-A .facility-container{
		width: 23%;
		margin: 10px 1%;
	}

	.facility-list-B .facility-container{
		margin: 10px;
		display: flex;
		display: -webkit-flex;
		justify-content: flex-start;
		flex-wrap: wrap;
	}
	
	.facility-list-B .facility-container .image{
		width: 350px;
	}

	.facility-list-B .facility-container .image img{
		width: 100%;
	}

	.facility-list-B .facility-container .text{
		flex: 1;
		padding: 15px 20px;
	}

}

.facility-list-C{
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}

.facility-list-C .facility-container{
	width: 48%;
	margin: 10px 1%;
}

.facility-list-C .facility-container .image img{
	width: 100%;
}

.facility-list-C .facility-container h4{
	margin: 8px 0;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.facility-list-C .facility-container span.no{
	background: #565353;
}

.facility-list-C .facility-container .facility-name{
	width: calc( 100% - 40px );
}

#sub-content .facility-list-C .facility-container .text{
	font-size: 14px;
}

@media screen and (min-width:600px) and (max-width:960px) {

	.facility-list-C .facility-container{
		width: 31%;
	}
	
}

@media screen and (min-width:960px) {

	.facility-list-C{
		margin-bottom: 40px;
	}

	.facility-list-C .facility-container{
		width: 31%;
	}
	
}

/* access */

.access-map{
	margin: 40px auto;
}

.access-map .shop-profile{
	margin-bottom: 20px;
}

#sub-content .access-map .shop-profile dt{
	margin-bottom: 5px;
	font-size: 18px;
	font-weight: bold;
}

.access-google-map{
	margin-bottom: 20px;
}

.access-google-map iframe{
	width: 100%;
	height: 350px;
}

.powers-list{
	margin-bottom: 20px;
	display: flex;
	display: -webkit-flex;
	justify-content: space-around;
	flex-wrap: wrap;
}

.powers-list dl{
	display: flex;
	display: -webkit-flex;
	flex-direction: column;
	width: 48%;
	margin-bottom: 10px;
	padding: 20px 15px;
	border: 1px solid #a3a3a3;
}

.powers-list dt{
	margin-bottom: 5px;
	font-weight: bold;
	text-align: center;
}

.powers-list dd{
	margin-bottom: 5px;
	text-align: center;
}

.powers-list dd.site-link{
	margin-top: auto;
}

.bus-container{
	margin-bottom: 40px;
}

.bus-container .content-layout-A{
	margin-top: 20px;
}

.bus-container .content-layout-A .image{
	margin-bottom: 20px;
}

.bus-container h3.sub-title-m{
	margin: 20px auto 10px auto;
	padding: 10px 25px;
	position: relative;
	display: inline-block;
}

.bus-container h3.sub-title-m::before,
.bus-container h3.sub-title-m::after{
	top: 0;
	bottom: 0;
	content: '';
	display: block;
	position: absolute;
	border: 5px solid #ffd647;
	width: 0.6em;
}

.bus-container h3.sub-title-m::before{
	left: 0;
	border-right: 0;
}

.bus-container h3.sub-title-m::after{
	right: 0;
	border-left: 0;
}

.bus-container .bus-root{
	text-align: center;
}

.bus-container .bus-root span{
	display: inline-block;
	padding: 5px 15px;
	font-size: 14px;
	color: #fff;
}

.bus-container .bus-root .bus100{
	background: #004ea1;
}

.bus-container .bus-root .bus200{
	background: #e70012;
}

.hachinohe-map iframe{
	margin-bottom: 20px;
	width: 100%;
	height: 400px;
}

.hachinohe-map .comment{
	margin-bottom: 20px;
	text-align: center;
}

.tourism-link-list{
	margin-bottom: 20px;
	display: flex;
	display: -webkit-flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}

.tourism-link-list dl{
	display: flex;
	display: -webkit-flex;
	flex-direction: column;
	width: 48%;
	margin: 0 1% 10px 1%;
	padding: 20px 15px;
	border: 1px solid #a3a3a3;
}

.tourism-link-list dt{
	margin-bottom: 5px;
	font-weight: bold;
	text-align: center;
}

.tourism-link-list dd::before{
	content: "●";
}

@media screen and (min-width:600px) and (max-width:960px) {

	#sub-content .access-map .shop-profile dt{
		font-size: 20px;
	}

	.bus-container .bus-root span{
		font-size: 16px;
	}

	.hachinohe-map iframe{
		margin-bottom: 40px;
		height: 600px;
	}

}

@media screen and (min-width:960px) {

	.access-map{
		margin: 60px auto 20px auto;
	}

	.access-map{
		align-items: center;
	}
		
	#sub-content .access-map .shop-profile dt{
		font-size: 20px;
	}

	.access-google-map{
		margin-bottom: 40px;
	}

	.powers-list dl{
		width: 23%;
	}

	#sub-content .powers-list dt{
		font-size: 18px;
	}

	.bus-container{
		margin-bottom: 50px;
	}

	.bus-container .content-layout-A{
		margin-top: 40px;
	}

	.bus-container .content-layout-A img{
		width: 100%;
	}

	.bus-container .content-layout-A .image,
	.bus-container .content-layout-A .text{
		width: 48%;
	}
	
	.bus-container .bus-root span{
		font-size: 16px;
	}

	.hachinohe-map iframe{
		margin-bottom: 40px;
		width: 100%;
		max-width: 1500px;
		height: 600px;
	}

	.tourism-link-list dl{
		width: 23%;
	}

	#sub-content .tourism-link-list dt{
		font-size: 18px;
	}

}

/* guide index */

.guide-index .content-layout-A .image{
	position: relative;
	width: 100%;
	height: 230px;
	overflow: hidden;
}

.guide-index .content-layout-A .image img{
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 100%;
	height: auto;
}

.guide-index .content-layout-A .text h2.sub-title-s{
	margin: 30px 0 15px 0;
	font-size: 16px;
	line-height: 1.3;
}

.guide-index .guide-navi{
	margin-top: 20px;
	display: flex;
	display: -webkit-flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}

.guide-index .guide-navi .guide-navi-container{
	margin-top: 10px;
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
}

.guide-index .guide-navi .guide-navi-container .thumbnail{
	position: relative;
	width: 100%;
	height: 70px;
	overflow: hidden;
	order: 2;
	margin-bottom: 10px;
}

.guide-index .guide-navi .guide-navi-container .thumbnail img{
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 100%;
	height: auto;
}

.guide-index .guide-navi .guide-navi-container h2{
	position: relative;
	display: inline-block;
	margin: 15px auto 10px auto;
	padding: 10px 15px;
	width: 90%;
	text-align: center;
	font-weight: bold;
	font-size: 17px;
	line-height: 1.3;
	order: 1;
}

.guide-index .guide-navi .guide-navi-container h2::before,
.guide-index .guide-navi .guide-navi-container h2::after{
	top: 0;
	bottom: 0;
	content: '';
	display: block;
	position: absolute;
	border: 6px solid #ffd647;
	width: 0.6em;
}

.guide-index .guide-navi .guide-navi-container h2::before{
	left: 0;
	border-right: 0;
}

.guide-index .guide-navi .guide-navi-container h2::after{
	right: 0;
	border-left: 0;
}

.guide-index .guide-navi .guide-navi-container .comment{
	width: 90%;
	margin: auto auto 5px auto;
	order: 3;
}

.guide-index .guide-navi .guide-navi-container .more-btn{
	order: 4;
}

.guide-index .guide-menu-list{
	margin-top: 30px;
	display: flex;
	display: -webkit-flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	width: 100%;
}

.guide-index .guide-menu-list a.menu-container{
	width: 100%;
	margin-bottom: 10px;
	position: relative;
	display: block;
	border: 3px solid #c9c9c9;
	text-decoration: none;
	background: url(../img/bg_dot.png);
}

.guide-index .guide-menu-list a.menu-container::before{
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 15px 15px;
	border-color: transparent transparent #e60012 transparent;
	z-index: -1;
}

.guide-index .guide-menu-list a.menu-container .icon{
	position: absolute;
	top: 7px;
	left: 7px;
	color: #ffd647;
	font-size: 22px;
	z-index: -1;
}

.guide-index .guide-menu-list a.menu-container .hassyoku{
	position: absolute;
	top: 7px;
	left: 5px;
	z-index: -1;
	width: 30px;
	height: 30px;
}

.guide-index .guide-menu-list a.menu-container .hassyoku path{
	fill: #ffd647;
}

.guide-index .guide-menu-list a.menu-container h3{
	padding: 15px 10px 5px 10px;
	text-align: center;
	font-weight: bold;
	line-height: 1.3;
	letter-spacing: 0;
}

.guide-index .guide-menu-list a.menu-container p{
	padding: 0px 10px 15px 10px;
}

@media screen and (min-width:600px) and (max-width:960px) {
	
	.guide-index .content-layout-A .image{
		height: 400px;
	}

	.guide-index .content-layout-A .image img{
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		width: 100%;
		height: auto;
	}

	.guide-index .content-layout-A .text h2.sub-title-s{
		font-size: 20px;
	}
	
	.guide-index .guide-navi .guide-navi-container{
		margin-top: 40px;
	}
	
	.guide-index .guide-navi .guide-navi-container h2{
		font-size: 20px;
		width: 100%;
		max-width: 680px;
		margin: auto auto 15px auto;
	}

	.guide-index .guide-navi .guide-navi-container .thumbnail{
		height: 150px;
	}
	
	.guide-index .guide-navi .guide-navi-container .comment{
		width: 100%;
		max-width: 680px;
		margin: auto auto 15px auto;
	}

	.guide-index .guide-navi .guide-navi-container .more-btn{
		width: 100%;
		max-width: 680px;
		margin: auto;
	}

	.guide-index .guide-menu-list{
		padding-left: 2.5%;
	}
	
	.guide-index .guide-menu-list a.menu-container{
		width: 47%;
		margin-bottom: 10px;
		margin-right: 1.5%;
	}
	
	.guide-index .guide-menu-list a.menu-container h3{
		padding-bottom: 15px;
		font-size: 17px;
	}
	
	.guide-index .guide-menu-list a.menu-container .icon{
		font-size: 35px;
	}

}

@media screen and (min-width:960px) {

	.guide-index .content-layout-A .text{
		order: 1;
		margin: 0;
	}

	.guide-index .content-layout-A .image{
		order: 1;
		margin: 40px 0 0 30px;
		position: relative;
		width: 50%;
		height: inherit;
		overflow: inherit;
	}
	
	.guide-index .content-layout-A .image img{
		position: relative;
		top: 0;
		left: 0;
		-webkit-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		transform: translate(0, 0);
		width: 100%;
		height: auto;
	}

	.guide-index .content-layout-A .text h2.sub-title-s{
		margin-top: 40px;
		font-size: 20px;
	}
	
	.guide-index .sub-container .guide-intro .more-btn{
		width: 100%;
	}

	.guide-index .guide-navi{
		max-width: 1500px;
		margin: 30px auto;
	}

	.guide-index .guide-navi .guide-navi-container{
		width: 33.3%;
		width: -webkit-calc(100% / 3);
		width: calc(100% / 3);
		flex-direction: column;
		flex-wrap: nowrap;
	}

	.guide-index .guide-navi .guide-navi-container .thumbnail{
		order: 1;
		height: auto;
		margin-bottom: 5px;
	}
	
	.guide-index .guide-navi .guide-navi-container .thumbnail a{
		display: block;
		overflow: hidden;
		width: 100%;
		max-height: 300px;
	}
	
	.guide-index .guide-navi .guide-navi-container .thumbnail a img{
		position: relative;
		top: 0;
		left: 0;
		-webkit-transform: translate(-0, 0);
		-ms-transform: translate(0, 0);
		transform: translate(0, 0);
		width: 100%;
		transition: 0.8s;
		-webkit-transition: 0.8s;
	}

	.guide-index .guide-navi .guide-navi-container .thumbnail a:hover img{
		transform: scale(1.2);
	}

	.guide-index .guide-navi .guide-navi-container .comment{
		margin-bottom: 15px;
	}
	
	.guide-index .guide-navi .guide-navi-container .more-btn{
		width: 90%;
		margin-top: auto;
	}

	.guide-index .guide-navi .guide-navi-container h2{
		font-size: 20px;
		order: 2;
	}

	.guide-index .guide-menu-list{
		max-width: 1400px;
		padding-left: 4%;
		margin-top: 50px;
		margin-left: auto;
		margin-right: auto;
	}

	.guide-index .guide-menu-list a.menu-container{
		width: 22.5%;
		margin-right: 1%;
		margin-left: 0;
		margin-bottom: 20px;
		transition: 0.8s;
		-webkit-transition: 0.8s;
		overflow: hidden;
		border: 4px solid #c9c9c9;
	}

	.guide-index .guide-menu-list a:hover.menu-container{
		border: 4px solid #e60012;
	}

	.guide-index .guide-menu-list a.menu-container::before{
		transition: 0.8s;
		-webkit-transition: 0.8s;
	}
	
	.guide-index .guide-menu-list a.menu-container .icon{
		top: 10px;
		left: 10px;
		font-size: 35px;
		transition: 0.8s;
		-webkit-transition: 0.8s;
	}

	.guide-index .guide-menu-list a:hover.menu-container .icon{
		color: #e60012;
	}

	.guide-index .guide-menu-list a.menu-container .hassyoku{
		width: 50px;
		height: 50px;
	}

	.guide-index .guide-menu-list a.menu-container .hassyoku path{
		transition: 0.8s;
		-webkit-transition: 0.8s;
	}

	.guide-index .guide-menu-list a:hover.menu-container .hassyoku path{
		fill: #e60012;
	}
	
	.guide-index .guide-menu-list a.menu-container h3{
		padding: 20px 20px 15px 20px;
		font-size: 17px;
		z-index: -1;
	}

	.guide-index .guide-menu-list a.menu-container p{
		padding: 0px 20px 20px 20px;
		z-index: -1;
	}
	
}

/* rental */

.rental-content #kuriya-hall{
	padding-top: 50px;
	background: url(../../guide/img/rental-kuriyahall_bg.jpg) no-repeat center top;
	background-size: 100%;
}

.rental-content #ichiba-room{
	padding-top: 50px;
	background: url(../../guide/img/rental-ichibaroom_bg.jpg) no-repeat center top;
	background-size: 100%;
}

.rental-content #saiji-hall{
	padding-top: 50px;
	background: url(../../guide/img/rental-saijihall_bg.jpg) no-repeat center top;
	background-size: 100%;
}

.rental-content #parking{
	padding-top: 50px;
	background: url(../../guide/img/rental-parking_bg.jpg) no-repeat center top;
	background-size: 100%;
}

.rental-content .rental-container{
	margin: auto;
	padding: 40px 0;
	width: 90%;
	background: #fff;
}

.rental-content #flow{
	margin: auto;
	width: 90%;
}

.rental-content .rental-container .appeal-point{
	margin-top: -70px;
}

.rental-content .rental-container .appeal-point .appeal-point-text{
	position: relative;
	display: inline-block;
	width: 90px;
	height: 90px;
	margin: auto;
}

.rental-content #kuriya-hall .rental-container .appeal-point .appeal-point-text{
	background: url(../img/icon/circle_normal_b.svg) no-repeat;
}

.rental-content #ichiba-room .rental-container .appeal-point .appeal-point-text{
	background: url(../img/icon/circle_normal_g.svg) no-repeat;
}

.rental-content #saiji-hall .rental-container .appeal-point .appeal-point-text{
	background: url(../img/icon/circle_normal_p.svg) no-repeat;
}

.rental-content #parking .rental-container .appeal-point .appeal-point-text{
	background: url(../img/icon/circle_normal_o.svg) no-repeat;
}

.rental-content .rental-container .appeal-point p{
	display: inline-block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 90px;
	height: 50px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	line-height: 1.2;
}

.rental-content .rental-container .catchcopy{
	text-align: center;
	font-weight: bold;
	color: #e60012;
}

.rental-content .rental-container h3{
	font-weight: bold;
	text-align: center;
	font-size: 18px;
}

.rental-content .rental-container h3 span{
	padding-right: 10px;
	font-size: 15px;
}

.rental-content .rental-container .price{
	margin: 10px 0;
	text-align: center;
}

.rental-content .rental-container .content-layout-A{
	margin-top: 0px;
	margin-bottom: 20px;
}

.rental-content .rental-container .content-layout-A .image img{
	width: 100%;
}

.rental-content .rental-container .use-ex{
	position: relative;
	display: inline-block;
	margin: 0 auto 20px auto;
	padding: 10px 25px;
	width: 100%;
}

.rental-content .rental-container .use-ex::before,
.rental-content .rental-container .use-ex::after{
	top: 0;
	bottom: 0;
	content: '';
	display: block;
	position: absolute;
	border: 8px solid #ffd647;
	width: 0.6em;
}

.rental-content .rental-container .use-ex::before{
	left: 0;
	border-right: 0;
}

.rental-content .rental-container .use-ex::after{
	right: 0;
	border-left: 0;
}

.rental-content .rental-container .file-list{
	margin: 10px 0;
}

.rental-content .rental-container .more-btn{
	width: 100%;
}

.rental-content .rental-container .more-btn a::after{
	background: url(../img/icon/chevron-down_w.svg) no-repeat right 10px center;
}

.rental-content #flow .step{
	position: relative;
	margin: 20px auto 40px auto;
	padding: 20px;
	border: 1px solid #a3a3a3;
}

.rental-content #flow .step::before{
	content: "";
	position: absolute;
	top: 15px;
	left: 10px;
	width: 40px;
	height: 40px;
	background: url(../img/icon/circle_normal_r.svg) no-repeat;
	background-size: 40px 40px;
	padding-top: 8px;
	color: #fff;
	font-weight: bold;
	font-size: 18px;
	text-align: center;
}

.rental-content #flow .step:nth-child(2)::before{
	content: "1";
}

.rental-content #flow .step:nth-child(3)::before{
	content: "2";
}

.rental-content #flow .step:nth-child(4)::before{
	content: "3";
}

.rental-content #flow .step:not(:last-child)::after{
	position: absolute;
	bottom: -32px;
	left: 0;
	right: 0;
	content: url(../img/icon/chevron-down_y.svg);
	width: 25px;
	height: 25px;
	margin: auto;
}

.rental-content #flow .step h4{
	margin: 5px 10px 15px 40px;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.2;
}

.rental-content #flow .step h5.caption{
	margin-top: 30px;
}

.rental-content #flow .application-list{
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.rental-content #flow .application-list .download{
	width: 48%;
}

.rental-content #flow .application-list .download h5{
	margin-top: 15px;
	margin-bottom: 5px;
	padding: 5px;
	background: #ffd647;
	text-align: center;
	font-size: 15px;
	font-weight: bold;
}

.rental-content .dantaisyoku{
	position: relative;
	margin-bottom: 20px;
	padding: 20px;
	border: 1px solid #a3a3a3;
}

.rental-content .dantaisyoku::after{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 30px 30px 0 0;
	border-color: #ffd647 transparent transparent transparent;
}

.rental-content .dantaisyoku h4{
	font-weight: bold;
	font-size: 16px;
}

.rental-content .dantaisyoku .dantaisyoku-photo{
	display: flex;
	display: -webkit-flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	margin-left: auto;
	margin-right: auto;
	padding: 10px 0;
}

.rental-content .dantaisyoku .dantaisyoku-photo figure{
	width: 49%;
	margin-bottom: 10px;
}

#sub-content .rental-content .dantaisyoku .dantaisyoku-photo figure figcaption{
	margin-top: 5px;
	text-align: left;
	font-size: 12px;
}

.rental-content .dantaisyoku .dantaisyoku-photo figure img{
	width: 100%;
}

@media screen and (min-width:600px) and (max-width:960px) {

	.rental-content #kuriya-hall,
	.rental-content #iichiba-room,
	.rental-content #saiji-hall,
	.rental-content #parking{
		padding-top: 100px;
	}
		
	#sub-content .rental-content .rental-container h3{
		font-size: 28px;
	}
	
	.rental-content .rental-container h3 span{
		font-size: 20px;
	}

	#sub-content .rental-content .rental-container .appeal-point p{
		font-size: 15px;
	}
	
	.rental-content .rental-container .use-ex{
		padding: 10px 40px;
	}

	#sub-content .rental-content .rental-container .use-ex li{
		font-size: 17px;
	}

	.rental-content #flow .step::before{
		top: 10px;
		width: 50px;
		height: 50px;
		background-size: 50px 50px;
		padding-top: 10px;
		font-size: 20px;
	}

	.rental-content #flow .step h4{
		margin: 5px 20px 20px 50px;
		font-size: 18px;
	}

	#sub-content .rental-content .dantaisyoku .dantaisyoku-photo figure figcaption{
		font-size: 14px;
	}

}

@media screen and (min-width:960px) {

	.rental-content #kuriya-hall,
	.rental-content #ichiba-room,
	.rental-content #saiji-hall,
	.rental-content #parking{
		max-width: 1800px;
		padding-top: 150px;
	}

	.rental-content #flow{
		max-width: 1300px;
		padding-bottom: 10px;
	}
	
	.rental-content .rental-container{
		max-width: 1300px;
		position: relative;
		padding-top: 0px;
		padding-bottom: 60px;
	}

	.rental-content .rental-container .title{
		position: relative;
		display: inline-block;
	}

	.rental-content .rental-container .title-text{
		display: inline-block;
		padding: 25px 0px 0px 150px;
	}

	.rental-content .rental-container .appeal-point{
		margin-top: 0px;
		display: inline-block;
		position: absolute;
		top: -15px;
		left: 0;
	}

	.rental-content .rental-container .appeal-point .appeal-point-text{
		position: relative;
		display: inline-block;
		width: 130px;
		height: 130px;
		margin: auto;
	}

	#sub-content .rental-content .rental-container .appeal-point p{
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
		width: 100px;
		height: 72px;
		font-size: 20px;
	}

	.rental-content .rental-container .price{
		margin: 20px 0 10px 0;
	}

	.rental-content .rental-container .content-layout-A{
		margin-top: 40px;
	}

	.rental-content .rental-container .content-layout-A .text{
		order: 1;
		padding: 0px 20px 0px 40px;
	}

	.rental-content .rental-container .content-layout-A .image{
		order: 2;
		padding: 0px 40px 0px 20px;
	}

	#sub-content .rental-content .rental-container h3{
		margin-top: 5px;
		font-size: 30px;
	}
	
	.rental-content .rental-container h3 span{
		font-size: 20px;
	}

	.rental-content .rental-container .use-ex{
		padding: 10px 40px;
	}

	#sub-content .rental-content .rental-container .use-ex li{
		font-size: 17px;
	}

	.rental-content .rental-container .more-btn{
		width: 550px;
	}
	
	.rental-content .rental-container .more-btn a::after{
		background: url(../img/icon/chevron-down_w.svg) no-repeat right 12px center;
	}

	.rental-content .rental-container .more-btn a:hover::after{
		background: url(../img/icon/chevron-down_r.svg) no-repeat right 12px center;
	}

	.rental-content #flow .step{
		max-width: 1000px;
		padding: 20px 40px 30px 40px;
	}

	.rental-content #flow .step::before{
		top: 15px;
		left: 15px;
		width: 50px;
		height: 50px;
		background-size: 50px 50px;
		padding-top: 10px;
		font-size: 20px;
	}

	.rental-content #flow .step h4{
		margin: 10px 20px 20px 35px;
		font-size: 18px;
	}

	.rental-content #flow .application-list .download{
		width: 33%;
	}

	.rental-content #flow .application-list .download h5{
		margin-top: 20px;
		margin-bottom: 10px;
	}

	.rental-content .dantaisyoku{
		padding: 20px 30px;
	}
	
	.rental-content .dantaisyoku h4{
		font-size: 20px;
	}

	.rental-content .dantaisyoku .dantaisyoku-photo{
		max-width: 1100px;
		flex-wrap: nowrap;
	}

	.rental-content .dantaisyoku .dantaisyoku-photo figure{
		width: inherit;
		margin: 5px;
	}

	#sub-content .rental-content .dantaisyoku .dantaisyoku-photo figure figcaption{
		font-size: 14px;
	}

}

/* history */

.history-container{
	margin-top: -20px;
}

.history-container .event{
	margin-left: 30px;
	padding-top: 10px;
	padding-left: 25px;
	border-left: 3px dotted #e60012;
}

#sub-content .history-container .event h4{
	font-weight: bold;
	font-size: 16px;
}

.history-container .event p{
	padding-bottom: 10px;
}

.history-container .event h4 + p{
	padding-top: 5px;
}

.history-container .year{
	padding: 20px 0 10px 0;
}

#sub-content .history-container .year h3{
	font-family: "コーポレート・ロゴＢ";
	font-size: 22px;
}

.history-container .year h3 span{
	font-size: 15px;
}

.history-container .year ul{
	margin: 10px 20px 10px 0;
}
	
.history-container .year li{
	margin-bottom: 10px;
	padding-left: 20px;
	color: #e60012;
	font-weight: bold;
	line-height: 1.3;
	border-left: 5px solid #ffd647;
}

.history-container .event{
	display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
	justify-content: space-around;
	flex-direction: column;
}

.history-container .event .history-article{
	order: 1;
}

.history-container .event figure{
	margin-top: 10px;
	order: 2;
	width: 100%;
}

.history-container .event figure img{
	width: 100%;
	padding: 8px;
	border: 1px solid #a3a3a3;
}

#sub-content .history-container .event figure figcaption{
	margin-top: 5px;
	text-align: left;
	font-size: 12px;
}

#sub-content .history-container .event figure a{
	display: block;
}

.history-container .event figure figcaption .icon{
	padding-right: 5px;
}

@media screen and (min-width:600px) and (max-width:960px) {

	#sub-content .history-container .event h4{
		font-size: 18px;
	}

}

@media screen and (min-width:960px) {

	.history-container{
		margin-top: 0;
		padding-bottom: 40px;
		display: flex;
		display: -webkit-flex;
		justify-content: flex-start;
		flex-wrap: wrap;
	}
	
	.history-container .year{
		position: relative;
		width: 20%;
		border-right: 1px solid #a3a3a3;
		padding: 40px 0;
	}

	.history-container .year::after{
		content: "";
		position: absolute;
		left: 0;
		bottom: 0;
		display: block;
		width: 85%;
		height: 1px;
		background: #c9c9c9;
	}

	.history-container .year ul{
		margin-bottom: 20px;
	}

	.history-container .event{
		display: block;
		position: relative;
		width: 80%;
		border-bottom: none;
		justify-content: space-between;
		box-sizing: border-box;
		margin-left: 0;
		padding-top: 40px;
		border-left: none;
		flex-wrap: wrap;
	}

	.history-container .event::after{
		content: "";
		position: absolute;
		right: 0;
		bottom: 0;
		display: block;
		width: 96%;
		height: 1px;
		background: #c9c9c9;
	}

	.history-container .event figure{
		float: right;
		width: 300px;
		margin-left: 20px;
	}

	.history-container .event figure a:hover img{
		opacity: 0.7;
		filter: alpha(opacity=70);
		-ms-filter: "alpha(opacity=70)";
	}

	#sub-content .history-container .event figure figcaption{
		margin-bottom: 20px;
		font-size: 13px;
	}
	
	.history-container .f-year,
	.history-container .f-event{
		padding-top: 20px;
	}

	#sub-content .history-container .year h3{
		font-size: 24px;
	}

	.history-container .year h3 span{
		display: block;
		font-size: 17px;
	}
	
	#sub-content .history-container .event h4{
		margin-left: 4%;
		font-size: 18px;
	}
	
	.history-container .event p{
		display: block;
		margin-left: 4%;
		padding-bottom: 40px;
	}
	
	.history-container .event p + h4{
		margin-top: -10px;
	}

}

/* cm */

.cm-movie,
.advertisement{
	margin-bottom: 20px;
}

.cm-movie .youtube{
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
}

.cm-movie .youtube iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.cm-movie h4{
	margin: 10px 0;
	font-weight: bold;
}

#sub-content h4 .update{
	padding-left: 10px;
	font-size: 12px;
	font-weight: normal;
}

#sub-content h4 .update::before{
	content: "[";
	padding-right: 5px;
}

#sub-content h4 .update::after{
	content: "]";
	padding-left: 5px;
}

#sub-content .cm-movie p{
	margin: 10px 0;	
	font-size: 13px;
}

@media screen and (min-width:960px) {

	.cm-movie,
	.advertisement{
		margin: 30px 0 60px 0;
	}

	.cm-movie .youtube{
		margin-bottom: 20px;
	}

	.cm-movie h4.caption{
		font-size: 22px;
	}

	#sub-content h4 .update{
		font-size: 13px;
	}

	#sub-content .cm-movie p{
		margin: 10px 0;	
		font-size: 15px;
	}

	.advertisement-list{
		display: flex;
		display: -ms-flexbox;
		display: -webkit-flex;
		justify-content: space-between;
		box-sizing: border-box;
	}

	.advertisement-list .advertisement{
		width: 47%;
	}

	.advertisement-list .advertisement{
		display: flex;
		display: -ms-flexbox;
		display: -webkit-flex;
		flex-direction: column;
	}

	.advertisement-list .advertisement .text{
		margin-top: auto;
	}

}

/* introduction */

#intro-content .intro-top{
	width: 100%;
	min-height: 150px;
	background: url(/guide/img/intro_main-image.jpg) no-repeat left bottom;
	background-size: cover;
}

#intro-content .intro-top h2{
	padding: 15px;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	text-shadow: 2px 2px 3px #666;
}

#intro-content .intro-top p{
	display: none;
	font-family: "FOT-筑紫明朝 Pr6N M";
}

#intro-content .intro-text-container .text{
	width: 90%;
	margin: auto;
	position: relative;
}

#intro-content .intro-text-container.gourmet .text::after{
	content: "食";
	position: absolute;
	top: -55px;
	right: -10px;
	color: #ffd84e;
	font-size: 100px;
	font-family: "FOT-筑紫明朝 Pr6N M";
	z-index: -1;
}

#intro-content .intro-text-container.leisure .text::after{
	content: "楽";
	position: absolute;
	top: -55px;
	right: -10px;
	color: #ffd84e;
	font-size: 100px;
	font-family: "FOT-筑紫明朝 Pr6N M";
	z-index: -1;
}

#intro-content .intro-text-container.event .text::after{
	content: "遊";
	position: absolute;
	top: -55px;
	right: -10px;
	color: #ffd84e;
	font-size: 100px;
	font-family: "FOT-筑紫明朝 Pr6N M";
	z-index: -1;
}

#intro-content .intro-text-container .text h3{
	margin: 15px 0 10px 0;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 0;
}

#intro-content .intro-text-container figure.slide-image{
	position: relative;
	height: 300px;
	overflow: hidden;
	background: #fff;
}

#intro-content .intro-text-container figure.slide-image img{
	position:absolute;
	width: 100%;
	overflow: hidden;
	top: 0;
	left: 0;
	animation: imgTrans 15s infinite;
}

#intro-content .intro-text-container figure.slide-image img:nth-child(2){
	animation: imgTrans2 15s infinite;
}

@-webkit-keyframes imgTrans {
	0% { opacity:1; }
	20% { opacity:1; }
	30% { opacity:1; }
	50% { opacity:0; }
	80% { opacity:0; }
	100% { opacity:1; }
}

@-moz-keyframes imgTrans {
	0% { opacity:1; }
	20% { opacity:1; }
	30% { opacity:1; }
	50% { opacity:0; }
	80% { opacity:0; }
	100% { opacity:1; }
}
   
@keyframes imgTrans {
	0% { opacity:1; }
	20% { opacity:1; }
	30% { opacity:1; }
	50% { opacity:0; }
	80% { opacity:0; }
	100% { opacity:1; }
}

@-webkit-keyframes imgTrans2 {
	0% { opacity:0; }
	30% { opacity:0; }
	50% { opacity:1; }
	80% { opacity:1; }
	100% { opacity:0; }
}

@-moz-keyframes imgTrans2 {
	0% { opacity:0; }
	30% { opacity:0; }
	50% { opacity:1; }
	80% { opacity:1; }
	100% { opacity:0; }
}
   
@keyframes imgTrans2 {
	0% { opacity:0; }
	30% { opacity:0; }
	50% { opacity:1; }
	80% { opacity:1; }
	100% { opacity:0; }
}

#intro-content .intro-text-container .text .more-btn{
	width: 100%;
	margin-top: 20px;
	margin-bottom: 20px;
}

#intro-content .intro-bottom{
	display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
	flex-direction: column;
}

#intro-content .intro-bottom figure{
	order: 2;
}

#intro-content .intro-bottom figure img{
	width: 100%;
}

#intro-content .intro-bottom h3{
	margin: 20px auto;
	order: 1;
	font-weight: bold;
	font-size: 20px;
	text-align: center;
}

#intro-content .intro-bottom p{
	margin: 20px auto 0 auto;
	width: 90%;
	order: 3;
}

#intro-content .intro-bottom p.logo-mark{
	width: 50%;
}

@media screen and (min-width:600px) and (max-width:960px) {

	#intro-content section{
		width: 100%;
		max-width: 100%;
	}

	#intro-content .intro-top{
		width: 100%;
		min-height: 300px;
	}

	#intro-content .intro-top h2{
		padding: 20px;
		font-size: 26px;
	}

	#intro-content .intro-text-container{
		display: flex;
		display: -ms-flexbox;
		display: -webkit-flex;
		justify-content: space-around;
		box-sizing: border-box;
	}

	#intro-content .intro-text-container:nth-child(even) .text{
		order: 2;
	}

	#intro-content .intro-text-container:nth-child(even) figure{
		order: 1;
	}

	#intro-content .intro-text-container .text{
		margin: 0;
		width: 50%;
		position: relative;
	}

	#intro-content .intro-text-container.gourmet .text::after{
		content: "食";
		position: absolute;
		top: -50px;
		right: 0;
		color: #ffd84e;
		font-size: 140px;
		font-family: "FOT-筑紫明朝 Pr6N M";
		z-index: -1;
	}

	#intro-content .intro-text-container.leisure .text::after{
		content: "楽";
		position: absolute;
		top: -50px;
		right: 0;
		color: #ffd84e;
		font-size: 140px;
		font-family: "FOT-筑紫明朝 Pr6N M";
		z-index: -1;
	}

	#intro-content .intro-text-container.event .text::after{
		content: "遊";
		position: absolute;
		top: -50px;
		right: 0;
		color: #ffd84e;
		font-size: 140px;
		font-family: "FOT-筑紫明朝 Pr6N M";
		z-index: -1;
	}

	#intro-content .intro-text-container .text h3{
		margin: 20px 20px 10px 20px;
		font-size: 20px;
	}

	#intro-content .intro-text-container .text p{
		margin: 10px 20px 20px 20px;
		font-size: 15px;
	}

	#intro-content .intro-text-container .text .more-btn{
		width: calc(100% - 40px);
	}

	#intro-content .intro-text-container figure{
		width: 50%;
		margin: 0;
		overflow: hidden;
	}

	#intro-content .intro-text-container figure img{
		width: 100%;
		height: 600px;
		object-fit: cover;
	}

	#intro-content .intro-text-container figure.slide-image{
		position: relative;
		height: 600px;
	}
	
	#intro-content .intro-bottom figure{
		order: 1;
	}
	
	#intro-content .intro-bottom h3{
		margin: 40px auto 0 auto;
		order: 2;
		font-size: 32px;
	}

	#intro-content .intro-bottom p{
		text-align: center;
		line-height: 1.8;
	}

	#intro-content .intro-bottom p.logo-mark{
		margin: 40px auto 0 auto;
		width: 360px;
	}

}

@media screen and (min-width:960px) {

	#intro-content section{
		width: 100%;
		max-width: 100%;
	}

	#intro-content .intro-top{
		width: 100%;
		min-height: 450px;
	}

	#intro-content .intro-top h2{
		padding: 30px;
		font-size: 38px;
	}

	#intro-content .intro-text-container{
		display: flex;
		display: -ms-flexbox;
		display: -webkit-flex;
		justify-content: space-around;
		box-sizing: border-box;
	}

	#intro-content .intro-text-container:nth-child(even) .text{
		order: 2;
	}

	#intro-content .intro-text-container:nth-child(even) figure{
		order: 1;
	}

	#intro-content .intro-text-container .text{
		margin: 0;
		width: 50%;
		position: relative;
	}

	#intro-content .intro-text-container.gourmet .text::after{
		content: "食";
		position: absolute;
		top: -60px;
		right: 0;
		color: #ffd84e;
		font-size: 165px;
		font-family: "FOT-筑紫明朝 Pr6N M";
		z-index: -1;
	}

	#intro-content .intro-text-container.leisure .text::after{
		content: "楽";
		position: absolute;
		top: -60px;
		right: 0;
		color: #ffd84e;
		font-size: 165px;
		font-family: "FOT-筑紫明朝 Pr6N M";
		z-index: -1;
	}

	#intro-content .intro-text-container.event .text::after{
		content: "遊";
		position: absolute;
		top: -60px;
		right: 0;
		color: #ffd84e;
		font-size: 165px;
		font-family: "FOT-筑紫明朝 Pr6N M";
		z-index: -1;
	}

	#intro-content .intro-text-container .text h3{
		margin: 20px 30px 15px 30px;
		font-size: 24px;
	}

	#intro-content .intro-text-container .text p{
		margin: 15px 30px 20px 30px;
		line-height: 1.8;
	}

	#intro-content .intro-text-container .text .more-btn{
		width: calc(100% - 60px);
		max-width: 900px;
		margin-left: auto;
		margin-right: auto;
	}

	#intro-content .intro-text-container .text .more-btn a:hover::before{
		border-width: 0 0 900px 900px;
	}

	#intro-content .intro-text-container figure{
		position: relative;
		margin: 0;
		width: 50%;
		height: 620px;
		overflow: hidden;
	}

	#intro-content .intro-text-container figure img{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 620px;
		object-fit: cover;
	}
	
	#intro-content .intro-text-container figure.slide-image{
		position: relative;
		height: 620px;
	}

	#intro-content .intro-bottom figure{
		order: 1;
	}
	
	#intro-content .intro-bottom h3{
		margin: 40px auto 0 auto;
		order: 2;
		font-size: 32px;
	}
	
	#intro-content .intro-bottom p{
		text-align: center;
		line-height: 1.8;
	}

	#intro-content .intro-bottom p.logo-mark{
		margin: 40px auto;
		width: 360px;
	}

}

/* policy */

.sns-list{
	margin-bottom: 20px;
	display: flex;
	display: -webkit-flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}

.sns-list dl{
	width: 48%;
	margin: 0 1% 10px 1%;
	padding: 15px 10px;
	border: 1px solid #a3a3a3;
}

.sns-list dt{
	position: relative;
	vertical-align: middle;
	margin-bottom: 5px;
	text-align: center;
	width: 100%;
	height: 60px;
}

.sns-list dt a img{
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 60px;
	height: inherit;
}

.sns-list dt img{
	max-width: 50px;
}

.sns-list .fb dt img{
	max-width: 25px;
}

.sns-list dd.sns-name{
	font-weight: bold;
}

.sns-list dd{
	margin-bottom: 5px;
	text-align: center;
}

.social-policy-list .definition-list{
	margin-top: 40px;
}

@media screen and (min-width:960px) {

	.sns-list dl{
		width: 23%;
	}

	#sub-content .sns-list dt{
		font-size: 18px;
	}

}

/* outline */

.outline{
	width: 100%;
}

.outline tr{
	border-bottom: 1px solid #a9a9a9;
}

.outline th{
	padding: 15px 20px;
	white-space: nowrap;
}

.outline td{
	padding: 15px 20px;
	line-height: 1.5;
}

@media screen and (min-width:960px) {

	.outline{
		margin-bottom: 80px;
	}

	.outline th{
		padding-right: 40px;
	}

}

/* open */

.open-image{
	margin-top: 40px;
	max-height: 300px;
	overflow: hidden;
}

.open-image img{
	width: 100%;
	max-width: 1800px;
	margin: auto;
}

@media screen and (min-width:960px) {

	.open-content{
		margin: auto;
		max-width: 1300px;
	}

}

/* news */

.news-list{
	margin: auto;
}

.news-list ul{
	padding-bottom: 20px;
}

#sub-content .news-list li{
	padding: 15px 5px;
	border-bottom: 1px solid #c9c9c9;
	letter-spacing: 1px;
}

.news-list li a{
	display: block;
	text-decoration: none;
	color: #242424;
}

#sub-content .news-list li .category{
	display: inline-block;
	margin-left: 10px;
	padding: 3px 8px;
	color: #fff;
	font-size: 13px;
}

.news-list li .news{
	background: #f87806;;
}

.news-list li .flyer{
	background: #2a8e16;
}

.news-list li .entry-title{
	margin-top: 5px;
	font-size: 17px;
}

@media screen and (min-width:600px) and (max-width:960px) {

	#sub-content .news-list li .category{
		font-size: 15px;
	}

	.news-list li .entry-title{
		font-size: 18px;
	}

}

@media screen and (min-width:960px) {

	.news-list{
		margin: auto;
		max-width: 1300px;
	}

	.news-list ul{
		margin: auto auto 80px auto;
		max-width: 900px;
	}
	
	#sub-content .news-list li .category{
		font-size: 15px;
	}

	.news-list li .entry-title{
		font-size: 18px;
	}
	
	.news-list li a:hover .entry-title{
		color: #e60012;
		text-decoration: underline;
	}
	
}

/* 404 not found */

.notfound-text{
	padding-bottom: 20px;
}

@media screen and (min-width:960px) {

	.notfound-text{
		padding-bottom: 40px;
	}

}

/* web camera */

.web-camera{
	padding: 20px 0;
}

.web-camera .camera-video{
	display: inline-block;
}

.web-camera .camera-video iframe{
	width: 300px;
	max-width: 100%;
	height: 225px;
}

/* mail-magazine */

.mail-magazine-form h3{
	margin-top: 40px;
}

.mail-magazine-form h3::after{
	content: "";
	margin: 5px auto 0 auto;
	display: block;
	width: 300px;
	max-width: 100%;
	height: 3px;
	background: #e60012;
}

.mail-magazine-form p{
	text-align: center;
}

.mail-magazine-form table{
	margin: 20px auto;
	width: 100%;
	border: none;
}

.mail-magazine-form tr{
	margin: auto;
	border: none;
}

.mail-magazine-form th{
	display: block;
	width: 100%;
	border: none;
}

.mail-magazine-form td{
	display: block;
}

.mail-magazine-form .input-form{
	width: 100%;
}

.mail-magazine-list{
	margin: 10px auto;
	display: flex;
	display: -webkit-flex;
	justify-content: space-around;
	flex-wrap: wrap;
}

#sub-content .mail-magazine-list li{
	margin-top: 5px;
	margin-bottom: 5px;
	width: 48%;
	padding: 25px 15px;
	text-align: center;
	line-height: 1.2;
	color: #fff;
	font-size: 17px;
	font-family: "FOT-スーラ Pro DB";
	background: #0098e6;
}

#sub-content .mail-magazine-list li:nth-child(2){
	background: #2a8e16;
}

#sub-content .mail-magazine-list li:nth-child(3){
	background: #ec4977;
}

#sub-content .mail-magazine-list li:nth-child(4){
	background: #f87806;
}

@media screen and (min-width:600px) and (max-width:960px) {

	#sub-content .mail-magazine-list li{
		width: 24%;
		padding: 30px 20px;
		font-size: 19px;
	}

}

@media screen and (min-width:960px) {

	.mail-magazine-form h3{
		margin-top: 60px;
	}

	.mail-magazine-form table{
		max-width: 700px;
	}
	
	.mail-magazine-form th{
		display: table-cell;
		width: auto;
		border: none;
		border: 1px solid #a3a3a3;
	}

	.mail-magazine-form td{
		display: table-cell;
		border: 1px solid #a3a3a3;
	}

	#sub-content .mail-magazine-list{
		margin: 15px auto;
		max-width: 700px;
	}
	
	#sub-content .mail-magazine-list li{
		width: 24%;
		padding: 30px 20px;
		font-size: 19px;
	}

}

/* sitemap */

.sitemap-list h3{
	margin-top: 40px;
}

.sitemap-list h3::after{
	content: "";
	margin: 5px auto 0 auto;
	display: block;
	width: 350px;
	max-width: 100%;
	height: 3px;
	background: #e60012;
}

@media screen and (min-width:960px) {

	.sitemap-list{
		margin: auto;
		max-width: 850px;
		display: flex;
		display: -webkit-flex;
		justify-content: space-around;
		flex-wrap: wrap;
	}

	.sitemap-list .sitemap-list-container{
		width: 50%;
	}

	.sitemap-list h3::after{
		width: 350px;
	}
	
	.sitemap-list ul{
		margin-left: auto;
		margin-right: auto;
		max-width: 350px;
	}
	
}

/* camera */

.howto-camera{
	margin: 30px 0;
}

.howto-camera h3{
	margin-top: 20px;
}

/* kids guide */

.kid-guide-content p.more-btn{
	margin-bottom: 20px;
}

.kid-guide-content h3.sub-title-m{
	margin-bottom: 30px;
}

.kid-guide-content h3.sub-title-m::before{
	content: "for\AKids";
	white-space: pre;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: auto auto 5px auto;
	width: 50px;
	height: 50px;
	border-radius: 25px;
	background: #FFA2AF;
	color: #fff;
	text-align: center;
	font-size: 12px;
	line-height: 1.2;
}

.kid-guide-content #kids-play .content-layout-A{
	margin: 30px 0;
}

.kid-guide-content #kids-play .content-layout-A .sub-caption{
	margin-bottom: 10px;
	text-align: center;
}

.kid-guide-content .menu-list{
	margin: 20px 0;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.kid-guide-content .menu-list .menu-list-container{
	margin: 20px 0 0 0;
	width: 48.6%;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
}

.kid-guide-content .menu-list .menu-list-container .sub-caption{
	margin: 10px 0 5px 0;
	font-weight: bold;
	font-size: 14px;
}

#sub-content .kid-guide-content .menu-list .menu-list-container p.text{
	margin-bottom: 10px;
	font-size: 13px;
}

.kid-guide-content .menu-list .menu-list-container p.more-btn{
	margin-top: auto;
	margin-bottom: 0;
}

@media screen and (min-width:600px) {

	.kid-guide-content{
		margin-bottom: 80px;
	}

	.kid-guide-content .caption-text-b{
		margin-bottom: 20px;
	}

	.kid-guide-content h3.sub-title-m{
		margin-bottom: 45px;
	}
	
	.kid-guide-content h3.sub-title-m::before{
		margin: auto auto 10px auto;
		width: 80px;
		height: 80px;
		border-radius: 40px;
		font-size: 16px;
	}	

	.kid-guide-content #kids-service p.more-btn{
		margin-top: 40px;
	}

	.kid-guide-content #kids-play .content-layout-A{
		margin: 40px 0;
	}

	.kid-guide-content #kids-play .content-layout-A figure img{
		width: 100%;

	}

	.kid-guide-content #kids-play .content-layout-A:last-child{
		margin-bottom: 0;
	}
	
	.kid-guide-content .menu-list .menu-list-container{
		margin: 30px 0 0 0;
	}

	.kid-guide-content .menu-list .menu-list-container .sub-caption{
		margin: 10px 0 5px 0;
		font-size: 16px;
	}
	
	#sub-content .kid-guide-content .menu-list .menu-list-container p.text{
		margin-bottom: 15px;
		font-size: 15px;
	}
	
}

@media screen and (min-width:960px) {

	.kid-guide-content #kids-play .content-layout-A .sub-caption{
		text-align: left;
	}

	.kid-guide-content #kids-play p.more-btn{
		margin-top: -30px;
		margin-bottom: 60px;
	}

	.kid-guide-content .menu-list{
		justify-content: center;
	}
	
	.kid-guide-content .menu-list .menu-list-container{
		width: 31%;
		margin: 30px 1% 0 1%;
	}

	.kid-guide-content .menu-list .menu-list-container p.more-btn{
		width: 100%;
		max-width: 100%;
		min-width: 100%;
	}

	.kid-guide-content .entry-list{
		margin-top: 40px;
	}

}

.banner-kids{
	margin: 20px auto 40px auto;
}

.banner-kids img{
	transition: 0.3s;
}

.banner-kids img:hover{
	opacity: 0.7;
}

/* kuriya-land */

.kuriya-land-title{
	padding-top: 20px;
}

.kuriya-land-introduction .kuriya-land-introduction-image{
	position: relative;
}

.kuriya-land-introduction .kurimaru{
	position: absolute;
	bottom: -20px;
	left: 10px;
	width: 80px;
}

.kuriya-land-introduction h3{
	margin: 30px auto 10px auto;
	text-align: center;
	font-weight: bold;
	font-size: 20px;
	padding: 10px 25px;
	position: relative;
	display: inline-block;
}

.kuriya-land-introduction h3::before,
.kuriya-land-introduction h3::after{
	top: 0;
	bottom: 0;
	content: '';
	display: block;
	position: absolute;
	border: 5px solid #ffd647;
	width: 0.6em;
}

.kuriya-land-introduction h3::before{
	left: 0;
	border-right: 0;
}

.kuriya-land-introduction h3::after{
	right: 0;
	border-left: 0;
}

.kuriya-land-introduction h4{
	margin: 10px auto;
	width: 90%;
	text-align: center;
	font-weight: bold;
}

.kuriya-land-introduction p{
	margin: auto;
	width: 90%;
}

.kuriya-land-floor{
	margin: 20px auto;
}

.facility-list-C.kuriya-land-floor .facility-container span.no{
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right: 10px;
	width: 30px;
	height: 30px;
	border-radius: 15px;
	text-align: center;
	color: #fff;
	line-height: 0;
	background: #EB6984;
}

.facility-list-C.kuriya-land-floor .facility-container .kuriya-target::before{
	content: "●";
}

.facility-list-C.kuriya-land-floor .facility-container.kuriya-high span.no{
	background: #BF621F;
}

.facility-list-C.kuriya-land-floor .facility-container.kuriya-high .kuriya-target{
	color: #BF621F;
}

.facility-list-C.kuriya-land-floor .facility-container.kuriya-low span.no{
	background: #428338;
}

.facility-list-C.kuriya-land-floor .facility-container.kuriya-low .kuriya-target{
	color: #428338;
}

#kuriya-land-guide + .data-table{
	margin: auto;
}

@media screen and (min-width:600px) {

	.kuriya-land-introduction h4{
		font-size: 18px;
	}

	#sub-content .facility-list-C.kuriya-land-floor .facility-container p.kuriya-target{
		font-size: 15px;
	}

	.content-layout-C{
		display: flex;
		justify-content: space-around;
		align-items: center;
	}

	.content-layout-C .text{
		margin-right: 20px;
	}

}

@media screen and (min-width:960px) {

	.kuriya-land-floor{
		margin: 40px auto;
	}
	
	.kuriya-land-introduction .kurimaru{
		position: absolute;
		bottom: -40px;
		left: auto;
		right: 60px;
		width: 180px;
	}

	.kuriya-land-introduction h3{
		margin: 45px auto 30px auto;
		font-size: 26px;
		padding: 20px 40px;
		position: relative;
		display: inline-block;
	}
	
	.kuriya-land-introduction h3::before,
	.kuriya-land-introduction h3::after{
		border: 5px solid #ffd647;
		width: 0.8em;
	}

	.kuriya-land-introduction h3::before{
		border-right: 0;
	}

	.kuriya-land-introduction h3::after{
		border-left: 0;
	}

	.kuriya-land-introduction h4{
		margin: 10px auto 20px auto;
	}

	.content-layout-C .text{
		margin-right: 40px;
	}

}