/**
 * アクセス開閉ボックス
 */
.wrapper-headerinfo {
	display: none;
}

/**
 * 料理カルーセル
 */
/* カルーセル */
.wrapper-gallery {
	display: flex;
	justify-content: space-between;
	width: 98%;
	margin:0 auto;
}
.gallery_1{
	padding: 20px 2.2727272%;/* 2.2727272%（20px/880px） */
	background: #FFCFF4;
	border-radius: 20px;
	line-height: 0;
	width: 43.2%;
	margin: 0 1% 20px;
}
.gallery_2{
	padding: 20px 2.2727272%;/* 2.2727272%（20px/880px） */
	background: #FFD0B0;
	border-radius: 20px;
	line-height: 0;
	width: 43.2%;
	margin: 0 1% 20px;
}
.gallery_1 h3{
	font-size: 1.8rem;
	font-weight: 580;
	color: #333333;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","serif","Sawarabi Mincho";
	padding: 5px 4% 14px;
	line-height: 1.6rem;
}
.gallery_2 h3{
	font-size: 1.8rem;
	font-weight: 580;
	color: #333333;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","serif","Sawarabi Mincho";
	padding: 5px 4% 14px;
	line-height: 1.6rem;
}
.gallery_1 p,
.gallery_2 p{
	color: #000000;
	padding: 20px 2%;
	line-height: 1.2rem;
}
.carousel_1,
.carousel_2 {
	position: relative;
	overflow: hidden;
	width: 100%;
	margin-top: 30px;
}
.thumbs_1,
.thumbs_2{
	position: relative;
	left: 0;
	width: 834px;
	padding-bottom:10px;
}
.thumbs-list_1,
.thumbs-list_2 {
	float: left;
	font-size: 0;
}
.thumbs-list_1 li,
.thumbs-list_2 li {
	display: inline-block;
	margin: 0 1px;
	border: 2px solid transparent;
	width: 76px;
}

/* ［＜］［＞］ボタン */
.thumbs-nav_1 a{
	display: block;
	position: absolute;
	bottom: 5px;
	
	width: 41px;
	height: 41px;
	background-image: url(../images/thumbnails-nav.png);
}
.thumbs-nav_2 a{
	display: block;
	position: absolute;
	bottom: 5px;
	
	width: 41px;
	height: 41px;
	background-image: url(../images/thumbnails-nav.png);
}
a.prev_1,
a.prev_2{
	left: 5px;
	bottom: 1px;
	background-position: -81px 40px;
}
a.prev_1:hover,
a.prev_2:hover{
	background-position: -41px 40px;
}
a.prev_1:active,
a.prev_2:active{
	background-position: -1px 40px;
}
a.next_1,
a.next_2{
	right: 4px;
	bottom: 1px;
	background-position: -1 0;
}
a.next_1:hover,
a.next_2:hover{
	background-position: -41px 0;
}
a.next_1:active,
a.next_2:active{
	background-position: -81px 0;
}

/**
 * 料理カルーセル　大きな画像を表示する
 */
/* メイン画像のスタイル */
.mainimage_1,
.mainimage_2{
	position: relative;
	overflow: hidden;
}
.mainimage_1 img,
.mainimage_2 img{
	max-width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	border-radius: 16px;
}
.mainimage_1 img.front,
.mainimage_2 img.front{
	position: relative;
}

/* サムネイルのハイライト */
.thumbs-list_1 li.selected,
.thumbs-list_2 li.selected{
	border: 2px solid #61FF4F;
}
.thumbs-list_1 li a:hover img,
.thumbs-list_2 li a:hover img{
	opacity: 0.8;
}

/* キャプション */
.caption_1,
.caption_2{
	margin: 20px 0 0 0;
	font-size: 1rem;
	color: #000000;
}

/*料理カルーセル ウィンドウ幅800px以下*/
@media screen and (max-width:800px) {
	.wrapper-gallery {
		display: block;
		width: 90%;
		margin: 0 auto;
	}
	.gallery_1,
	.gallery_2{
		width: 90%;
		margin:0 auto 20px;
	}
}
/*料理カルーセル ウィンドウ幅600px以下*/
@media screen and (max-width:600px) {
	.wrapper-gallery {
		width: 94%;
	}
	.gallery_1,
	.gallery_2{
		width: 94%;
	}
}


/**
 * ページメニュー
 */
.wrapper-page-menu {
	max-width: 960px;
	margin: 0 auto 20px;
}
.fixed{
	position: fixed;
	width: 100%;
	border-bottom:solid 2px #CCCCCC;
}
.fixed .page-menu {
	background-color: #FFFFFF;
	border-radius: 0;
}
.page-menu {
	background-color: rgba(239,163,190,0.7);
	border-radius: 10px;
	margin: 0 7%;
	padding: 5px 0.7%;
}
.page-menu ul.menu_left,ul.menu_right {
	float: left;
	width: 48%;
}
.page-menu ul.three_menu{
	float: left;
	width: 31%;
}
.page-menu ul.menu_left,ul.three_menu {
	margin-right:1.5%;
}
.page-menu ul.menu_left li,ul.menu_right li,ul.three_menu li {
	margin: 8px;
}
.page-menu ul.menu_left li a,ul.menu_right li a {
	background-color: #D4145A;
	color: #FFFFFF;
	border-radius: 20px;
	display: block;
	width: 100%;
	padding:3px 0 3px 20px;
	box-shadow:1px 1px 2px 0px #000000;/* 影を指定（[右][下][ぼかし][広がり][影の色]） */
}
.page-menu ul.menu_left li a.map_scroll,ul.menu_right li a.map_scroll,ul.three_menu li a.map_scroll{ /* 周辺マップ・アクセス用 */
	text-align: center;
	font-size: 1.2rem;
	padding-top: 5px;
	padding-bottom: 5px;
}
.page-menu ul.menu_left li a.map_scroll{ /* 周辺マップ用 */
	background-color: #63D413;
}
.page-menu ul.menu_right li a.map_scroll{ /* 周辺マップ用 */
	background-color: #1283D4;
}
#three_menu_left {
	background-color: #54A020;
	color: #FFF;
}
#three_menu_center {
	background-color: #1283D4;
	color: #FFF;
}
#three_menu_right {
	background-color: #7A11D4;
	color: #FFF;
}
#three_menu_left,#three_menu_center,#three_menu_right {
	display: block;
	border-radius: 20px;
}
.page-menu ul.menu_left li.blue a,.page-menu ul.menu_right li.blue a {
	background-color: #29ABE2;
}
.page-menu ul.menu_right li.green a,.page-menu ul.menu_left li.green a {
	background-color: #8CC63F;
}
hr#plan_standard,hr#plan_kani_full,hr#plan_kani,hr#plan_same,hr#plan_reserve,hr#area_takenohama,hr#area_toyookahr,#main_road,hr#near_map,hr#google_map {
	border-color: rgba(255,255,255,0.00);
}
@media screen and (max-width:600px) {
	.page-menu {
		margin: 0 5px;
		padding: 2px 0;
	}
	.page-menu ul.menu_left li a,ul.menu_right li a,ul.three_menu li a {
		font-size: 0.725rem;
		padding-left: 10px;
	}
	.page-menu ul.menu_left li a.map_scroll,ul.menu_right li a.map_scroll,ul.three_menu li a.map_scroll{ /* 周辺マップ・アクセス用 */
		font-size: 1rem;
	}
	.page-menu ul.three_menu li{
		margin-right: 0;
	}
}
@media screen and (max-width:500px) {
	#three_menu_left,#three_menu_center,#three_menu_right {
		font-size: 0.725rem;
		padding-top: 8px;
		padding-bottom: 8px;
	}
}
/**
 * プラン　ギャラリー
 */
.gallery {
	float: left;
	width: 46%;
	margin: 0 auto;
	padding: 0 20px 20px 20px;
	background: translate;
	border-radius: 5px;
	line-height: 0;
}
.gallery_business {
	float: left;
	width: 46%;
	margin: 0 auto;
	padding: 0 3% 3% 3%;
	background: translate;
	border-radius: 5px;
	line-height: 0;
}
.mainimg_1,.mainimg_2,.mainimg_3,.mainimg_4 {
	text-align: center;
}
.mainimg_1 > img,.mainimg_2 > img,.mainimg_3 > img,.mainimg_4 > img {
	max-width: 100%;
	border-radius: 10px;
}
.thumbnails_1,.thumbnails_2,.thumbnails_3{
	margin: 10px 0 0 0;
	display: flex;
	justify-content: space-between;
}
.thumbnails_4 {
	margin: 10px 0 0 0;
}
.thumbnails_1 li,.thumbnails_2 li,.thumbnails_3 li {
	float: left;
	width: 23%;
}
.thumbnails_4 li {
	float: left;
	width: 23%;
	margin-right: 10px;
}
.thumbnails_1 li.selected,.thumbnails_2 li.selected,.thumbnails_3 li.selected,.thumbnails_4 li.selected {
	border: 2px solid #f7b52c;
	border-radius: 7px;
}
.thumbnails_1 li img,.thumbnails_2 li img,.thumbnails_3 li img,.thumbnails_4 li img {
	border-radius: 5px;
	width:100%;
}
.gallery p,.gallery_business p {
	margin-top: 16px;
	color: #9e005d;
}
/**
 * RESPONSIVE: スマートフォン向けウィンドウ幅600px以下
 */
@media screen and (max-width:600px) {
	.gallery {
		float: none;
		width: 96%;
		margin: 10px 0;
		padding: 5px 2%;
	}
	.gallery_business {
		float: none;
		width: 86%;
		margin: 10px auto;
		padding: 5px 2%;
	}
}





/******************************************************************************/

/**
 * 03-01　アコーディオン
 */
/* アコーディオンのデフォルト（閉） */
.accordion > li {
	cursor: pointer;
	margin: 0 0 5px 0;
	padding: 25px 10px;
	border-radius: 5px;
	background-color: #ededed;
	background-image: url(../images/arrow-down.png);
	background-position: bottom center;
	background-repeat: no-repeat;
}
.accordion > li:hover {
	background-color: #ddd;
}
.accordion > li > h2 {
	font-weight: normal;
}
.accordion > li .content {
	display: none;
}
/* アコーディオンが開いたときのスタイル */
.accordion > li.expanded {
	background-color: #ddd;
	background-image: url(../images/arrow-up.png);
}
.accordion > li.expanded > h2 {
	font-weight: bold;
}
.accordion > li.expanded .content {
	margin: 10px 0 0 0;
	padding: 10px 0 0 0;
	border-top: solid 1px #fff;
}

/**
 * 03-03 CSSを操作するアニメーション
 */
.shortcut li img {
	border-radius: 50%;
}
.first .btn-action img {
	transition: box-shadow 0.6s ease-in-out;
	box-shadow: none;
}
.first .btn-action img.animate {
	box-shadow: 0px 0px 12px 12px rgba(117, 180, 196, 0.50);
}

/**
 * 03-06 スライドショー
 */
/* スライドショー全体のスタイル */
.slide {
	position: relative;
	margin: 0 auto;
	max-width: 960px;
	font-size: 0; /* 画像下の隙間を埋めるため */
}
.slide img {
	max-width: 100%;
}
.slide > .container {
	position: relative;
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
}
/* 写真の配置 */
.slide > .container > li {
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
	opacity: 0;
	transition: opacity 1s linear;
}
.slide > .container > li.current {
	position: relative;
	z-index: 1;
	opacity: 1;
}
/* スライドショーのボタン */
.slide a.prev,
.slide a.next {
	position: absolute;
	display: block;
	top: 45%;
	width: 40px;
	height: 40px;
	text-indent: -5000px;
	z-index: 10; /* ボタンを常に画像より上に配置 */
}
.slide a.prev {
	background: url(../images/arrow-left1.png) 50% 50% no-repeat;
	left: 0;
}
.slide a.prev:hover {
	background: url(../images/arrow-left2.png) 50% 50% no-repeat;
}
.slide a.prev:active {
	background: url(../images/arrow-left3.png) 50% 50% no-repeat;
}
.slide a.next {
	background: url(../images/arrow-right1.png) 50% 50% no-repeat;
	right: 0;
}
.slide a.next:hover {
	background: url(../images/arrow-right2.png) 50% 50% no-repeat;
}
.slide a.next:active {
	background: url(../images/arrow-right3.png) 50% 50% no-repeat;
}

/**
 * RESPONSIVE: スマートフォン向けウィンドウ幅600px以下
 */
@media screen and (max-width:600px) {
	.slide a.prev,
	.slide a.next {
		top: 40%;
	}
}

/**
 * 03-07 Ajaxの基礎
 */
/* 画像とテキストのブロック */
#ajax-list > li {
	overflow: hidden;
	margin: 0 0 20px 0;
}
#ajax-list > li img {
	margin: 0 10px 5px 0;
	float: left;
	border-radius: 5px;
}
/* moreボタン */
.btn {
	text-align: right;
}
a.btn-details {
	display: inline-block;
	padding: 5px 30px 5px 45px;
	border-radius: 5px;
	background-color: #8ac2d0;
	background-image: url(../images/arrow-next.png);
	background-position: 30px 50%;
	background-repeat: no-repeat;
	color: #fff;
}
a:hover.btn-details {
	background-color: #b9d5dc;
}
a:active.btn-details {
	background-color: #75b4c4;
}
a.disabled.btn-details,
a:hover.disabled.btn-details,
a:active.disabled.btn-details
{
	cursor: default;
	background-color: #b9d5dc;
}