@charset "UTF-8";


@media (min-width: 320px) {
section .titlearea div h2 img {
  height: auto;  
}

/* ページタイトル */
section .titlearea {
	background: url(../cfc/images/head_img.jpg) no-repeat center top;
	margin-top: 0px;
}

.intro{
  text-align:center;  
}

.red_text{
  color:#ea6097;
}

.blue_text{
  color:#69ccef;
}

.intro h3{
	font-size: 2em;
	font-weight:500;
	text-align:center;
	display: table;
	position: relative;
	margin: auto auto 1em;
	padding-right: 0.5em;
	padding-left: 0.5em;
}
.intro h3::before {
    content: "";
    background: #facde1;
    height: 15px;
    width: 100%;
    position: absolute;
    left: 0px;
    bottom: 0px;
    z-index: -1;
}
.intro p {
	line-height: 2;
}




.criterion h3 {
	color:#69ccef;
	font-size:1.8em;
	font-weight:700;
	text-align:center;
	padding-bottom:20px;
	background: url(../cfc/images/line_cat.gif) repeat-x left bottom;
}


.criterion .criterion_flex{
  display:-webkit-box;
  display:-ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-direction : column-reverse;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  padding:20px;
  background: #f3fcff url(../cfc/images/bg_cat.png) no-repeat right bottom;
}
.criterion .criterion_img{
  text-align:center;
}
.criterion ul {
	/*background: #f3fcff url(../cfc/images/bg_cat.png) no-repeat right bottom;
  */
	padding: 1em 0;
	position: relative;
}
.criterion ul li {
	line-height: 2;
	position: relative;
	list-style: none;
}
.criterion ul li::before {
	content: "●";
	color: #69ccef;
	position: absolute;
	left: 0px;
	top: 0px;
}


small{
  font-size:1.4em;
  position:relative;
  padding-left:1.2em;
  display:block;
}
small:before{
  content:"※";
  color:#3d828e;
  position:absolute;
  left:0;
  top:0;
}


section .photoarea > div .cfc_photo {
	text-align: center;
	margin-bottom: 15px;
}
section .photoarea > div dl {
	margin-bottom: 1em;
}
section .photoarea > div dt {
	text-align: center;
	font-weight: 500;
	color: #69ccef;
	background: url(../cfc/images/line_cat.gif) repeat-x left bottom;
	padding-bottom: 1em;
	margin-bottom: 1em;
}
section .photoarea > div dt strong {
	color: #3d828e;
	font-size: 125%;
}

section .photoarea > div dd p {
	text-align: justify;
}
section .photoarea > div + div{
  margin-top:3em;
}

.roomphoto {
	list-style: none;
	margin-top: 50px;
	margin-bottom: 50px;
}
.roomphoto li {
	margin-bottom: 1.5em;
}
.roomphoto li .detail_txt {
	padding-left: 60px;
	text-indent: -60px;
	margin-bottom: 1em;
}
.roomphoto li .detail_txt strong {
	font-size: 280%;
	font-weight: 500;
	color: #3d828e;
	display: block;
	line-height: 1;
}
.roomphoto li .detail_txt strong:after {
	content: "　";
	width: 100%;
	background: url(../images/line_ladder.gif) repeat-x left center;
	display: inline-block;
	float: right;
}
.roomphoto li .roomphoto_title{
  font-weight:bold;
}
.roomphoto li .detail_photo {
	margin-left: 60px;
}
}

@media (min-width: 360px) {

}

@media (min-width: 400px) {
}

@media (min-width: 520px) {
}

@media (min-width: 768px) {
/* ページタイトル */
section .titlearea {
	background-position: center center;
}

.criterion .criterion_flex{
  flex-direction : row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
}

.criterion ul {
	padding: 1em 2em;
}

section .photoarea > div {
	display: flex;
	display: -ms-flexbox; /* IE10 */
	display: -webkit-box; /* Android4.3以下、Safari3.1〜6.0 */
	display: -webkit-flex; /* Safari6.1以降 */
	justify-content: space-between;
	-ms-flex-pack: justify; /*IE10*/
	-webkit-box-pack: justify; /* Android4.3以下、Safari3.1〜6.0 */
	-webkit-justify-content: space-between; /* Safari6.1以降 */
	align-items: center;
	-ms-flex-align: center; /*IE10*/
	-webkit-box-align: center; /* Android4.3以下、Safari3.1〜6.0 */
	-webkit-align-items: center; /* Safari6.1以降 */
}
section .photoarea > div .vet_photo {
	width: 300px;
}
section .photoarea > div dl {
	width: 60%; /*IE9未満とかプレフィックス使ってもだめなブラウザやOS対応*/
	width: -webkit-calc(100% - 350px);/*Chrome19~25対応*/
	width: -moz-calc(100% - 350px);/*Firefox4~15対応*/
	width: calc(100% - 350px);
}
section .photoarea > div.hotel .cfc_photo {
	order: 2;
	-ms-flex-order: 2; /*IE10*/
	-webkit-box-ordinal-group: 2; /* Android4.3以下、Safari3.1〜6.0 */
	-webkit-order: 2; /* Safari6.1以降 */
}
section .photoarea > div.hotel dl {
	order: 1;
	-ms-flex-order: 1; /*IE10*/
	-webkit-box-ordinal-group: 1; /* Android4.3以下、Safari3.1〜6.0 */
	-webkit-order: 1; /* Safari6.1以降 */
}
section .photoarea > div + div{
	margin-top: 0;
}

.roomphoto li {
	display: flex;
	display: -ms-flexbox; /* IE10 */
	display: -webkit-box; /* Android4.3以下、Safari3.1〜6.0 */
	display: -webkit-flex; /* Safari6.1以降 */
	justify-content: space-between;
	-ms-flex-pack: justify; /*IE10*/
	-webkit-box-pack: justify; /* Android4.3以下、Safari3.1〜6.0 */
	-webkit-justify-content: space-between; /* Safari6.1以降 */
	align-items: center;
	-ms-flex-align: center; /*IE10*/
	-webkit-box-align: center; /* Android4.3以下、Safari3.1〜6.0 */
	-webkit-align-items: center; /* Safari6.1以降 */
	margin-bottom: 0em;
}
.roomphoto li .detail_txt {
	width: 60%; /*IE9未満とかプレフィックス使ってもだめなブラウザやOS対応*/
	width: -webkit-calc(100% - 340px);/*Chrome19~25対応*/
	width: -moz-calc(100% - 340px);/*Firefox4~15対応*/
	width: calc(100% - 340px);
	margin-bottom: 0em;
}
.roomphoto li .detail_txt strong {
	margin-bottom: 0.5em;
}
.roomphoto li .detail_photo {
	margin-left: 0em;
}
.roomphoto li:nth-child(odd) .detail_photo {
	order: -1;
	-ms-flex-order: -1; /*IE10*/
	-webkit-box-ordinal-group: -1; /* Android4.3以下、Safari3.1〜6.0 */
	-webkit-order: -1; /* Safari6.1以降 */
}

}
@media (min-width: 1160px) {


}


@media (min-width: 1200px) {
}