@charset "UTF-8";

/* -------------------------------------------------------
共通
------------------------------------------------------- */

@media screen and (max-width:768px) {
  #plan .footable .note .special_price, #plan .footable .note .special_price_sp { display: inline;}
  
}

@media screen and (max-width:640px) {
  #plan .footable .note { display: none;}
	#plan .footable th { padding: 8px 10px; font-size: 16px;}
	#plan .footable th span { display: inline; padding: 0 0 0 10px;}
  #plan .footable .special_price { display: none;}
  #plan .footable .special_price_sp { display: inline;}
}

@media screen and (max-width:425px) {
  #plan .footable .special_price_sp { display: block;}
}


/* -------------------------------------------------------
特別宿泊プラントップ
------------------------------------------------------- */
@media screen and (max-width:1100px) {
	#plan.index section { padding: 50px 20px 0 20px;}
	
	#plan.index #sec1 { -webkit-background-size: 100% auto; background-size: 100% auto;}
	#plan.index #sec1>p { width: 37.62%;}
	#plan.index #sec1 .inq { width: 58.11%;}
	#plan.index #sec1 .item { width: 49%;}
	
	#plan.index #sec2>ul { width: 79%;}
	#plan.index #sec2 figure { width: 19%;}
	#plan.index #sec2 figure img { width: 100%;}
	#plan.index #sec2 dl { width: 30%;}
	#plan.index #sec2 .footable { width: 68%;}
	#plan.index #sec2>table { width: 25% !important;}
	
	#plan.index #sec3 ul { width: 52%; padding-left: 0;}
	#plan.index #sec3 p { width: 46%;}
}
@media screen and (max-width:768px) {	
	#plan.index #sec1 h3 { padding-bottom: 20px;}
	#plan.index #sec1>p,
	#plan.index #sec1 dl { width: 100% !important; float: none !important;}
	#plan.index #sec1>p { padding: 0 0 15px 0;}
	#plan.index #sec1 .item dt { width: 40%; float: left;}
	#plan.index #sec1 .item dd { width: 58%; float: right;}
	#plan.index #sec1 .item:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; font-size: 0;}
  #plan.index #sec2 .footable { width: 100%; float: none !important;}
  
  #plan.index #sec2>ul,
	#plan.index #sec2>ul li,
	#plan.index #sec2 div dl { width: 100%; float: none !important;}
	#plan.index #sec2 figure { display: none;}
	#plan.index #sec2 div dl { padding: 0 0 15px 0;}
	#plan.index #sec2 div dt,
	#plan.index #sec2 div dd { text-align: center;}
	#plan.index #sec2 div dd p br { display: none;}
  
	#plan.index #sec2 div { padding: 15px;}
	#plan.index #sec2>table { width: 50% !important;}
	#plan.index #sec2>table:nth-of-type(3) { border-left: 1px solid #cbb491;}
	#plan.index #sec2>table:nth-of-type(n+3) tr:first-child { display: none;}
	#plan.index #sec2>table:nth-of-type(n+3) tr:nth-child(n+1) th,
	#plan.index #sec2>table:nth-of-type(n+3) tr:nth-child(n+1) td { background: #f0e3d0;}
	#plan.index #sec2>table:nth-of-type(n+3) tr:nth-child(2n) th,
	#plan.index #sec2>table:nth-of-type(n+3) tr:nth-child(2n) td { background: #fff;}
  
	#plan.index #sec3 ul,
	#plan.index #sec3 p { width: 100%;}
	#plan.index #sec3 ul { padding: 0 0 15px 0;}
}
@media screen and (max-width:640px) {
	#plan.index section { padding: 50px 10px 0 10px;}
	
	#plan.index #sec1 .item dt,
	#plan.index #sec1 .item dd { width: 100%; float: none !important;}
	
/*
	#plan.index #sec2>ul,
	#plan.index #sec2>ul li,
	#plan.index #sec2 div dl { width: 100%; float: none !important;}
	#plan.index #sec2 figure { display: none;}
	#plan.index #sec2 div dl { padding: 0 0 15px 0;}
	#plan.index #sec2 div dt,
	#plan.index #sec2 div dd { text-align: center;}
	#plan.index #sec2 div dd p br { display: none;}
*/
	#plan.index #sec2 .ver_pc { display: none;}
	#plan.index #sec2 .ver_sp { display: inline;}
}
@media screen and (max-width:480px) {
	#plan.index #sec2 div dt,
	#plan.index #sec2 div dd { text-align: left;}
	#plan.index #sec2 div dd p br { display: inline;}
	#plan.index #sec2 div dd a { display: block; width: 206px; max-width: 100%; margin: 0 auto;}
	#plan.index #sec2 .ver_pc { display: inline;}
	#plan.index #sec2 .ver_sp { display: none;}
	#plan.index #sec2>table { width: 100% !important;}
	#plan.index #sec2>table:nth-of-type(n+2) { border-left: 1px solid #cbb491;}
	#plan.index #sec2>table:nth-of-type(n+2) tr:first-child { display: none;}
	#plan.index #sec2>table:nth-of-type(2n) tr:nth-child(n+1) th,
	#plan.index #sec2>table:nth-of-type(2n) tr:nth-child(n+1) td { background: #f0e3d0;}
	#plan.index #sec2>table:nth-of-type(2n) tr:nth-child(2n) th,
	#plan.index #sec2>table:nth-of-type(2n) tr:nth-child(2n) td { background: #fff;}
	#plan.index #sec2>table:nth-of-type(3) tr:nth-child(n+1) th,
	#plan.index #sec2>table:nth-of-type(3) tr:nth-child(n+1) td { background: #fff;}
	#plan.index #sec2>table:nth-of-type(3) tr:nth-child(2n) th,
	#plan.index #sec2>table:nth-of-type(3) tr:nth-child(2n) td { background: #f0e3d0;}
}



/* -------------------------------------------------------
プラン詳細
------------------------------------------------------- */
@media screen and (max-width:640px) {
	#plan.detail #sec3 .footable .name { padding: 8px 10px; font-size: 16px; background: #f0e3d0; text-align: left;}
	#plan.detail #sec3 .footable br { display: none;}
	#plan.detail #sec3 .footable-detail-row>td { background: #fff !important;}
	#plan.detail #sec3 .footable-details td { background: none !important;}
	#plan.detail #sec3 .ver_sp { display: inline;}
}
@media screen and (max-width:580px) {
	#plan.detail #container { width:98%;}
}