@charset "utf-8";
/* CSS Document */
#contents p,
#contents p * {
	letter-spacing: 0.1em;
	line-height: 1.4em;
	font-size: 0.85em;
}
#contents {
	position: relative;
	margin: 0 auto;
	width: 1200px;
}
.header {
	position:relative;
}
.btn_link2 {
	position: absolute;
	bottom: 30px;
	right: 130px;
}
.btn_link1 {
	padding-top: 5px;
}
.bcC1 {
	padding: 20px 0;
	background-color:#e2f6ff;
}
.bcC1 > section {
	margin-left: auto;
	margin-right: auto;
}
#layout1 {
	width:960px;
}
.btn_close {
	display:none;
}
#layout2,
#layout3,
#layout4,
#layout5 {
	background-color:#FFF;
}
#layout2 #read{
    padding:0 10px;
}
#layout2 #read li {
	background: url(/okinawa/_img/common/icon_list.gif) no-repeat left 5px;
	padding-left: 12px;
	float: left;
	margin-right: 15px;
	white-space: nowrap;
	margin-bottom: 5px;
	font-size: 16px;
	line-height:1.8;
}
#layout2 #read li:nth-child(n + 44) {
	display:none;
}
@media (min-width: 701px) {
#layout1 .fr {
	width: 490px;
	margin-right:30px;
}
#layout2 {
	width:955px;
}
#layout2 p:last-child {
	margin-right: 20px;
}
#layout3 {
	width:962px;
}
#layout3 .fr, #layout3 .fl {
	display:block;
}
#layout3 > div .fr {
	width:696px;
	height:346px;
	background:url(/okinawa/lp/img/lp6/img006_bg.jpg) top left no-repeat;
	padding: 80px 50px 0 30px;
	line-height: 2em;
    font-size:17px;
}
#layout4 {
	width:961px;
}
#layout4 .cf .fl {
	padding: 0 21px;
	width: 479px;
}
#layout4 .cf p:nth-child(2) {
	font-size:1em;
}
#layout5 {
	width:962px;
	background-color:#FFF;
}
#layout5 > .cf {
	padding: 0px 76px;
}
#layout5 > .cf .fl {
	margin-right:70px;
}
#layout5 > p {
	height: 166px;
	background: url(/okinawa/lp/img/lp6/img013.jpg) top left no-repeat;
	background-position: 25px top;
	padding: 30px 30px 0 70px;
	line-height: 1.7em;
	font-size: 1em;
}
}
@media (max-width: 700px) {
.header {
	margin-bottom:0px;
}
#contents > section {
	padding:0 2%;
}
#contents section .ib {
	text-align:center;
}
#contents p {
	padding:2% 2% !important;
}
.btn_link1 {
	padding: 5% 0 5% 0;
}
.ib > li {
	margin-right:0px !important;
	margin-bottom:2% !important;
}
.bcC1 {
	padding: 1.5% 0;
}
#layout1 .fl, #layout1 .fr {
	float:none;
}
#layout2 #read{
    padding:0 10px;
}
#layout2 #read li {
    font-size: 14px;
    line-height: 1.5;
    /* font-size: 16px; */
}
#layout3 > div .fl {
	width:50% !important;
}
#layout3 > div .fr {
	float:none;
}
#layout5 > .cf {
	padding:0 5%;
}
#layout5 > .cf img {
	width:45%;
}
#layout5 > .cf .fl {
	margin-right:10%;
}
}