/*-----------------------------------------------
プラン一覧
-----------------------------------------------*/
@charset "UTF-8";

#plan #container { padding:50px 0 0;}
@media screen and (max-width:750px){
	#plan #container { padding:20px 0 0;}
}

/* ナビゲーション */
#plan_navi {
	width:1098px;
	margin:0 auto;
}
#plan_navi li {
	width:346px;
	margin: 5px 10px;
	font-size:17px;
	float:left;
	background-color:#ECDADA;
	transform: rotate(0.05deg);
}
#plan_navi li a {
	display: inline-block;
	width:100%;
	height:50px;
	line-height:50px;
	text-align:left;
	color:#463012;
}
#plan_navi li a span {
	display: inline-block;
	padding:0 20px;
}
#plan_navi li .arrow { padding-right:0;}
#plan_navi li .arrow-down::after {
	position: absolute;
	right: 5%;
	top: 35%;
}
#plan_navi li.hvr-fade:hover,
#plan_navi li.hvr-fade:focus,
#plan_navi li.hvr-fade:active {
	background-color:#EABDBD;
}
@media screen and (max-width:750px){
	#plan_navi { display:none;}
}


/* アイコンについて */
#aicon {
	clear:both;
	width:100%;
	margin:50px 0 30px;
	padding:40px 0 40px;
	background-color:#F5F6F6;
}
#aicon .aicon_inner {
	width:1080px;
	margin:0 auto;
}
#aicon .title {
	display:inline-block;
	font-size:21px;
	border-bottom:2px solid #A25352;
	padding:5px 10px;
	margin-bottom:10px;
}
#aicon ul {
	clear:both;
	width:100%;
	padding:8px 0 15px;
	border-bottom:1px solid #CCC;
	text-align:left;
	margin:10px 0 0;
	line-height:1.8;
}
#aicon ul li { display:inline-block;}
#aicon .left {
	width:180px;
	float:left;
	font-size:16px;
	overflow:auto;
}
#aicon .right{
	width:675px;
	float:left;
	vertical-align:middle;
}
#aicon .right2{
	width:861px;
	float:left;
	vertical-align:middle;
}
#aicon .right_icon {
	width:34px;
	float:left;
	vertical-align:middle;
}
#aicon .right span {
	display:inline-block;
	width:320px;
}
#aicon .right img,
#aicon .right_icon img {
	width:24px; height:auto;
	margin-right:10px;
	margin-bottom:-3px;
}
#aicon ul p.btn_sq {
	float:right;
	width:190px;
	margin:0 0 0 30px;
}
#aicon ul p.btn_sq a {
	padding-left:30px;
}
#aicon ul p.btn_sq .arrow-right::after { left:18%;}
#aicon ul p.btn_sq .arrow-right:hover::after {
	animation: arrowaicon .4s;
	will-change: transform;
}
@keyframes arrowaicon {
	50% { left: 21%;}
	100% { left: 18%;}
}
#aicon .aicon_inner span.kome {
	display:block;
	font-size:14px;
	text-align:right;
	margin-top:20px;
}
@media screen and (max-width:750px){
	/* アイコンについて */
	#aicon {
		margin:0;
		padding:0;
		background-color:#fff;
	}
	#aicon .aicon_inner {
		width:90%;
	}
	#aicon .title {
		font-size:20px;
		padding:0 10px 5px;
	}
	#aicon ul {
		padding:4px 0 8px;
		margin:4px 0 0;
	}
	#aicon ul li { display:block;}
	#aicon .left {
		width:100%;
		float:none;
		font-size:15px;
	}
	#aicon .right,
    #aicon .right2 {
		width:100%;
		float:none;
	}
    #aicon .right_icon { width: auto;}
	#aicon .right span {
		display:block;
		width:100%;
	}
	#aicon .right img,
    #aicon .right_icon img {
		width:24px; height:auto;
		margin-right:8px;
		margin-bottom:-3px;
	}
	#aicon ul p.btn_sq {
		float:none;
		width:100%;
		margin:10px 0;
	}
	#aicon ul p.btn_sq a {
		padding-left:20px;
	}
	#aicon ul p.btn_sq .arrow-right::after { left:30%;}
	#aicon ul p.btn_sq .arrow-right:hover::after {
		animation:none;
	}
	#aicon .aicon_inner span.kome {
		font-size:13px;
		text-align:left;
		margin-top:10px;
	}
}



/* プラン一覧 */
.plan_con {
	clear:both;
	width:1080px;
	margin:40px auto 0;
}
.plan_con .plan_title {
	font-size:26px;
	background-image:url(../img/plan/title_bg.jpg);
	background-position:center top 63px;
	background-repeat:no-repeat;
	background-size:1080px auto;
	line-height:1;
}
.plan_con .plan_title span {
	display:block;
	color:#A25352;
	font-size:20px;
	padding:5px 0 40px;
	line-height:1;
}
.campaign .plan_con .plan_title { background-position:center top 80px;}
.campaign .plan_con .plan_title span.plan_sub {
	font-size:16px;
	color:#333;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",Osaka,sans-serif;
	padding:0 0 3px 0;
	transform: rotate(0.05deg);
}
.plan_con ul {
	clear:both;
	margin:20px auto 40px;
	text-align:left;
}
.plan_con li {
	width:341px;
	float:left;
	margin-right:28px;
	margin-bottom:25px;
	text-align:left;
	padding:0;
}
.plan_con li .best3_top {
	margin-top:3px;
	margin-bottom:10px;
	border:none;
}
.plan_con li:nth-child(3),
.plan_con li:nth-child(6),
.plan_con li:nth-child(9),
.plan_con li:nth-child(12),
.plan_con li:nth-child(15),
.plan_con li:nth-child(18) { margin-right:0;}
.plan_con li img {
	width:100%; height:auto;
	border:1px solid #CCC;
	margin-bottom:5px;
}
.plan_con li span {
	display:block;
	text-align:right;
}
.plan_con li span img {
	width:24px; height:auto;
	margin:6px 0 0 3px;
	border:none;
}
.plan_con li a:link { text-decoration:none}
.plan_con li a:visited { text-decoration:none}
.plan_con li a:hover { text-decoration:underline;}
.plan_con li p a:hover { text-decoration:none;}
.plan_con .btn_sq { margin-top:8px;}
.party .plan_con .btn_sq { margin-top:13px;}
@media screen and (max-width:750px){
	.plan_con {
		width:90%;
		margin:20px auto 0;
	}
	.plan_con .plan_title {
		font-size:21px;
		background-position:center top 48px;
		background-size:880px auto;
	}
	.plan_con .plan_title span {
		font-size:17px;
		padding:3px 0 23px;
		line-height:1;
	}
	.campaign .plan_con .plan_title { background-position:center top 70px;}
	.campaign .plan_con .plan_title span { padding:3px 0 26px;}
	.plan_con ul {
		clear:both;
		margin:15px auto 15px;
	}
	.plan_con li {
		width:100%;
		float:none;
		margin-right:0;
		margin-bottom:20px;
	}
	.plan_con li .best3_top {
		margin-top:0;
		margin-bottom:5px;
	}
	.plan_con li span img {
		width:25px;
		margin:6px 0 0 2px;
	}
}

/* 検索ボックス */
.plan_sarch {
	clear:both;
	width:100%;
	text-align:center;
	color:#604C3F;
	font-size:16px;
	font-weight:bold;
	background-color:#EBE9E5;
	padding:13px;
}
.plan_sarch .year,
.plan_sarch .month,
.plan_sarch .day { display:none;}
.plan_sarch img {
	vertical-align: middle;
	margin-left:10px;
	padding-bottom:3px;
	cursor:pointer;
}
.plan_sarch input[type='text']{
	width:150px;
	margin-left:10px;
	font-size:14px;
	padding: 3px;
	outline: 0;
}
.plan_sarch input#submit_button {
	width:52px;
	height:24px;
	font-size:14px;
	font-weight:bold;
	line-height:24px;
	letter-spacing:2px;
	text-align:center;
	color:#FFF;
	background-color:#9F928B;
	border-style: none;
	border-radius: 5px; 
    -webkit-border-radius: 5px;  
    -moz-border-radius: 5px;
	margin-top:0;
	margin-bottom:0;
	margin-left:10px;
	transform: rotate(0.05deg);
	cursor:pointer;
}
.plan_sarch input[type='submit'] {
	-webkit-appearance: none;
	border-radius: 0;
}

@media screen and (max-width:750px){
	/* 検索ボックス */
	.plan_sarch {
		font-size:15px;
		padding:10px;
		margin-top:-5px;
	}
	.plan_sarch img {
		margin-left:3px;
		padding-bottom:3px;
	}
	.plan_sarch input[type='text']{
		width:120px;
		margin-left:0;
		margin-top:3px;
		font-size:16px;
		transform: scale(0.9);
	}
	.plan_sarch input#submit_button {
		width:100px;
		height:26px;
		font-size:14px;
		line-height:26px;
		letter-spacing:3px;
		margin-bottom:0;
		margin-left:13px;
	}
}


/* アコーディオンメニュー */
#acMenu dt { display:none;}
#acMenu dd{ display:block;}
@media screen and (max-width:750px){
	/* アコーディオンメニュー */
	#acMenu { margin-top:20px;}
	#acMenu dt {
		display:block;
		width:95%;
		height:50px;
		line-height:50px;
		text-align:left;
		color:#463012;
		margin: 5px auto;
		font-size:17px;
		transform: rotate(0.05deg);
		background-color:#ECDADA;
		cursor:pointer;
	}
	#acMenu dt span {
		display: inline-block;
		padding:0 20px;
	}
	#acMenu dt.arrow {
		padding-right:0;
	}
	#acMenu dt.arrow::after {
		-webkit-transition: .35s ease-in-out;
		-moz-transition: .35s ease-in-out;
		transition: .35s ease-in-out
	}
	#acMenu dt.arrow-down::after {
		position: absolute;
		right: 5%;
		top: 35%;
	}
	#acMenu dd{ display:none;}
	#acMenu dt.arrow.on:after {
		-webkit-transform:rotate(45deg);
		-moz-transform:rotate(45deg);
		transform:rotate(45deg);
		top: 40%;
	}
	#acMenu dd.best3{ display:block;} /* 最初からOPEN */
}



/* オプション */
#option { margin:80px 0 0; padding:60px 0 40px;}
#option  h3 { margin-top:5px;}
#option ul {
	clear:both;
	width:1080px;
	margin:30px auto;
	text-align:left;
	font-size:14px;
}
#option li {
	width:340px;
	float:left;
	margin-right:30px;
	margin-bottom:40px;
	text-align:left;
	font-size:15px;
}
#option li:nth-child(3) { margin-right:0;}
#option li img { border:5px solid #FFF;}
#option li p {
	font-size:17px;
	font-weight:bold;
	color:#A25352;
	margin:5px 0 3px;
	transform: rotate(0.05deg);
}
#option table {
	width:1080px;
	margin:0 auto 20px;
	background-color:#fff;
	border-collapse:  collapse;
}
#option table th,
#option table td {
	font-size:15px;
	padding:10px 30px;
	border: solid 3px #F7F2EC;
	text-align:left;
}
#option table th {
	width:385px;
	background-color:#EDDCD7;
	font-weight:normal;
}
#option table td.price {
	text-align:center;
	width:275px;
}
@media screen and (max-width:750px){
	/* オプション */
	#option { margin:30px 0 0; padding:25px 0 20px;}
	#option ul {
		clear:both;
		width:90%;
		margin:10px auto;
		font-size:13px;
	}
	#option li {
		width:100%;
		float:none;
		margin-right:0;
		margin-bottom:10px;
		font-size:14px;
	}
	#option li img { width:100%; border:5px solid #FFF;}
	#option li p {
		font-size:15px;
		margin:0;
	}
#option table {
	width:100%;
	margin:0 auto 20px;
}
#option table td.price {
	width:100%;
	text-align:left;
}
#option table th,
#option table td {
	font-size:14px;
	padding:8px 10px;
	border-bottom:none;
	display:block;
	width:100%;
}
}



/* ご予約について */
#plan_reservation {
	clear:both;
	width:1080px;
	text-align:left;
	margin:40px auto;
}
#plan_reservation p.title {
	display:inline-block;
	text-align:center;
	font-size:24px;
	border-bottom:2px solid #A25352;
	padding:8px 10px;
	margin-bottom:30px;
}
#plan_reservation p { font-weight:bold;}
@media screen and (max-width:750px){
	#plan_reservation {
		width:90%;
		margin:20px auto 40px;
	}
	#plan_reservation p.title {
		font-size:21px;
		padding:0 15px 5px;
		margin-bottom:20px;
	}
}