@charset "utf-8";

/*=========================================================
  opening
==========================================================*/
#opening{
	width:100%;
	margin:0 auto;
	position:absolute;
	z-index:100;
	display:block;
	overflow:hidden;
	height:100%;
}
#opening > *{
	width:50%;
	display:inline-block;
}
#opening > * img{
	width:100%;
	height:auto;
}

#opening .left{
	position:absolute;
	top:0px;
	left:0px;
}

#opening .right{
	position:absolute;
	top:0px;
	right:0px;
}

/*=========================================================
  content_box
==========================================================*/
.content_box{
	display:table;
	border:1px solid #c9c9c9;
	width:478px;
	text-align:left;
	margin:0 auto;
}
.content_box > div{
	display:table-cell;
	vertical-align:top;
}
.content_box .img_block{
	border-right:1px solid #c9c9c9;
	width:240px;
	overflow:hidden;
}

.content_box .description_block{
	padding:10px 10px 22px;
	position:relative;
	overflow:hidden;
	background:url(/pc_2016/assets/common/img/content_bg_w.gif);
}

.content_box .description_block .icon{
	margin-bottom:15px;
	line-height:1;
}
.content_box .description_block .icon.fb:after{
	content:url(../img/icon_fb.jpg);
	margin-left:1px;
}
.content_box .description_block dt{
	color:#7d8285;
	font-size:134%;
	font-weight:bold;
}
.content_box .description_block dt a{
	color:#7d8285;
	text-decoration:none;
}
.content_box .description_block dt a span{
	font-size:0.75rem;
	display:block;
}
.content_box .description_block dd{
	margin-top:7px;
	font-size:92%;
}
.content_box .description_block dd a{
	text-decoration:none;
	font-weight:bold;
}
.content_box .description_block dd a.block_link{
	display:block;
	margin-bottom:1em;
}
.content_box .description_block .arrow{
	position:absolute;
	bottom:0;
	right:0;
}
/*=========================================================
  main_visual pre
==========================================================*/
.main_visual.pre{
	height:530px;
	position:relative;
	margin:0 auto;
	padding:20px 0 0;
	background-image:url(/pc_2016/assets/top/img/main_line_bg.png),url(/pc_2016/assets/top/img/pre_area_bg.jpg);
	background-position:bottom center,top center;
	background-repeat:repeat-x,no-repeat;
	text-align:center;
}
.main_visual.pre h1{
    width: 510px;
    margin: 0 auto 17px;
}
.main_visual.pre .thumb {
    width:632px;
    display: table;
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 2px;
    margin: 0 auto 36px;
}
.main_visual.pre .thumb li{
	display: table-cell;
}
.main_visual.pre .btn.pre{
	display:inline-block;
	margin-right:15px;
	vertical-align:top;
}
.main_visual.pre .btn.pre a{
	border-bottom:none;
}
.main_visual.pre .btn.pre p.text{
	margin-top:5px;
}
.main_visual.pre .btn.pre p.text a{
	display:inline;
	color:#0082cc;
	font-weight:normal;
}
.main_visual.pre .btn.pre p.text a:hover{
	color:#e57300;
	
}
.main_visual.pre .btn.about{
	display:inline-block
}
.main_visual.pre .btn.about a{
	width:auto;
	padding:0;
}
.main_visual.pre .about_btn{
	position:absolute;
	top:66px;
	left:419px;
	background:url(/pc_2016/assets/top/img/pre_concierge.png) top center no-repeat;
	padding:127px 10px 73px 12px;
}
.main_visual.pre .text a{
	text-decoration:none;
}

.main_visual.pre .thumb_area{
	padding:38px 0 0 400px;
}
.main_visual.pre .thumb_area h2{
	padding:0 0 7px 79px;
}
.main_visual.pre .thumb_area ul li{
	display:inline-block;
	margin-right:10px;
}

.main_visual.pre > .link_area{
	margin-top:29px;
	text-align:center;
}
.main_visual.pre > .link_area > .about_text a{
	color:#333333;
	text-decoration:none;
	background:url(/pc_2016/assets/common/img/arrow_img_y.png) left 0.4em no-repeat;
	padding-left:15px;
}
.main_visual.pre > .link_area > .btn{
	margin-bottom:10px;
}
.main_visual.pre > .link_area > .pre_text{
	font-size:109%;
	letter-spacing:0.15em;
}
.main_visual.pre > .link_area > .pre_text a{
	color:#0062c4;
	text-decoration:none;
}
.main_visual.pre .qr_img img{
	position:fixed;
	top:253px;
	left:0;
	z-index:99;
}

/*=========================================================
  main_visual login
==========================================================*/
.main_visual.login{
	width:1200px;
	height:490px;
	padding:30px 0 0 110px;
	margin:0 auto;
	position:relative;
	box-sizing:border-box;
}

.main_visual.login .left_block{
	width:692px;
	padding-left:10px;
	position:relative;
	z-index: 2;
	float:left;
}

.main_visual.login .left_block #bnr_arw_left{
	position:absolute;
	top:137px;
	left:0;
	z-index:99;
}
.main_visual.login .left_block #bnr_arw_right{
	position:absolute;
	top:137px;
	right:0;
	z-index:99;
}

.main_visual.login .right_block{
	display:table-cell;
	width:266px;
	padding:2px;
	background:url(/pc_2016/assets/common/img/info_area_bg.jpg);
	position:relative;
	left:8px;
	z-index: 2;
}
.main_visual.login .right_block .inner{
	background:#e31814;
	padding:8px 8px 0 8px;
	min-height:308px;
}

/* visual_fade */
.visual_wrap {
	width: 1200px;
	height:452px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

.main_visual.login .left_block .visual_fade{
	position:relative;
	height:330px;
}
.visual_fade li{
	position:absolute;
	top:0;
	left:0;
	display:none;
}
.visual_fade li:first-child{
	display:block;
}

/*===================================================================
	infomation
===================================================================*/
.news{
	width:680px;
	margin-top:10px;
	min-height:40px;
	border-radius:2px;
	background:url(/pc_2016/assets/common/img/content_bg_w.gif);
	display:table;
}
.news h3{
	width:90px;
	display:inline-block;
	position:relative;
	background:#2b2b2c;
	min-height:40px;
	border-radius:2px 0 0 2px;
}
.news.line3 h3{
	min-height:72px;
}
.news h3 img{
	position:absolute;
	top:50%;
	margin-top:-5px;
	left:26px;
}

.news dl{
	float:right;
	width:590px;
	padding:1em 0;
}
.news dl dt{
	padding-left:20px;
	float:left;
	color:#8c8c8c;
}
.news dl dd{
	margin-left:8.5em;
	padding-right:20px;
}
.news dl dd a{
	color:#333333;
	text-decoration:none;
}
.data_wrap{
	padding-top:15px;
}
.data_area{
	padding:8px 10px 6px;
	box-sizing:border-box;
	display:table;
	width:100%;
	margin:0 auto;
	border-bottom:1px solid #b61310;
}
.data_area:first-child{
	border-top:none;
	padding-top:10px;
}
.data_area:last-child{
	border-bottom:none;
	padding-bottom:8px;
}
.data_area .data{
	color:#ffffff;
	font-weight:bold;
}
.data_area .data.name{
	background:url(/pc_2016/assets/common/img/user_img.png) left center no-repeat;
	padding-left:40px;
	min-height:3rem;
	position:relative;
	margin-bottom:10px;
}
.data_area .data.name p{
	font-size:0.625rem;
	font-weight:normal;
	position:absolute;
	bottom:0;
	line-height:1;
}
.data_area .data.name p > span{
	font-size:0.75rem;
	display:block;
	font-weight:bold;
	margin-top:7px;
	padding-left:0.4rem;
}
.data_area .data.name p > span span.user_name{
	font-size:134%;
	margin-right:3px;
}

.data_area .data p.comming{
	color:#f7cc3e;
}
.data_area .text_img{
	margin-bottom:6px;
}
.data_area .link{
	width:52.02%;
	float:right;
}
.data_area .link p + p{
	margin-top:10px;
}
.data_area .date_ttl{
	color:#ffffff;
	font-weight:bold;
	font-size: 134%;
}

/* btn */
.data_area .btn a{
	width:100%;
	background:url(/pc_2016/assets/common/img/btn_arrow_01.png) 211px center no-repeat #e1ecf0;
	background-size:12px auto;
	line-height:1;
	color:#076483;
	border-bottom:3px solid #9b9c9d;
	font-size:117%;
	font-weight:bold;
	padding:10px 2rem;
	text-align:center;
	display:block;
	margin:0 auto;
	box-sizing:border-box;
	text-decoration:none;
}


/*=========================================================
  scroll
==========================================================*/
#scroll{
	position: fixed;
	top:50%;
	left:50%;
	margin:-59px 0 0 500px;
	z-index: 99;
}
#scroll ul li{
	margin-bottom:17px;
	cursor:pointer;
}
/*=========================================================
  main_area
==========================================================*/
#main_area{
	background-image:url(/pc_2016/assets/top/img/main_line_bg.png),url(/pc_2016/assets/top/img/main_login_bg.gif);
	background-position:bottom center,top left;
	background-repeat:no-repeat,repeat;
	position:relative;
}
#main_area #boat_scroll{
	position:absolute;
	bottom:0;
	left:-110px;
	z-index:2;
}
#boat_scroll > *{
	position:absolute;
	bottom:0;
}

#boat_scroll .boat{
	left: -200px;
    opacity: 0.7;
}

/*=========================================================
  contents_area
==========================================================*/
#container > .inner{
	width:100%;
}
#container > .inner .article{
	margin:0 auto;
	padding:0 0 77px;
}
#contents_area{
	width:980px;
	padding-top:30px;
	margin:0 auto;
}
#contents_area .content_box_wrap{
	margin-bottom:20px;
}
#contents_area .content_box{
	float:left;
	margin-right:20px;
}
#contents_area .content_box:nth-child(2n){
	margin-right:0;
}
#contents_area .content_box .description_block .arrow img{
	width:22px;
}


#page_top{
	width:980px;
}