@charset "EUC-JP";

/* ---------------------------------------------------
Information
File name:      top.css
Style Info:     トップページのコンテンツ設定
--------------------------------------------------- */



/* ---------------------------------------------------
	top_スライドショー設定
--------------------------------------------------- */

/* topSlide
------------------------------------------------------------*/
.topSlide {
    display:none;
    overflow:hidden;
    position:relative;
    width:100%;
	margin-bottom: 5px;
}

.topSlide .slidePrev {
    position:absolute;
    cursor:pointer;
    z-index:100;
}

.topSlide .slideNext {
    position:absolute;
    cursor:pointer;
    z-index:100;
}

.topSlide .slidePrev img {
    position:absolute;
    width:30px !important;
    height:40px !important;
}

.topSlide .slideNext img {
    position:absolute;
    width:30px !important;
    height:40px !important;
}

.topSlide .slideInner {
    position:relative;
	margin-bottom: 10px;
    padding:0;
}

.topSlide .slideInner li {
    float:left;
    margin:0;
    padding:0;
    list-style:none;
}
.topSlide .slideInner li img {
    margin:0 5px;
    padding:0;
    vertical-align:bottom;
}

.topSlide .filterPrev {
    position:absolute;
    left:0;
    opacity:0.5;
    filter:alpha(opacity=50);
    background-color:#fff;
}

.topSlide .filterNext {
    position:absolute;
    right:0;
    opacity:0.5;
    filter:alpha(opacity=50);
    background-color:#fff;
}

.topSlide .controlNav {
      position:relative;
      float:left;
      left:50%;
}

.topSlide .controlNav span {
      position:relative;
      left:-50%;
      float:left;
      margin:5px;
      -webkit-border-radius:5px;
      -moz-border-radius:5px;
      border-radius:5px;
      width:10px;
      height:10px;
      overflow:hidden;
      background:#ccc;
      text-indent:-9999px;
      vertical-align:middle;
}

.topSlide .controlNav span:hover {
      background:#999;
      cursor:pointer;
}

.topSlide .controlNav span.current {
      background:#89BDDE;
}





/* ---------------------------------------------------
	top_メッセージエリア設定
--------------------------------------------------- */

/* TOPメッセージ_通常
------------------------------------------------------------*/
#topMessage {
	margin: 20px 0px 0px 0px;
	padding: 20px 40px 0;
	border: 4px double #C3DDEE;
	text-align: ;
	display: block;
    overflow: hidden;
}

#topMessage h2 {
	margin: 0 0 1rem 0;
	padding: 0px 0 0 0px;
	background: transparent;
	color: #003D8F;
	font-size: 2rem;
	font-weight: bold;
}

#topMessage p {
	margin: 0;
	padding: 0 0 2rem 0;
	font-size: 1.5rem;
}


/* TOPメッセージ_新年
------------------------------------------------------------*/
#topMessageNenga {
	margin: 20px 0px 0px 0px;
	padding: 20px 320px 20px 40px;
	border: 4px double #C3DDEE;
	background: url(../images/bg_tm.png) right top no-repeat;
	min-height: 160px;
	display: block;
    overflow: hidden;
}

#topMessageNenga h2 {
	margin: 0 0 1rem 0 !important;
	padding: 0px 0 0 0px !important;
	background: transparent !important;
	color: #003D8F;
	font-size: 2rem !important;
}

#topMessageNenga p {
	margin: 0 !important;
	padding: 0 0 2rem 0 !important;
}

#topMessageNenga p.r {
	text-align: right;
	padding: 0 !important;
}





/* ---------------------------------------------------
	top_コンテンツ内バナー設定
--------------------------------------------------- */
#topBnr {
	margin-bottom: 15px;
	padding: 0px;
	background: transparent;
	text-align: center;
}

#topBnr a img {
	border: #CCC solid 1px;
	text-decoration: none;
	margin-bottom: 15px;
	padding: 5px;
}

#topBnr a:hover img {
	border: #CCC solid 1px;
	text-decoration: none;
	opacity: 0.8;
	filter: alpha(opacity=80);
}

#topBnr a img.phC100 {
	box-sizing: border-box;
	margin-bottom: 15px;
	padding: 5px;
	border: 1px solid #CCC;
	width: 100%;
}


/* テキストリンクバナー
------------------------------------------------------------*/
#topBnr p {
	margin: -15px 0 15px;
	padding: 0px;
	background: transparent;
	text-align: center;
	font-size: 2rem;/* 20px*/
	font-weight: bold;
}

#topBnr p a {
	text-decoration: underline;
}




/* ---------------------------------------------------
	top_トピックス＆ニュース設定
--------------------------------------------------- */
#topContents h2 {
	margin-bottom: 15px;
	padding-bottom: 1px;
	line-height: 1;
	border-bottom: 4px solid #0085C9;
	clear: both;
}

.tnBoxArea {
	margin: 0;
}

.tnBox {
	margin: 0 20px 20px 0;
	width: 310px;
	display: inline-block;
	vertical-align: top;
	float: left;
}

.tnBox:nth-of-type(even) {
	margin-right: 0px;
}

.tnCatNews {
	margin: 0px 0px 5px;
	padding: 3px 10px;
	background: #FEE5EA;
}

.tnCatStay {
	margin: 0px 0px 5px;
	padding: 3px 10px;
	background: #CDE4F5;
}

.tnCatRest {
	margin: 0px 0px 5px;
	padding: 3px 10px;
	background: #E4F5B8;
}

.tnCatBanq {
	margin: 0px 0px 5px;
	padding: 3px 10px;
	background: #FFECD3;
}

h3.tnTitle {
	padding: 0px 0px;
	font-weight: bold;
	line-height: 1.5;
}

.tnDate {
	padding: 0px 0px;
}

.tnPh {
	overflow: hidden;
	width: 310px;
	height: 207px;
	position: relative;
}

.tnPh a img,
.tnPh a:hover img {
	position: absolute;
	width: 100%;
	min-height: 207px;
	top: 50%;
	left: 0%;
	-webkit-transform: translate(0%, -50%);
	-ms-transform: translate(0%, -50%);
	transform: translate(0%, -50%);
	text-decoration: none;
	overflow: hidden;
	display: inline-block;
}

.tnPh a:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80);
}





/* ---------------------------------------------------
	top_Facebook設定
--------------------------------------------------- */
.fb-page{
	margin-left: 37px;
}




/* ---------------------------------------------------
	top_InstaFeed設定
--------------------------------------------------- */
#instafeed{
	text-align: center;
}

#instafeed li{
	display: block;
	margin: 0px 8px 8px 0;
	padding: 0  !important;
	float: left;
	width: 154px;
	height: 154px;
	overflow: hidden;
	position: relative;
}

#instafeed li:nth-of-type(4n+0) {
	margin-right: 0;
}

#instafeed li img {
  position: absolute;
  min-width: 154px;
  min-height: 154px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 125%;
}

#instafeed li a img {
	text-decoration: none;
}

#instafeed li a:hover img {
	text-decoration: none;
	opacity: 0.8;
	filter: alpha(opacity=80);
}





/* ---------------------------------------------------
	top_サイドバー設定
--------------------------------------------------- */

/* WeddingInfo
------------------------------------------------------------*/
.wiBoxArea {
	margin: 0 auto;
	width: 100%;
	text-align: center;
}

#side h2.wi {
	margin: 0 0px 10px 0;
	padding-bottom: 1px;
	font-size: 2rem;
	font-weight: bold;
	line-height: 1;
	text-align: left;
	border-bottom: 4px solid #0085C9;
	clear: both;
}

.wiBox {
	margin-bottom: 15px;
	padding: 8px;
	background: #FFF;
	border: 1px solid #CCC;
	float: left;
	text-align: left;
	display: block;
}

.wiTitle {
	padding: 10px 5px;
	font-weight: bold;
}

.wiOutline {
	padding: 0px 5px 6px;
}

.wiPh {
	overflow: hidden;
	width: 262px;
	height: 198px;
	position: relative;
}

.wiPh img {
	position: absolute;
	min-width: 262px;
	min-height: 198px;
	top: 98px;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.wiPh a img {
	text-decoration: none;
}

.wiPh a:hover img {
	text-decoration: none;
	opacity: 0.8;
	filter: alpha(opacity=80);
}