@charset "UTF-8";
/* //////////////////////////////////////////////////

　TOPページ

////////////////////////////////////////////////// */
#contents{padding:20px 0;}

.bx-pager { position:absolute; z-index:9999; bottom:5px; width:100%; }
.bx-pager-item a { background:#fff; }

#read { padding:10px 0 0; }
#read .plan { padding:0 6px; border-spacing:3px; }
#read .bg { background:url(../common/img/bg_reef01.png) no-repeat 95% 50%; background-size:153px; }

#read .spa { padding: 5px 0 0;}
#read .spa a{ width:74%;}
#read .spa p{ width:26%;}
#read .spa img{ width:100%; height:auto;}

#read ul { border-spacing:10px; }

#plan h2{ text-align:center; margin:0 0 10px 0;}
#plan .box{ text-align:center;}
#plan .box #F1 input{ margin-top:10px;}

#sec01 { padding:10px 10px 18px; background:url(../common/img/bg_reef02.png) no-repeat top; background-size:100%; }
#sec01 h3 { text-align:right; margin: -5px 6px 0 0;}
#sec01 .bg {background:none!important; background-size:100%; padding-top:20px;}
#sec01 .bg p {overflow:hidden; padding:10px 0 0 0; line-height:1.4;}

#sec02 ul { padding:5px 5px 0; }
#sec02 li { width:50%; padding:0 5px 10px; }
#sec02 #dayplan{ background:url(../img/bg_dayplan.jpg) no-repeat center top; background-size:100%; padding:0 0 15px 0;}
#sec02 #dayplan img{ width:50%; height:auto;}

#sec03 { position:relative; padding:12px 10px; background:url(../img/bg_info.png); background-size:100% 100%; }
#sec03 #feed2 { background:#fff; }
#sec03 dd { color:#5D7917; }
#sec03 a { display:block; padding:10px 20px 10px 10px; background-image:url(../img/mrk_link01.png); background-size:3px; background-repeat:no-repeat; background-position:98% 50%; text-decoration:none; border-bottom:1px dotted #302821; }
#sec03 .bird { position:absolute; top:0; right:0; }

.banner2 div { margin:0 10px 5px; }
.banner2 ul { border-spacing:10px; padding-bottom:5px; }


.btn {
	padding: 5px 20px;
}