@charset "UTF-8";


/*New Charm Resort*/

.charm08_contents {
	width: 100%;
	background: url(../img/charm_resort_top.jpg) no-repeat;
	background-position: left top;
	background-size: 100% auto;
	padding: 80px 0 157px;
	min-width: 1100px;
}
.title_area {
	background-color: rgba(000,0,0,0.5);
	width: 700px;
	padding: 45px 95px;
	color: #fff;
	margin: 0 auto 180px;
}
.title_area p {
	margin: 25px auto;
	line-height: 1.7;
	width: 514px;
}
.image_area {
	margin: 0 auto;
	width: 904px;
}
.image_area dl {
	display: inline-block;
	width: 290px;
	margin-right: 8px;
}
.image_area dl:last-of-type {
	margin-right: 0;
}

#charm08 #charm_title {
	width: 1100px;
	padding: 100px 25px 75px 75px;
	margin: 0 auto;
}

#charm08 #charm_title h1 {
	width: 291px;
	margin: 0 auto 140px;
}

#charm08 #charm_title h2 {
	font-size: 3rem;
	line-height: 4.5rem;
	letter-spacing: 6px;
	text-align: center;
	color: #7e6c35;
	width: 350px;
	float: left;
}

#charm08 #charm_title p {
	font-size: 1.4rem;
	line-height: 2.2rem;
	width: 611px;
	float: right;
}

#charm08 .imageillust {
	width: 80%;
	margin: 0 auto 115px;
}

#charm08 h3 {
	font-size: 3rem;
	margin-bottom: 140px;
	text-align: center;
	color: #7e6c35;
}



#charm08 .reset {
	padding-bottom: 0;
	border-bottom: none;
}

.charm08_contents .contents_box .left {
	float: left;
	width: 395px;
	font-family: kozuka-gothic-pro, sans-serif;
	font-weight: 200;
	padding-right: 30px;
	border-right: 1px solid #7e6c35;
}

.charm08_contents .contents_box .left .image {
	margin-bottom: 20px;
}

.charm08_contents .contents_box .left h4 {
	font-size: 2.5rem;
	margin-bottom: 17px;
	color: #7e6c35;
	letter-spacing: 8px;
}

.charm08_contents .contents_box .left h4 span {
	font-size: 1.4rem;
	color: #f29600;
	letter-spacing: 4px;
}

.charm08_contents .contents_box .left .office {
	font-size: 1.8rem;
	color: #7e6c35;
}

.charm08_contents .contents_box .right {
	float: left;
	width: 658px;
}

.charm08_contents .contents_box .right .text {
	font-size: 1.4rem;
	line-height: 2.2rem;
	padding: 25px 0 25px 20px;
	border-bottom: 1px solid #7e6c35;
}

.charm08_contents .contents_box .right .image_area {
	padding: 35px 0 35px 20px;
}

.charm08_contents .contents_box .right .left2 {
	float: left;
	margin-right: 7px;
	width: 307px;
}

.charm08_contents .contents_box .right .left2 p:first-of-type {
	margin-bottom: 3px;
}

.charm08_contents .contents_box .right .right2 {
	float: left;
	width: 307px;
}

.charm08_contents .contents_box .right img {
	display: block;
}

.charm08_contents .contents_box .right .right2 p {
	margin-bottom: 7px;
}

.charm08_contents .contents_box .right .icon {
	font-size: 1.2rem;
}

.charm08_contents .contents_box .right .icon img {
	width: 13px;
	display: inline-block;
	vertical-align: middle;
}

#charm_menu {
	background-color: #f1f1f1;
	padding: 80px 0;
	min-width: 1100px;
}

#charm_menu .charmmenu_contents {
	width: 1100px;
	margin: 0 auto;
}

#charm_menu h3 {
	font-size: 2.7rem;
	line-height: 4.4rem;
	color: #7e6c35;
	letter-spacing: 10px;
	text-align: center;
	margin-bottom: 65px;
}

#charm_menu li {
	display: inline-block;
	margin-right: 12px;
	margin-bottom: 12px;
	width: 355px;
}

@media (min-width : 638px )
{
#charm_menu li:nth-child(3n) {
	margin-right: 0;
}
}

/*== sp ==*//*==================================================================================*/

@media (max-width: 769px)
{

#charm08 #charm_title {
	width: 90%;
	padding: 30% 0 5%;
	margin: 0 auto;
}

#charm08 #charm_title h1 {
	width: 60%;
	margin: 0 auto 20%;
}

#charm08 #charm_title h2 {
	font-size: 2.4rem;
	line-height: 3.5rem;
	letter-spacing: 8px;
	width: 100%;
	float: none;
	margin: 0 auto 5%;
}

#charm08 #charm_title p {
	font-size: 1.4rem;
	line-height: 2.2rem;
	width: 100%;
	float: none;
}

#charm08 .imageillust {
	width: 90%;
	margin: 0 auto 15%;
	text-align: center;
	display: block;
}

#charm08 h3 {
	font-size: 2.4rem;
	margin-bottom: 15%;
}

.charm08_contents {
	width: 90%;
	padding-bottom: 10%;
	margin-bottom: 10%;
}

.charm08_contents {
	width: auto;
	padding-bottom: 10%;
	margin-bottom: 10%;
	min-width: auto;
	padding-top: 41%;
}
.title_area {
	width: 90%;
	padding: 0 5% 5% 5%;
	font-size: 1.4rem;
	margin-bottom: 15%;
}
.title_area p {
	width: auto;
	margin-bottom: 0px;
	font-weight: normal;
}
.image_area {
	width: 90vw;
}
.image_area dl {
	width: 48%;
	margin-right: 0;
	margin-bottom: 4%;
}
.image_area dl:nth-child(even){
	float: right;
}

.charm08_contents .contents_box .left {
	float: none;
	width: 100%;
	padding-right: 0;
	border-right: none;
}

.charm08_contents .contents_box .left .image {
	margin-bottom: 5%;
}

.charm08_contents .contents_box .left h4 {
	font-size: 2.2rem;
	line-height: 1rem;
	margin-bottom: 1%;
	letter-spacing: 4px;
}

.charm08_contents .contents_box .left h4 span {
	font-size: 1.2rem;
	letter-spacing: 4px;
}

.charm08_contents .contents_box .left .office {
	font-size: 1.6rem;
	margin-bottom: 3%;
}

.charm08_contents .contents_box .right {
	float: none;
	width: 100%;
}

.charm08_contents .contents_box .right .text {
	font-size: 1.4rem;
	line-height: 2.2rem;
	padding: 0 0 5%;
}

.charm08_contents .contents_box .right .image_area {
	padding: 5% 0 0;
}

.charm08_contents .contents_box .right .left2 {
	float: none;
	margin-right: 0;
	width: 100%;
}

.charm08_contents .contents_box .right .left2 p:first-of-type {
	margin-bottom: 1%;
}

.charm08_contents .contents_box .right .right2 {
	float: none;
	width: 100%;
}

.charm08_contents .contents_box .right .right2 p {
	margin-bottom: 1%;
}

.charm08_contents .contents_box .right .icon {
	font-size: 1.2rem;
}

.charm08_contents .contents_box .right .icon img {
	width: 13px;
}




#charm_menu {
	background-color: #f1f1f1;
	padding: 80px 0;
	min-width: 1100px;
}

#charm_menu {
	padding: 20% 0;
	min-width: 100%;
}

#charm_menu .charmmenu_contents {
	width: 96%;
}

#charm_menu h3 {
	font-size: 2.7rem;
	line-height: 4.4rem;
	color: #7e6c35;
	letter-spacing: 10px;
	text-align: center;
	margin-bottom: 65px;
}

#charm_menu li {
	display: inline-block;
	margin-right: 2%;
	margin-bottom: 3%;
	width: 47.8%;
}

#charm_menu li:nth-child(2n) {
	margin-right: 0;
}





}