@charset "utf-8";
/* CSS Document */


/*
setup
.........................................................................*/

#planlist{
	text-align: center;
}

#planlist h2,
#planlist h3,
#planlist h4,
#planlist h5,
#planlist ul,
#planlist ol,
#planlist li,
#planlist dl,
#planlist dt,
#planlist dd{
	margin: 0;
	padding: 0;
}

#planlist h2{
	margin: 20px 0 50px 0;
	padding:30px 10px;
	color: #004C85;
	font-size: 26px;
	background-image: url(../img/planlist/h2.png),url(../img/planlist/h2.png);
	background-position:50% 0,50% 100%;
	background-repeat: no-repeat;
}

#planlist h4{
	margin: 20px 0 30px 0;
	padding: 10px;
	color: #0368B1;
	border-top:2px solid #0368B1;
	border-bottom:2px solid #0368B1;
	font-size: 20px;
}
#planlist .naiyo02 h4{
	color: #C1272D;
}

#planlist h5{
	margin: 20px 0 10px 0;
	padding: 10px;
	color: #0368B1;
	font-size: 20px;
}



#planlist table {
    border-collapse: collapse;
    border-spacing: 0;
}





#planlist table{
	width: 100%;
	margin: 40px auto;
	
}

#planlist table tr{
	border-bottom: 2px solid #fff;
}

#planlist table th{
	min-width: 100px;
	padding: 12px;          
	vertical-align: middle;
	text-align: center;
	background: #C0D9EB;
}

#planlist table td{
	padding:12px;
	text-align: justify;
	background: #E5F0F7;
	letter-spacing: 0;
}





#planlist .ido a{
	display: block;
	margin-top: 15px;
	padding: 16px 16px 16px 40px;
	text-align: center;
	background-color: #FCDE21;
	background-image: url(../img/planlist/_arrow.png);
	background-position: 16px 50%;
	background-repeat: no-repeat,repeat;
	font-size: 14px;
	font-weight: bold;
	animation: arrow 3s ease 1s infinite forwards;
	text-decoration: none;
}
#planlist .ido li:last-of-type a{
	padding: 10px 16px 10px 40px;
	line-height:1.4em;
}
#planlist .ido a:hover{
	background-color: #ccc;
}
#planlist .ido .rakuten{
	position:relative;
	height:73px;
}
#planlist .ido .rakuten a{
	background:#51E151;
	/*color:#fff;*/
}
#planlist .ido .rakuten a:hover{
	background-color: #ccc;
}

#planlist .ido .rakuten .cancel{
	width:75%;
	margin-left: auto;
	margin-right: auto;
	position: absolute;

	top:-30px;
	margin-bottom:20px;
}
/*.plan_sub #planlist .ido .rakuten .cancel,#plan #planlist .ido .rakuten .cancel{
	left:40%;
}*/

#planlist .ido .rakuten a.cancel{
	padding:3px 7px 3px;
	background:#51E151;
	animation: none;
	position: relative;
	border-radius: 5px;
	font-size:11px;
}
#planlist .ido .rakuten a.cancel:before{
	display: block;
    content: '';
	 /*positionの指定*/
    position: absolute;
    top: 0px;
	bottom:35px;/*親要素で余白を設けた箇所に配置*/
    left: 50%;
    right: 50%;
    margin: auto 0;　/*上下中央位置に*/

    /*三角形を作るCSS*/
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 10px 0px 10px 10px;
	margin:auto 0;
    border-color: transparent transparent transparent #51E151;
	transform: rotate(-90deg);
	
}


.plan_sub .ido a,.plan-nav .ido a{
	display: block;
	margin-top: 20px;
	padding: 16px 16px 16px 40px;
	text-align: center;
	background-color: #FCDE21;
	background-image: url(../img/planlist/_arrow.png);
	background-position: 16px 50%;
	background-repeat: no-repeat,repeat;
	font-size: 14px;
	font-weight: bold;
	animation: arrow 3s ease 1s infinite forwards;
	text-decoration: none;
}
.plan_sub .ido a:hover,.plan-nav .ido a:hover{
	background-color: #ccc;
}
.plan_sub .ido .rakuten,.plan-nav .ido .rakuten{
	position:relative;
	height:73px;
}
.plan_sub .ido .rakuten a,.plan-nav .ido .rakuten a{
	background:#51E151;
	/*color:#fff;*/
}
.plan_sub .ido .rakuten a:hover,.plan-nav .ido .rakuten a:hover{
	background-color: #ccc;
}


.plan_sub .ido .rakuten .cancel a,.plan-nav .ido .rakuten .cancel a{
	padding:3px 7px 3px;
	background:#51E151;
	animation: none;
	position: relative;
	border-radius: 5px;
	font-size:11px;
	padding:5px !important;
}
.plan_sub .ido .rakuten .cancel a:before,.plan-nav .ido .rakuten .cancel a:before{
	display: block;
    content: '';
	 /*positionの指定*/
    position: absolute;
    top: -8px;
	bottom:35px;/*親要素で余白を設けた箇所に配置*/
    left: 50%;
    right: 50%;
    margin: auto 0;　/*上下中央位置に*/

    /*三角形を作るCSS*/
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 10px 0px 10px 10px;
	margin:auto 0;
    border-color: transparent transparent transparent #51E151;
	transform: rotate(-90deg);
	
}
@keyframes arrow {
  0% {
		background-image: url(../img/planlist/_arrow.png);
		background-repeat: no-repeat ,repeat;
		background-position: 16px 50%;
  }
  50% {
		background-image: url(../img/planlist/_arrow.png);
		background-repeat: no-repeat ,repeat;
		background-position: 20px 50%;
  }
  100% {
		background-image: url(../img/planlist/_arrow.png);
		background-repeat: no-repeat ,repeat;
		background-position: 16px 50%;
  }
}
/*
eraberu
.........................................................................*/


#planlist .eraberu{
	overflow: hidden;
	margin: 30px  0 60px 0;
}



/*
yokoset
.........................................................................*/


#planlist .yoko{
	overflow: hidden;
	margin: 30px 0 0px 0;
}


		#planlist .yoko ul li{
			display: inline-block;
			vertical-align: top;
			margin-bottom: 60px;
		}

		#planlist .yoko.n2 ul li{width: 46%;}
		#planlist .yoko.n2 ul li+li{margin-left: 7%;}

		#planlist .yoko.n3 ul li{width: 30%;}
		#planlist .yoko.n3 ul li+li{margin-left: 3%;}
		#planlist .yoko.n3 ul li:nth-child(4){margin-left: 0%;}
		#planlist .yoko.n3 ul li.yoko1{width: 100%;margin-left: 0;}
		#planlist .yoko.n3 ul li.yoko1 img{width:97%;/*height:250px;object-fit: cover;*/}
		#planlist .yoko.n3 ul li.yoko1 dd{text-align:center;}

#planlist .yoko.n3 ul li.tpoint img{border: 1px solid #ccc;}

				#planlist .yoko ul li img{
					width: 100%;
					height: auto;
				}

				#planlist .yoko ul li dl{
				}

						#planlist .yoko ul li dl dt{
							margin: 10px 0;
							font-size: 20px;
							font-weight: bold;
						}

						#planlist .yoko ul li dl dd{
							text-align: justify;
							font-size: 14px;
						}

						#planlist .yoko ul li dl dd.kakaku{
							margin-bottom: 10px;
							padding-bottom: 10px;
							text-align: center;
							font-weight: bold;
							border-bottom: 1px dotted #aaa;
						}

						#planlist .yoko ul li dl dd.kakaku span{
							font-weight: normal;
						}

#planlist #otoku.yoko ul li{
	position: relative;
	height: 480px;
}


#planlist #otoku.yoko ul li dl dd.ido{
	/*position: absolute;*/
	bottom: 0;
}

#planlist .ido ul{
	margin-bottom: 30px;
}
#planlist .ido .ido_plan{
	/*display: block !important;*/
	width: 220px;
	margin: 0 auto;
}
#planlist .ido .ido_plan.rakuten + .ido_plan{
	margin: 30px auto 0px;
}


/*
.plan-nav
.........................................................................*/
#otokunaplan{
	text-align: center;
}

#otokunaplan .plan-nav{
	margin: 20px 0 0 0;
	padding: 0;
}

		#otokunaplan .plan-nav .cat{
			float: left;
			margin-top: 20px;
			padding: 30px 20px;
			border: 2px solid #FCDE21;
			background: #fff;
		}

		#otokunaplan .plan-nav .cat:not(.gakusei){
			width: 500px;
}

		#otokunaplan .plan-nav .cat:nth-child(even){
			float: right;
		}

		#otokunaplan .plan-nav .cat.gakusei{
			float: left;
			width: 600px;
			height: 250px;
			padding-left: 516px;
			border: 2px solid #FCDE21;
			background-image:url(../img/planlist/gakusei_eraberu.jpg);
			background-position: 0 0 ;
			background-size: contain;
			background-repeat: no-repeat;
		}

		#otokunaplan .plan-nav .cat.summer{
	float: left;
	width: 600px;
	height: 250px;
	padding-left: 516px;
	border: 2px solid #FCDE21;
	background-image: url(../img/planlist/bbq01.jpg);
	background-position: 0 0;
	background-size: contain;
	background-repeat: no-repeat;
		}
		
		#otokunaplan .plan-nav .cat.enkai{
	float: left;
	width: 600px;
	height: 250px;
	padding-left: 516px;
	border: 2px solid #FCDE21;
	background-image: url(../img/planlist/enkai01.jpg);
	background-position: 0 0;
	background-size: contain;
	background-repeat: no-repeat;
		}

				#otokunaplan .plan-nav .cat h3 {
					margin: 0;
					padding: 0;
					font-size: 28px;
					color: #222;
				}

				#otokunaplan .plan-nav .cat p{
					font-weight: bold;

				}


				#otokunaplan .plan-nav .cat ul {
					margin: 10px 0 0 0;
					padding: 0;
				}

						#otokunaplan .plan-nav .cat ul li{
							position: relative;
							margin: 0;
							padding: 0;
						}

						#otokunaplan .plan-nav .cat ul li+li{
							margin-top: 10px;
						}


						#otokunaplan .plan-nav .cat ul li a{
							display: block;
							padding: 12px 20px 12px 60px;
							color: #fff;
							text-align: left;
							background-color: #0368B1;
							background-image: url(../img/planlist/_arrow-w.png);
							background-position: 16px 50%;
							background-repeat: no-repeat,repeat;
							font-size: 18px;
							font-weight: bold;
							animation: arrow2 3s ease 1s infinite forwards;		
						}

						#otokunaplan .plan-nav .cat ul li a:hover{
							background-color: #aaa;
						}

						@keyframes arrow2 {
						  0% {
								background-image: url(../img/planlist/_arrow-w.png);
								background-repeat: no-repeat ,repeat;
								background-position: 98% 50%;
						  }
						  50% {
								background-image: url(../img/planlist/_arrow-w.png);
								background-repeat: no-repeat ,repeat;
								background-position: 97% 50%;
						  }
						  100% {
								background-image: url(../img/planlist/_arrow-w.png);
								background-repeat: no-repeat ,repeat;
								background-position: 98% 50%;
						  }
						}

						#otokunaplan .plan-nav .cat ul li a .no{
							position: absolute;
							top: 0;
							left: 0;
							width: 50px;
							padding: 7px 0;
							text-align: center;
							background: #F8A010;
							font-size: 24px;
							font-weight: bold;
							border-bottom: 1px solid #F8A010;
						}





/*
#p_basic
.........................................................................*/

#planlist .p_pack{
	overflow: hidden;
	padding-top: 0px;
	
}

#planlist .p_pack+.p_pack{
	margin-top: 100px;
}



		#planlist .p_pack h3{
			position: relative;
			margin-bottom: 30px;
			padding: 12px 20px 12px 75px;
			color: #fff;
			text-align: left;
			background: #0368B1;
			font-size: 32px;
			font-weight: bold;
			white-space: nowrap
		}


				#planlist .p_pack h3 .no{
	position: absolute;
	top: 0;
	left: 0px;
	padding: 12px 15px;
	background: #F8A010;
	font-size: 32px;
	font-weight: bold;
				}


		#planlist .naiyo dl dt{
			margin: 10px 0 15px 0;
			color: #004C85;
			font-size: 20px;
			font-weight: bold;
		}

				#planlist .naiyo dl dt strong{
					font-size: 26px;
					background: linear-gradient(transparent 60%, #FCDE21 60%);
					line-height: 52px;
				}

				#planlist #basic_seabeaf.p_pack .naiyo dl dt:before{
					display: block;
					content:"当館人気No.1";
					margin: 20px 0;
					padding-left: 40px;
					color: #C1272D;
					background: url(../img/planlist/lank.png) no-repeat 0 50%;
					font-size: 20px;
				}

				#planlist #basic_allsea.p_pack .naiyo dl dt:before{
					display: block;
					content:"当館人気No.2";
					margin: 20px 0;
					padding-left: 40px;
					color: #C1272D;
					background: url(../img/planlist/lank.png) no-repeat 0 50%;
					font-size: 20px;
				}



		#planlist .naiyo dl dd{
			line-height: 1.6;
		}


		#planlist .naiyo .kakaku{
			margin: 20px 0 0 0;
			font-weight: bold;
			line-height: 35px;
		}

/* IE表示用のCSS　*/
_:-ms-input-placeholder, :root #planlist .naiyo .kakaku span {
  display: inline-block;
  height: 20px;
}

				#planlist .naiyo .kakaku span{
					padding: 10px;
					border: 1px solid #222;
				}

				#planlist .naiyo .kakaku strong{
					font-size: 26px;
				}



.kakaku02{
	margin: 30px 10px 30px;
	font-weight: bold;
	line-height: 35px;
	display: inline-block;
}

/* IE表示用のCSS　*/
_:-ms-input-placeholder, :root .kakaku02 span {
  display: inline-block;
  height: 20px;
}

.kakaku02 span{
	padding: 10px;
	border: 1px solid #222;
}

.kakaku02 strong{
	font-size: 26px;
}





/*
.p-single
.........................................................................*/


#planlist .p_pack .p-single{
	overflow: hidden;
	padding-bottom: 20px;
}

		#planlist .p_pack .p-single .pic{
			text-align: center;
		}

		#planlist .p_pack .p-single .naiyo{
			text-align: center;
		}


/*
.p-set
.........................................................................*/
#planlist .p_pack .p-set{
	overflow: hidden;
	/*padding-bottom: 20px;*/
}

		#planlist .p_pack .p-set .pic{
			float: left;
			width: 600px;
		}
		#planlist .p_pack .p-set .pic02{
			float: right;
			width: 600px;
			margin-top: 50px;
		}
		#planlist .p_pack .p-set .pe1{
	float: left;
	background-size: cover;
	width: 600px;
	height: 400px;
	background-repeat: no-repeat;
	background-position: center center;
	
		}

		#planlist .p_pack .p-set .naiyo{
			float: left;
			width: 500px;
			margin-left: 30px;
			text-align: justify;
			position: relative;
		}
		#planlist .p_pack .p-set .naiyo02{
			float: right;
			width: 500px;
			margin-right: 30px;
			margin-top: 50px;
			text-align: justify;
		}
		#planlist .p_pack .p-set .naiyo02 h4{
			font-size: 30px;
			line-height: 53px;
		}
.nomihoudai {
	width:100%;
	margin:65px auto 30px;
	padding:0px 0px;
	/*border:4px rgba(239,137,37,0.5) double;*/
	box-sizing:border-box;
}
	#plan_sub14 .kakaku{
	margin-bottom:50px;
}
	#plan_sub14 .kakaku p{
	display:inline-block;
}
@media screen and (min-width:401px){
	#plan_sub14 .kakaku{
	max-width:none;
}
	#plan_sub14 .kakaku p{
	display:inline-block;
	text-align: right;
		margin-top:0px;
}
}
@media screen and (max-width:400px){
	#plan_sub14 .kakaku p:last-of-type{
	display:block;
	text-align: center;
		margin-top:0px;
}
}
#plan_sub14 .p_pack .p-set .naiyo02 h4{
	border-top:none;
	border-bottom:none;
	margin:0px;
}
#plan_sub14 .p_pack .p-set .naiyo02{
	margin-top:50px;
}
#plan_sub14 .p_pack .p-set .naiyo02 dt{
	border-top:none;
	border-bottom:none;
	position:relative;
	line-height:1.2em;
	font-size: 22px;
	text-align: center;
	color:#C1272D;
	margin-bottom:55px;
}
#plan_sub14 .p_pack .p-set .naiyo02 h4{
	width:63%;
	max-width:500px;
	font-size: 24px;
	padding:10px 0 ;
	margin:0 auto 8px;
	background: linear-gradient(transparent 50%, #f2ff1a 50%);
    text-shadow: white 0.5px 0.5px 0px, white -0.5px 0.5px 0px, white 0.5px -0.5px 0px, white -0.5px -0.5px 0px;
	line-height:1em;
}
#plan_sub14 .p_pack .p-set .naiyo02 dt:before,#plan_sub14 .p_pack .p-set .naiyo02 dt:after{
	content:"♪:*:・・:*:・♪・:*:・・:*:・♪:*:・";
	color:#0368B1;
	font-size:18px;
	display:block;
	position:absolute;
	width:100%;
}
#plan_sub14 .p_pack .p-set .naiyo02 dt:before{
	top:-40px;
	left:50%;
	transform: translate(-50%, 0%);
}
#plan_sub14 .p_pack .p-set .naiyo02 dt:after{
	bottom:-40px;
	left:50%;
	transform: translate(-50%, 0%);	
}
.roomservice {
	display:flex;
	flex-wrap:wrap;
	justify-content: space-around;
	width:100%;
	margin-bottom:0px;
	align-items: center;
	padding:0px 15px 40px;
	background:#FFEFDA;
margin:0 auto 20px;
	box-sizing:border-box;
}
.roomservice .naiyo dl dt{
	text-align: left;
}
.roomservice .naiyo dl dt strong{
	font-size:22px;
}
@media screen and  (min-width:401px){
	.roomservice .naiyo dl dt{
	text-align: center;
}
	.roomservice .naiyo dl dt strong{
	font-size:26px;
}
}
#plan_sub14 .m-wrap2 li{
	text-align: left;
	padding-left:1em;
	text-indent:-1em;
	line-height:1.7em;
}
#plan_sub14 .m-wrap2 .text-l li{
	text-align: left;
	padding-left:3em;
	text-indent:-3em;
	line-height:1.7em;
}
.m-wrap{
	display: inline-block;
	width: auto;
	margin-left: auto;
	margin-right: auto;
	background: #eee;
	padding: 15px 20px;
}
.m-wrap p strong{
	font-size: 30px;
	font-weight: bold;
	color: #203aff;
	background: linear-gradient(transparent 60%, #f2ff1a 60%);
	text-shadow: white 0.5px 0.5px 0px, white -0.5px 0.5px 0px,
	white 0.5px -0.5px 0px, white -0.5px -0.5px 0px;
}
.m-wrap2{
	display: inline-block;
	width: auto;
	margin-left: auto;
	margin-right: auto;
	background: #eee;
	padding: 30px;
	padding: 0.5em 1em 1.5em;
    margin: 2em 0;
    font-weight: bold;
    border: solid 3px #ff091a;
}
.m-wrap2 p strong{
	font-size: 30px;
	font-weight: bold;
	color: #203aff;
	background: linear-gradient(transparent 60%, #f2ff1a 60%);
	text-shadow: white 0.5px 0.5px 0px, white -0.5px 0.5px 0px,
	white 0.5px -0.5px 0px, white -0.5px -0.5px 0px;
}
#family .m-wrap2 p strong,#plan_sub13 .m-wrap2 p strong{
	font-size: 24px;
}
.m-wrap3{
	display: inline-block;
	width: auto;
	margin-left: auto;
	margin-right: auto;
	background: #fbcb33;
	padding: 30px;
	padding: 0.5em 1em;
    margin: 1.5em 0;
    font-weight: bold;
    border: solid 3px #f39800;
}
.m-wrap3 p strong{
	font-size: 1.3em;
	font-weight: bold;
	color: #ff091a;
	text-height:auto;
	background: linear-gradient(transparent 60%, #FFF 60%);
	text-shadow: white 0.5px 0.5px 0px, white -0.5px 0.5px 0px,
	white 0.5px -0.5px 0px, white -0.5px -0.5px 0px;
}
#p_enkai .m-wrap ul,
#p_summer .m-wrap ul,
#p_gakusei .m-wrap ul{
	margin-top: 2em;
}
#p_enkai .m-wrap ul li,
#p_summer .m-wrap ul li{
	text-align: left;
	padding-left:3em;
	text-indent:-3em;
}

.adjust02{
	font-size: 21px;
	font-weight: bold;
	line-height: 42px;
}
.adjust02 span{
	color: #C1272D;
	font-size: 28px;
}
.adjust03{
	font-size: 18px;
	font-weight: bold;
}
.adjust04{
	position: absolute;
	top: 167px;
	right: -1px;
}
.adjust05{
	margin: 0 0 50px;
}
.adjust06{
	margin: 0 0 30px;
	font-size: 32px;
	font-weight: bold;
	color: #004C85;
}
.adjust07 img{
	margin: 30px 20px 10px;
}
.adjust08{
	font-size: 25px;
	font-weight: bold;
	padding-top:1em;
}
.adjust09{
	color: #C1272D;
	border-color: #C1272D;
}
.adjust09 span{
	border-color: #C1272D;
}


/*
.p-set.re
.........................................................................*/

#planlist .p_pack .p-set.re{
	
}
		#planlist .p_pack .p-set.re ul li{
			overflow: hidden;
			margin-bottom: 80px;
			padding-bottom: 10px;
		}



				#planlist .p_pack .p-set.re ul li:nth-child(even) .pic{
					float:right;
				}

				#planlist .p_pack .p-set.re ul li:nth-child(even) .naiyo{
	float: left;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 30px;
				}

				#planlist .p_pack .p-set.re ul li:nth-child(even) .naiyo dl{
					text-align: right;
				}
				#planlist .p_pack .p-set.re ul li:nth-child(even) .naiyo .kakaku{
					text-align: right;
				}



		#planlist .p_pack .p-set.re ul li .naiyo dl dt:before{
			display: block;
			color: #C1272D;
			font-size: 16px;
			font-weight: bold;
			z-index: 100;
		}

				#planlist #p_gakusei .p_pack .p-set.re ul li .naiyo:before{
					content: "【学生向け】Happy価格の“選べるプラン”";
					padding:6px 10px 4px 10px;
					color: #fff;
					background: #0368B1;
					font-weight: bold;
				}

				#planlist #p_gakusei .p_pack .p-set.re ul li:nth-child(even) .naiyo:before{
					float: right;
					margin-bottom: 20px;
					text-align: right;
				}

				#planlist #p_gakusei .p_pack .p-set.re ul li:nth-child(even) .naiyo dl{
					clear: both;
				}


				#planlist .p_pack .p-set.re ul li#gakusei_bbq .naiyo dl dt:before{
					content:url(../img/planlist/lank.png)"　学生人気No.１";
				}

				#planlist .p_pack .p-set.re ul li#gakusei_beaf .naiyo dl dt:before{
					content:url(../img/planlist/lank.png)"　学生人気No.２";
				}





/*
telde
.........................................................................*/

#planlist .p_pack .telde{
	width:100%;
	max-width:667px;
	padding: 30px 30px;
	background: #eee;
	font-weight: bold;
	margin:0 auto;
	box-sizing: border-box;
}	
#planlist .p_pack .telde *{
	box-sizing: border-box;	
}


#planlist .p_pack .telde strong{
	display: block;
	padding: 20px 0 0;
	color: #0368B1;
	font-size: 33px;
	line-height:1.7em;
}


#planlist .p_pack .telde nav.ido{
	
}
#planlist .p_pack .telde nav.ido ul{
	display: flex;
	flex-wrap:wrap;
	align-content: space-between;
	vertical-align: bottom;
	margin-right: auto;
	margin-left: auto;
		}
#planlist .p_pack .telde nav.ido ul li.ido_plan{
	height:115px;
		}
		#planlist .p_pack .telde nav.ido ul li{
	display: block;
	vertical-align: bottom;
	margin-right: auto;
	margin-left: auto;
			width:90%;
		}

		ul li.rakuten + li{
	margin-left: auto;
	margin-right: auto;
			margin-top:30px;
		}
		.plan_sub ul li.rakuten + li{
	margin-left: auto;
	margin-right: auto;
			margin-top:40px;
		}
#plan .plan-nav ul li.rakuten + li{
	margin-left: auto;
	margin-right: auto;
			margin-top:50px;
		}
		#planlist .p_pack .telde nav.ido ul li.tpoint{
			padding: 6px 10px 2px 10px;
			background: #fff;
		}

		#planlist .p_pack .telde nav.ido ul li.nomal a{
			background-color: #fff;
			border: 1px dotted #aaa;
		}
		#planlist .p_pack .telde nav.ido + p{
	text-align:center;
			margin-bottom:0;
		}

/*
voice
.........................................................................*/

#planlist .p_pack .voice{
	margin-bottom: 50px;
	
}

		#planlist .p_pack .voice ul li{
			display: inline-block;
			width: 30%;
			height: 350px;
			vertical-align: top;
			background: #FFFBE2;
		}

		#planlist .p_pack .voice ul li+li{
			margin-left: 3%;
		}

				#planlist .p_pack .voice ul li dl{
					padding: 30px;
				}

						#planlist .p_pack .voice ul li dl dt{
							padding: 10px;
							background: url(../img/planlist/voice_bg.png) 50% 50% no-repeat;
							
						}
								#planlist .p_pack .voice ul li dl dt img{
									border: 5px solid#fff;
								}


						#planlist .p_pack .voice ul li dl dd{
							text-align: justify;
							font-size: 12px;
						}



/*
gakusei_list
.........................................................................*/

#planlist .p_pack .gakusei_list{
	margin-bottom: 100px;
}

		#planlist .p_pack .gakusei_list ul li{
			position: relative;
			display: inline-block;
			width: 30%;
			margin-bottom: 30px;
			vertical-align: top;
			border: 4px solid #FCDE21;
		}






		#planlist .p_pack .gakusei_list ul li+li{
			margin-left: 2%;
		}
		#planlist .p_pack .gakusei_list ul li:nth-child(4){
			margin-left: 0;
		}

		#planlist .p_pack .gakusei_list li:before{
			position: absolute;
			top: -15px;
			left: -4px;
			padding: 5px 10px 5px 50px;
			color: #fff;
			background:#C1272D url(../img/planlist/lank.png) no-repeat 10px 50%;
			font-size: 16px;
			font-weight: bold;
			z-index: 100;
		}


#planlist .p_pack .gakusei_list li:nth-child(1),
#planlist .p_pack .gakusei_list li:nth-child(2){
	border-color:#C1272D;
}


		#planlist .p_pack .gakusei_list li:nth-child(1):before{
			content:"学生人気No.１";
		}

		#planlist .p_pack .gakusei_list li:nth-child(2):before{
			content:"学生人気No.２";
		}


				#planlist .p_pack .gakusei_list ul li img{
					width: 100%;
					height: auto;
				}

				#planlist .p_pack .gakusei_list li dl{
					padding: 10px 0;
					background-image: url(../img/planlist/_arrow.png);
					background-position: 16px 50%;
					background-repeat: no-repeat;
					animation: arrow 3s ease 1s infinite forwards;		

				}

						#planlist .p_pack .gakusei_list  ul li dl dt{
							font-size: 20px;
							font-weight: bold;
						}

						#planlist .p_pack .gakusei_list ul li dl dd{
							font-size: 14px;
						}


/*
#yoyakutokuten
.........................................................................*/
#yoyakutokuten{
	background: #FFFCE8;
	padding:10px 5px;
}

#yoyakutokuten .n3{
	margin-top: 0px;
}




/*
#ekaki
.........................................................................*/
#ekaki{
	min-height: 1050px;
	margin: 60px 0 0;
	padding-left: 630px;
	background:url(../images/img/plan/summer/umi00.png) no-repeat 0 0;
}

#ekaki h2{
	margin: 0 0 20px 0;
	color: #C1272D;
	font-size: 24px;
	font-weight: bold;
}

#ekaki h2 strong{
			font-size: 26px;
			background: linear-gradient(transparent 60%, #FCDE21 60%);
		}

#ekaki .nakagawa{
	margin: 30px 0 0 0;
	padding: 30px;
	text-align: justify;
	background: #FFFBE2;
}

#ekaki .nakagawa h3{
	margin-bottom: 10px;
	font-size: 16px;
	font-weight: bold;
}

#ekaki .pic{
	margin: 20px 0 0 0;
	width:500px;
	}
	
/*
#hanabi
.........................................................................*/
#hanabi{
	min-height: 860px;
	margin: 60px 0;
	padding-left: 630px;
	/*background:url(../img/planlist/kikangentei_cruising.jpg) no-repeat 0 0;*/
	background:url(../images/img/plan/summer/summer02.jpg) no-repeat 0 0;
}

#hanabi h2{
	margin: 0 0 20px 0;
	color: #C1272D;
	font-size: 24px;
	font-weight: bold;
}

#hanabi h2 strong{
			font-size: 26px;
			background: linear-gradient(transparent 60%, #FCDE21 60%);
		}

#hanabi .waku{
	margin: 30px 0 0 0;
	padding: 30px;
	text-align: justify;
	background: #FFFBE2;
}

#hanabi .waku h3{
	margin-bottom: 10px;
	font-size: 16px;
	font-weight: bold;
}

#hanabi .pic{
	margin: 20px auto;
	width:1140px;
}	

/*
#p_summer
.........................................................................*/
#p_summer{
	min-height: 1050px;
	margin: 60px 0 0;
}

#p_summer h2{
	margin: 0 0 20px 0;
	color: #C1272D;
	font-size: 24px;
	font-weight: bold;
}

#p_summer h2 strong{
			font-size: 26px;
			background: linear-gradient(transparent 60%, #FCDE21 60%);
		}

#p_summer .nakagawa{
	margin: 30px 0 0 0;
	padding: 30px;
	text-align: justify;
	background: #FFFBE2;
}

#p_summer .nakagawa h3{
	margin-bottom: 10px;
	font-size: 16px;
	font-weight: bold;
}

#p_summer .pic{
	margin: 20px 0 0 0;
	width:500px;
	}