/* ===================================================================
CSS information
 file name  :  style.css
=================================================================== */
body {
	background-color:#FFF;
}

@media screen and (min-width: 769px) {

/* PC用のスタイル記述 */
.pcElement{
	display:block;
}
.pcElement_inline{
	display:inline;
}
.spElement{
	display:none;
}
.spElement_inline{
	display:none;
}

#wrapper {
}

/***** header *****/
header{
	background:url(../img/header-top_bg.jpg?201120) center no-repeat;
	background-size: cover;
	padding:120px 0 0 0;
	height:450px;
	box-sizing:border-box;
	margin:0 0 45px;
}

header .top_box{
	width:960px;
	margin:0 auto;
	background:rgba(65,186,255,0.84);
	position:relative;
	padding:5px;
	box-sizing:border-box;
}

header .top_box .logo{
	position:absolute;
	left:26px;
	top:-1px;
}

header .top_box .title{
	border:1px solid #FFF;
	padding:30px 0 15px 0;
}

header .top_box h1{
	font-size:27px;
	color:#FFF;
	font-weight:bold;
	text-align:center;
	padding:0 0 0 120px;
	line-height:1.3;

}

header .top_box h1 strong{
	font-size:55px;
}

header .top_box p.date{
	font-size:21px;
	color:#FFF;
	text-align:center;
}

header .top_box p.date em{
	font-size:28px;
	font-weight:bold;
}




/***** article section *****/
article{
}

/*** intro_sec ***/
#intro_sec{
	width:960px;
	margin:0 auto 40px;
	overflow:hidden;
}

#intro_sec .txt{
}

#intro_sec .txt h2{
	font-size:18px;
	font-weight:bold;
	color:#FF6966;
	line-height:1.5;
	margin:0 0 15px;
}

#intro_sec .txt p.h2_txt{
	font-size:14px;
	line-height:1.6;
}

#intro_sec .img{
	float:right;
	width:360px;
	margin:0 0 0 20px;
}

/*** merit_sec ***/
#merit_sec{
	width:960px;
	margin:0 auto 40px;
	overflow:hidden;
}

#merit_sec h2.title_line{
	font-size:36px;
	font-weight:bold;
	text-align:center;
	position:relative;
	line-height:1.2;
	margin:0 0 30px;
}

#merit_sec h2.title_line span{
	font-size:24px;
}

#merit_sec h2.title_line strong{
	font-size:48px;
	color:#FF6966;
	vertical-align:middle;
	padding:0 5px;
}

#merit_sec h2.title_line img{
	position:absolute;
	top:58%;
}

#merit_sec h2.title_line img.l_line{
	left:30px;
}
#merit_sec h2.title_line img.r_line{
	right:30px;
}

#merit_sec .box{
	overflow:hidden;
	margin:0 0 40px;
}

#merit_sec .box .box_l{
	float:left;
}

#merit_sec .box .box_r{
	float:right;
}

#merit_sec .box .img{
	width:480px;
}

#merit_sec .box .info{
	width:460px;
}

#merit_sec p.num{
	width:68px;
	height:68px;
	margin:0 auto 15px;
	border:2px solid #FF6966;
	border-radius:50%;
	position:relative;
}

#merit_sec p.num span{
	background:#FFF;
	position:absolute;
	left:-15px;
	top:23px;
	font-size:18px;
	font-weight:600;
}

#merit_sec p.num span em{
	font-size:39px;
	font-weight:500;
	padding:0 3px;
	vertical-align:middle;
	color:#FF6966;
}
	


#merit_sec h3{
	font-size:21px;
	font-weight:bold;
	color:#FF6966;
	text-align:center;
	line-height:1.5;
	margin:0 0 20px;
}

#merit_sec p.h3_txt{
	font-size:16px;
	line-height:1.7;
}

#merit_sec p.h3_txt_f{
	font-size:16px;
	line-height:1.7;
	width:715px;
	margin:0 auto;
}

#merit_sec p.to_link{
	text-align:center;
	margin:20px 0 0;
}

#merit_sec p.to_link a{
	display:inline-block;
	background:#FF6966;
	border-radius:20px;
	font-size:18px;
	font-weight:bold;
	color:#FFF;
	text-align:center;
	line-height:2;
	text-decoration:none;
	padding:5px 35px 0;
	position:relative;
}

#merit_sec p.to_link a:before {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: transparent transparent transparent #FFF;
    border-image: none;
    border-style: solid;
    border-width: 7px;
    content: "";
    position: absolute;
    right: 8px;
    top: 50%;
    margin-top: -7px;
}
#merit_sec p.to_link a:after {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: transparent transparent transparent #FF6966;
    border-image: none;
    border-style: solid;
    border-width: 7px;
    content: "";
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -7px;
}


#merit_sec p.to_link a:hover{
	opacity:0.7;
}

#merit_sec ul.img_full{
	width:960px;
	margin:30px auto;
	overflow:hidden;
}

#merit_sec ul.img_full li{
	float:left;
}

#merit_sec .model{
	clear:both;
	overflow:hidden;
}

#merit_sec .model .list{
	float:left;
	width:500px;
}

#merit_sec .model .list h4{
	font-size:14px;
	margin:0 0 5px;
}

#merit_sec .model .list p{
	font-size:16px;
}

#merit_sec .model .list dl{
	font-size:14px;
	line-height:1.0;
}

#merit_sec .model .list dt{
	margin:0 0 8px;
	padding:0;
	font-weight:bold;
}

#merit_sec .model .list dd{
	margin:0 0 12px;
	padding:0;
}

#merit_sec .model .model_img{
	float:right;
	width:430px;
}

/*** fair_sec ***/
#fair_sec{
	background:rgba(247,183,183,0.5);
	padding:47px 0 20px 0;
}

#fair_sec .inner{
	width:960px;
	margin:0 auto 40px;
	background:#FFF;
	box-shadow:2px 2px 2px rgba(0,0,0,0.5);
	border-radius:5px;
	padding:30px 0;
	overflow:hidden;
}


#fair_sec h2.title_line{
	font-size:36px;
	font-weight:bold;
	text-align:center;
	position:relative;
	line-height:1.5;
	margin:0 0 30px;
}

#fair_sec h2.title_line span{
	color:#FF6966;
}

#fair_sec h2.title_line img{
	position:absolute;
	top:27%;
}

#fair_sec h2.title_line img.l_line{
	left:125px;
}
#fair_sec h2.title_line img.r_line{
	right:125px;
}

#fair_sec dl.info{
	width:678px;
	margin:0 auto 10px;
	overflow:hidden;
	font-size:16px;
	font-weight:bold;
	line-height:1.2;
	
}

#fair_sec dl.info dt{
	display:inline-block;
	width:94px;
	text-align:center;
	background:#FF6966;
	color:#FFF;
	line-height:1.5;
	padding:3px 0 0 0;
	margin:0 10px 0 0;
	position:relative;
	vertical-align: top;
}

#fair_sec dl.info dt:before{
	content:"";
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	border-top: 13px solid transparent;
	border-left: 3px solid #FFF;
	border-bottom: 13px solid transparent;
}
#fair_sec dl.info dt:after{
	content:"";
	position: absolute;
	right: 0;
	top: 0;
	width: 0;
	height: 0;
	border-top: 13px solid transparent;
	border-right: 3px solid #FFF;
	border-bottom: 13px solid transparent;
}

#fair_sec dl.info dd{
	display:inline-block;
	font-size: 14px;
	line-height: 1.5;
	padding: 5px 0 0 0;
}

#fair_sec dl.info dd br{
	/*display:none;*/
}


#fair_sec ul.img{
	overflow:hidden;
	margin:30px 0 25px;
}

#fair_sec ul.img li{
	float:left;
}

#fair_sec .detail{
	clear:both;
	padding:0 30px;
	overflow:hidden;
}

#fair_sec .detail .box{
	width:50%;
}

#fair_sec .detail .box_l{
	float:left;
}

#fair_sec .detail .box_r{
	float:right;
}

#fair_sec .detail h3{
}

#fair_sec .detail h3 span{
	display:inline-block;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	line-height:1.5;
	padding:3px 25px 0;
	color:#FF6966;
	border:1px solid #FF6966;
	border-radius:5px;
	margin:0 0 10px;
}

#fair_sec .detail ul{
	font-size:16px;
	margin:0 0 20px;
}

#fair_sec .detail ul.list_h li{
	background:url(../img/icon_heart.png) left center no-repeat;
	padding:0 0 0 15px;
}

#fair_sec .detail ul.list_ddisc li{
	padding:0 0 0 20px;
	position:relative;
}

#fair_sec .detail ul.list_ddisc li:before{
	position:absolute;
	left:0;
	top:0;
	content:"◎";
	color:#FF6966;
}

#fair_sec .detail ul.list_ddisc li{
	padding:0 0 0 20px;
}

#fair_sec .detail h4{
	font-size:18px;
	font-weight:bold;
	color:#FF6966;
}

#fair_sec .detail ol.list_num{
	font-size:16px;
	margin:0 0 20px;
	list-style-position:outside;
}

#fair_sec .detail ol.list_num li{
  list-style-type:none;
  list-style-position:outside;
  counter-increment: cnt;
  text-indent:-1.3em;
  padding:0 0 0 1.3em;
}
#fair_sec .detail ol.list_num li:before{
  display: marker;
  content: "(" counter(cnt) ") ";
}


#fair_sec p.to_reservation{
	text-align:center;
}

#fair_sec p.to_reservation a{
	display:inline-block;
}
#fair_sec p.to_reservation a img{
	border-radius:15px;
	box-shadow:2px 2px 2px rgba(0,0,0,0.5);
}


#fair_sec p.to_reservation a:hover{
	opacity:0.7;
}




/***** footer *****/
footer{
	background:rgba(247,183,183,0.5);
}

footer p.copy{
	font-size:12px;
	text-align:center;
}

/*** page-top ***/
#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index:1;
}
#page-top a {
	text-decoration: none;
	text-align: center;
	display: block;
	outline:none;
}
#page-top a:hover {
}


}

@media screen and (max-width: 768px) {
/* スマホ用のスタイル記述 */
.pcElement{
	display:none;
}
.pcElement_inline{
	display:none;
}
.spElement{
	display:block;
}
.spElement_inline{
	display:inline;
}

img{
	width:100%;
	height:inherit;
}

/***** header *****/
header{
	background:url(../img/header-top_bg.jpg?201120) center no-repeat;
	background-size: cover;
	padding:30px 0 0 0;
	height:250px;
	box-sizing:border-box;
	margin:0 0 45px;
}

header .top_box{
	width:80%;
	margin:0 auto;
	background:rgba(65,186,255,0.84);
	position:relative;
	padding:5px;
	box-sizing:border-box;
}

header .top_box .logo{
	position:absolute;
	left:15px;
	top:-1px;
	width:14%;
}

header .top_box .logo img{
	width:100%;
	height:inherit;
}


header .top_box .title{
	border:1px solid #FFF;
	padding:40px 0 15px 0;
}

header .top_box h1{
	font-size:14px;
	color:#FFF;
	font-weight:bold;
	text-align:center;
	padding:2% 0 0 0;
	line-height:1.4;

}

header .top_box h1 strong{
	font-size:18px;
}

header .top_box p.date{
	font-size:14px;
	color:#FFF;
	text-align:center;
}

header .top_box p.date em{
	font-size:16px;
	font-weight:bold;
}

/***** article section *****/
article{
}

/*** intro_sec ***/
#intro_sec{
	margin:0 10px 40px;
	overflow:hidden;
}

#intro_sec .txt{
}

#intro_sec .txt h2{
	font-size:16px;
	font-weight:bold;
	color:#FF6966;
	line-height:1.7;
	margin:0 0 15px;
}

#intro_sec .txt h2 br{
	display:none;
}

#intro_sec .txt p.h2_txt{
	font-size:14px;
	line-height:1.7;
}

#intro_sec .img{
	float:right;
	width:30%;
	margin:0 0 10px 5px;
}

/*** merit_sec ***/
#merit_sec{
	margin:0 10px 0;
	overflow:hidden;
}

#merit_sec h2.title_line{
	font-size:18px;
	font-weight:bold;
	text-align:center;
	position:relative;
	line-height:1.2;
	margin:0 0 10px;
}

#merit_sec h2.title_line span{
	font-size:16px;
}

#merit_sec h2.title_line strong{
	font-size:20px;
	color:#FF6966;
	vertical-align:middle;
	padding:0 5px;
}

#merit_sec h2.title_line img{
	display:none;

}

#merit_sec .box{
	overflow:hidden;
	margin:0 0 40px;
}

#merit_sec .box .box_l{
}

#merit_sec .box .box_r{
}

#merit_sec .box .img{
	margin:0 0 10px;
}

#merit_sec .box .info{
}

#merit_sec p.num{
	width:68px;
	height:68px;
	margin:0 auto 15px;
	border:2px solid #FF6966;
	border-radius:50%;
	position:relative;
}

#merit_sec p.num span{
	background:#FFF;
	position:absolute;
	left:-15px;
	top:23px;
	font-size:16px;
	font-weight:600;
}

#merit_sec p.num span em{
	font-size:24px;
	font-weight:500;
	padding:0 3px;
	vertical-align:middle;
	color:#FF6966;
}
	


#merit_sec h3{
	font-size:16px;
	font-weight:bold;
	color:#FF6966;
	text-align:center;
	line-height:1.5;
	margin:0 0 20px;
}

#merit_sec p.h3_txt{
	font-size:14px;
	line-height:1.7;
}

#merit_sec p.h3_txt_f{
	font-size:14px;
	line-height:1.7;
	margin:0 auto;
}

#merit_sec p.to_link{
	text-align:center;
	margin:20px 0 0;
}

#merit_sec p.to_link a{
	display:inline-block;
	background:#FF6966;
	border-radius:20px;
	font-size:18px;
	font-weight:bold;
	color:#FFF;
	text-align:center;
	line-height:2;
	text-decoration:none;
	padding:5px 35px 0;
	position:relative;
}

#merit_sec p.to_link a:before {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: transparent transparent transparent #FFF;
    border-image: none;
    border-style: solid;
    border-width: 7px;
    content: "";
    position: absolute;
    right: 8px;
    top: 50%;
    margin-top: -7px;
}
#merit_sec p.to_link a:after {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: transparent transparent transparent #FF6966;
    border-image: none;
    border-style: solid;
    border-width: 7px;
    content: "";
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -7px;
}


#merit_sec p.to_link a:hover{
	opacity:0.7;
}

#merit_sec ul.img_full{
	margin:10px 10px;
	overflow:hidden;
}

#merit_sec ul.img_full li{
	float:left;
	width:20%;
}

#merit_sec .model{
	clear:both;
	overflow:hidden;
}

#merit_sec .model .list{
}

#merit_sec .model .list h4{
	font-size:14px;
	margin:0 0 5px;
}

#merit_sec .model .list p{
	font-size:14px;
}

#merit_sec .model .list p br{
	display:none;
}


#merit_sec .model .list dl{
	font-size:14px;
	line-height:1.0;
}

#merit_sec .model .list dt{
	margin:0 0 8px;
	padding:0;
	font-weight:bold;
}

#merit_sec .model .list dd{
	margin:0 0 12px;
	padding:0;
}

#merit_sec .model .model_img{
}

/*** fair_sec ***/
#fair_sec{
	background:rgba(247,183,183,0.5);
	padding:30px 0 20px 0;
}

#fair_sec .inner{
	margin:0 10px 10px;
	background:#FFF;
	box-shadow:2px 2px 2px rgba(0,0,0,0.5);
	border-radius:5px;
	padding:20px 0;
	overflow:hidden;
}


#fair_sec h2.title_line{
	font-size:18px;
	font-weight:bold;
	text-align:center;
	position:relative;
	line-height:1.5;
	margin:0 0 10px;
}

#fair_sec h2.title_line span{
	color:#FF6966;
}

#fair_sec h2.title_line img{
	display:none;

}

#fair_sec h2.title_line img.l_line{
}
#fair_sec h2.title_line img.r_line{
}

#fair_sec dl.info{
	margin:0 5px 10px;
	overflow:hidden;
	font-size:14px;
	font-weight:bold;
	line-height:1.2;
	
}

#fair_sec dl.info dt{
	width:30%;
	text-align:center;
	background:#FF6966;
	color:#FFF;
	line-height:1.5;
	padding:3px 0 0 0;
	margin:0 0 5px 0;
	position:relative;
}

#fair_sec dl.info dt:before{
	content:"";
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	border-top: 13px solid transparent;
	border-left: 3px solid #FFF;
	border-bottom: 13px solid transparent;
}
#fair_sec dl.info dt:after{
	content:"";
	position: absolute;
	right: 0;
	top: 0;
	width: 0;
	height: 0;
	border-top: 13px solid transparent;
	border-right: 3px solid #FFF;
	border-bottom: 13px solid transparent;
}

#fair_sec dl.info dd{
	line-height:1.3;
}

#fair_sec ul.img{
	overflow:hidden;
	margin:30px 0 25px;
}

#fair_sec ul.img li{
	float:left;
	width:33%;
}

#fair_sec .detail{
	clear:both;
	padding:0 10px;
	overflow:hidden;
}

#fair_sec .detail .box{
}

#fair_sec .detail .box_l{
}

#fair_sec .detail .box_r{
}

#fair_sec .detail h3{
}

#fair_sec .detail h3 span{
	display:inline-block;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	line-height:1.5;
	padding:3px 25px 0;
	color:#FF6966;
	border:1px solid #FF6966;
	border-radius:5px;
	margin:0 0 10px;
}

#fair_sec .detail ul{
	font-size:14px;
	margin:0 0 20px;
}

#fair_sec .detail ul.list_h li{
	background:url(../img/icon_heart.png) left center no-repeat;
	padding:0 0 0 15px;
}

#fair_sec .detail ul.list_ddisc li{
	padding:0 0 0 20px;
	position:relative;
}

#fair_sec .detail ul.list_ddisc li:before{
	position:absolute;
	left:0;
	top:0;
	content:"◎";
	color:#FF6966;
}

#fair_sec .detail ul.list_ddisc li{
	padding:0 0 0 20px;
}

#fair_sec .detail h4{
	font-size:16px;
	font-weight:bold;
	color:#FF6966;
}

#fair_sec .detail ol.list_num{
	font-size:14px;
	margin:0 0 20px;
	list-style-position:outside;
}

#fair_sec .detail ol.list_num li{
  list-style-type:none;
  list-style-position:outside;
  counter-increment: cnt;
  text-indent:-1.3em;
  padding:0 0 0 1.3em;
}
#fair_sec .detail ol.list_num li:before{
  display: marker;
  content: "(" counter(cnt) ") ";
}


#fair_sec p.to_reservation{
	text-align:center;
}

#fair_sec p.to_reservation a{
	display:inline-block;
}
#fair_sec p.to_reservation a img{
	width:80%;
	border-radius:15px;
	box-shadow:2px 2px 2px rgba(0,0,0,0.5);
}


#fair_sec p.to_reservation a:hover{
	opacity:0.7;
}




/***** footer *****/
footer{
	background:rgba(247,183,183,0.5);
}

footer p.copy{
	font-size:10px;
	text-align:center;
}

/*** page-top ***/
#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index:1;
}
#page-top a {
	text-decoration: none;
	text-align: center;
	display: block;
	outline:none;
}
#page-top a:hover {
}


}