@charset "UTF-8";

@media screen and ( max-width:660px )
{
#column01_contentsbox h2 {
 font-size:24px !important;
 width:80% !important;
 text-align:center;
 line-height:1.7em;
 margin:0 !important;
}

.button a {
 color:#fff;
 font-size:24px;
 /*font-weight:bold;*/
 text-decoration:none;
 text-align:center;
 display:block;
 margin:0 auto;
 padding:15px 0 10px 0;
 background:#CC3333;
 width:80%;
 border-bottom:5px solid #990000;
 border-right:0 !important;
 border-radius: 5px;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 cursor: pointer;
}

column03_contentsbox {
 padding-right:20px;
}

#column03_contentsbox table {
 /*font-size:12px !important;*/
 width:730px;
 background:#fff;
 text-align:center;
 border-collapse:collapse;
}

#column04_contentsbox h2 {
 color:#000;
 text-align:center;
 margin:0 auto;
 font-size:20px;
 width:15em;
 padding:0 !important;
 line-height:1.3em;
 border-bottom:1px solid #000;
}

#column04_contentsbox h2 span.price {
 font-size:28px;
}

#column04_contentsbox h2 span.personnel {
 font-size:14px;
}

#column04_contentsbox div.notes div.hotelimg {
 width:50%;
 float:right;
 margin:0 0 20px 20px;
}

#column04_contentsbox div.notes div.hotelimg img {
 width:100%;
}

#column04_contentsbox div.notes div.hotelimg h4 {
 font-size:90%;
}

.btns input {
 width:80%;
}

div#footer {
 padding-right:50px !importrant;
 font-size:85% !important;
}

}

/* スマホだけに適用するCSS */
@media screen and ( max-width:600px )
{
body {
 width:100%;
}

div#header {
 width:100% !important;
 height:auto;
 margin:0;
 padding:0;
 overflow: hidden;
}

div#header p a img {
 margin:0 auto;
 max-width:100%;
}

#header_contentsbox {
 width:100%;
 height:250px;
 background:url(../images/headimg.png) center top no-repeat;
 background-size: cover;
 margin:0;
 padding:0 0 20px 0;
 overflow: hidden;
}

/*
#header_contentsbox h1 {
 clear:both;
 width:100%;
 margin:0 auto;
 padding:20px 0 10px 0 !important;
 line-height:1em !important;
 overflow: hidden;
}*/

#header_contentsbox h1 {
 position:absolute;
 width:100% !important;
 left:0;
 bottom:-50px;
}

#header_contentsbox h1 img {
 width:100%;
 margin-left:0;
}

#header_contentsbox h1 span {
 color:#ffffff;
 font-size:28px;
 line-height:1em !important;
}

/*#header_contentsbox img {
 width:50% !important;
 height:auto;
}*/

#column01 {
 width:100%;
 margin:0 auto;
 overflow: hidden;
}

#column01_contentsbox {
 width:100%;
 margin:0 auto;
 overflow: hidden;
}

#column01_contentsbox h2 {
 font-size:20px !important;
 width:80% !important;
 text-align:center;
 line-height:1.7em;
 margin:0 !important;
}

#column01_contentsbox h2 span {
 font-size:17px !important;
}

#column01_contentsbox p img {
 width:90px !important;
 position:absolute;
 top:0;
 right:0;
}

.button a {
 font-size:24px !important;
}

#column02 {
 clear:both;
 width:100%;
 height:auto;
 margin:0;
 overflow:hidden;
}

#column02_contentsbox {
 width:100%;
 margin:0 auto;
 overflow: hidden;
}

#column02_contentsbox h2 {
 font-size:30px !important;
}

#column02_contentsbox ul {
 padding:1px 10px 10px 10px;
}

#column02_contentsbox li {
 padding:10px;
 list-style:none;
 float:left;
 width:95%;
 height:auto;
 margin-right:10px;
 margin-bottom:10px;
 background:#efefef;
}

div.navigator {
 margin-top:30px;
 padding:10px;
 background:#fffac4;
}

div.navigator img {
 width:80px;
 float:left;
 margin:10px;
}

div.navigator h3 {
 font-size:16px !important;
 line-height:1.5;
 margin:5px 0 0 0;
}

div.navigator h4 {
 margin:0 0 0 5px;
 font-size:18px !important;
}

div.navigator h4 span {
 font-size:13px !important;
}

div.navigator div.prof {
 padding:0 0 0 5px;
 font-size:85%;
 margin-left:0;
}

div.navigator div.prof h5 {
 margin:5px 0 0 0;
}

div.navigator div.prof p {
 margin-top:0;

}

#column03 {
 clear:both;
 width:100%;
 height:auto;
 margin:0;
 overflow:hidden;
}

#column03_contentsbox {
 width:95%;
 margin:0 auto;
 padding:10px 0 0 0;
 overflow:hidden;
}

#column03 h2 {
 text-align:center;
 margin:0 auto;
 font-size:20px;
 padding:20px 0 12px 0 !important;
 line-height:1.3em;
 background:#2ea7e0 !important;
 color:#fff !important;
}

#column03 h2 span {
 font-size:30px;
}

#column03_contentsbox ul {
 margin:0 0 20px 0;
 padding:0;
}

#column03_contentsbox ul li {
 list-style:none;
 font-size:16px;
 padding:5px;
}

#column03_contentsbox h3 {
 margin:20px 10px 10px 10px;
 font-size:24px;
 text-align:center;
 line-height:1.4em;
 overflow:hidden;
}

#column03_contentsbox dl {
 padding-left:0 !important;
 margin-left:10px !important;
}

#column03_contentsbox dl dt {
 float:none !important;
 font-size:18px;
 font-weight:bold;
 width:100% !important;
 padding:5px 0 2px 15px;
 border:2px solid #333333;
 margin-bottom:24px;
}

#column03_contentsbox dl dd {
 font-size:18px;
 margin-left:10px !important;
 padding:0 0 8px 0;
 margin-bottom:24px;
}

#column03_contentsbox p {
 margin-left:10px !important;
}

#column04 {
 clear:both;
 width:100%;
 height:auto;
 margin:0 important;
 padding-top:20px;
 padding-bottom:40px;
 overflow:hidden;
}

#column04_contentsbox {
 width:100%;
 margin:0 auto;
 padding-top:1px;
 overflow:hidden;
}

#column04_contentsbox ul {
 padding:10px 0 10px 10px !important;
}

#column04_contentsbox ul li {
 float:left;
 margin-right:10px;
 margin-bottom:10px;
 width:90%;
 height:150px;
 padding:12px;
 background:#ffffff;
 list-style:none;
}

#column04_contentsbox ul li p {
 height:40px;
}

.kome {
 margin:0 0 0 10px;
}


#column05 {
 clear:both;
 width:100%;
 padding:0 0 30px 0 !important;
 overflow: hidden;
}

#column05_contentsbox {
 max-width:100%;
 margin:0 auto;
 overflow: hidden;
}

#column05_contentsbox h2 {
 margin:0;
 padding:0 15px 15px 0;
 font-size:16px;
 line-height:1.7em;
}

#column05_contentsbox h2 span {
 font-size:13px;
}

p.sponsered {
 margin:0;
 padding:0;
 font-size:10px;
 float:none !important;
}

.present li img {
 width:100%;
 clear:both;
 margin:8px 0 0 0;
 padding:0;
}

#column06 {
 clear:both;
 width:100%;
 overflow: hidden;
}

#column06_contentsbox {
 margin:0 auto;
 padding:20px 10px 0 10px;
 overflow: hidden;
}

#column06_contentsbox h2 {
 margin:0;
 padding:0;
}

table.cntct {
 width: 100%;
 font-size: 16px;
 margin-bottom: 0;
 padding:0;
}

table.cntct th {
 width: 95%;
 display:block;
 background: #efefef;
 border-collapse: collapse;
 vertical-align: middle;
 padding: 7px 20px 7px 15px !important;
 line-height: 1.8;
 white-space: nowrap;
}

table.cntct th span {
 background: #ff3333;
 color: #fff;
 border-radius: 3px;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 padding: 2px 5px;
 margin-right: 8px;
 font-weight: normal;
 font-size: 14px;
}
table.cntct td {
 width: 95%;
 display:block;
 vertical-align: top;
 padding: 10px 20px 10px 15px;
 border-top:none !important;
 border-right:none !important;
 border-bottom:none !important;
 border-left:none !important;
}

table.cntct td.borderbottom {
 width: 95%;
 display:block;
 vertical-align: top;
 padding: 15px 15px 0 15px;
 border-top:0;
 border-right:1px solid #ccc;
 border-bottom:1px solid #ccc;
 border-left:1px solid #ccc;
}

table.cntct td.check {
 color: #ff0000;
 line-height: 1.7;
}
table.cntct td p.listtl {
 font-weight: bold;
 padding: 5px 5px 3px 5px;
}

table.cntct td ul {
 margin:0;
 padding:0;
}

table.cntct td li {
 margin-top: 5px;
 margin-left:0;
 vertical-align: middle;
}
table.cntct td li input[type="radio"] {
 margin-right: 5px;
 margin-top: -1px;
 vertical-align: middle;
}
table.cntct td input[type="text"],
table.cntct td input[type="tel"],
table.cntct td input[type="email"],
table.cntct td textarea {
	border: 1px solid #ccc;
	width: 95%;
	padding: 10px 5px;
	font-size:16px;
}
table.cntct td textarea {
	height: 100px;
}
table.cntct td input.short {
	width: 40%;
}
table.cntct td ul {
 margin:0;
 padding-top: 5px;
}

table.cntct td.td01 input[type="text"]
 {
	border: 1px solid #ccc;
	width: 95% !important;
	padding: 10px 5px;
}

#footer_contentsbox dl dt {
 float:none; !important;
 /*font-weight:bold;*/
 width:110px;
 padding:5px 0 2px 15px;
 border:2px solid #fff;
}

#footer_contentsbox dl dd {
 margin-left:10px;
 padding:5px 0 8px 0;
 margin-bottom:50px;
 margin-right:20px;
}

.copyright {
 text-align:center;
 padding:0;
 margin:0 0 0 -40px !important;
 font-size:12px !important;
 color:#fff;
}

.privacy {
 float:none;
 text-align:center;
 margin-top:10px !important;
 margin-left:10px !important;
}

.button {
 width:100%;
 margin:0 auto;
 text-align:center;
 overflow: hidden;
 padding-top: 15px;
 padding-bottom:15px;
 overflow: hidden;
}

/*
.btns input {
 clear:left !important;
 font-size: 18px;
 width: 270px;
 margin: 0 20px 15px 20px;
 text-align: center;
 color: #fff;
 padding: 10px;
 background: #339966;
 border-top: 0;
 border-right: 0;
 border-left: 0;
 border-bottom: 3px solid #336633;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		cursor: pointer;
	}
.btns input:hover {
 background: #4fa879;
	}*/
.btns input.back {
		background: #66cc99;
		border-color: #669966;
	}
.btns input.back:hover {
		background: #7bd6a6;
	}

.btns02 input {
 float:none !important;
 font-size: 18px;
 width: 160px;
 margin: 0 20px;
 text-align: center;
 color: #fff;
 padding: 10px;
 background: #66cc99;
 border-top: 0;
 border-right: 0;
 border-left: 0;
 border-bottom: 3px solid #336633;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		cursor: pointer;
	}
.btns02 input:hover {
 background: #4fa879;
	}
.btns02 input.back {
		background: #66cc99;
		border-color: #669966;
	}
.btns02 input.back:hover {
		background: #7bd6a6;
	}

input[type="submit"] {
  -webkit-appearance: none;
}

input[type="reset"] {
  -webkit-appearance: none;
}

input[type="button"] {
  -webkit-appearance: none;
}

#pageTop{
 background:#999999;
 color:#FFF;
 padding:7px 8px 5px 8px;
 position:fixed;
 bottom:10px;
 right:10px;
 font-size:12px;
}

#pageTop img {
 width:25px;
}

#pageTop:hover{
 background:#cccccc;
}
}


@media screen and ( max-width:500px )
{
#column01_contentsbox h2 {
 font-size:18px !important;
 width:80% !important;
 text-align:left !important;
 line-height:1.7em;
 margin:0 15px 0 15px !important;
}

#column01_contentsbox h2 span {
 font-size:13px !important;
}

#column01_contentsbox p img {
 width:80px !important;
 position:absolute;
 top:0px;
 right:5px;
}

#column04_contentsbox h3 {
 font-size:14px;
 color:#fff;
 background:#2ea7e0;
 padding:10px;
 text-align:center;
}

}


/* スマホだけに適用するCSS */
@media screen and ( max-width:400px )
{

#column01_contentsbox h2 {
 font-size:17px !important;
 width:75% !important;
 text-align:left !important;
 line-height:1.7em;
 margin:0 15px 0 15px !important;
}

#column01_contentsbox h2 span {
 font-size:12px !important;
}

.button a {
 font-size:22px !important;
}
}