@charset "euc-jp";

/* -----------------------------------------------------------
CSS Information 08/06/16

 File name:      top.css
 Style Info:     TOP用
----------------------------------------------------------- */


/*----------------------------------------------------
	コンテンツ部分
----------------------------------------------------*/
/* 新着情報*/
#contens{background:url(../img/bg_cts.gif) repeat-y left top; width:926px; }

#contens #left{float:left; width:476px; }

#contens #left #news{background:#FFFFFF; width:436px; margin:20px auto 30px; }

#contens #left #news p#news_top{background:url(../img/bg_news_top.gif) no-repeat left top; height:2px; line-height:0; }

#contens #left #news p#news_btm{background:url(../img/bg_news_btm.gif) no-repeat left bottom; height:12px; line-height:0; }

#contens #left #news table{margin:13px auto 9px; width:410px; }

#contens #left #news table th{width:17%; }

#contens #left #news table th span{background:#1f298c; color:#FFFFFF; padding:2px 6px; font-weight:normal; line-height:1.5; font-size:10px; }

#contens #left #news table th#news_ttl{text-align:left; padding-bottom:16px; background:#FFFFFF; width:100%; }

#contens #left #news table th.img{padding-top:10px; vertical-align:top; }

#contens #left #news table td{padding:8px 0px 8px 10px; line-height:1.0px; }

#contens #left #news table td.txt ul{margin-top:10px; }

#contens #left #news table td.campaign{padding:10px 0px 8px 0px; }

#contens #left #news table td.bnr{padding:10px 0px 0px 0px; }

#contens #left #news table td.bnr a:hover img{
	opacity:0.8;
	filter:alpha(opacity=80);
	}

#contens #left #news table td.campaign p{margin-bottom:10px; }

#contens #left #news table td.campaign img{float:left; margin:0px 10px 20px 0px; }

#contens #left #news table td.campaign ul{float:left; }

#contens #left #news table td.campaign ul li{background:url(../common/img/ico_brw_arw.gif) no-repeat 0px 5px; padding-left:10px; }
#contens #left #news table td.campaign .no_l{ background:none;}


#contens #left #news table td.txt ul li{background:url(../common/img/ico_brw_arw.gif) no-repeat left 6px; padding-left:10px; margin-bottom:3px; }

#contens #left #news table td.news_line{background:#CCCCCC; height:1px; margin:0; padding:0; line-height:0; }

/* バナー */
#contens #right{float:left; padding:13px 19px; }

#contens #right ul li{padding:5px 0px; }

/* plum added 10/01/28 */

#contens #left #news .publish{
  margin-left:16px;
  margin-top:15px;
  }
  
#contens #left #news .twitter{
  font-weight:bold;
  border:#CCCCCC 1px solid;
  width:380px;
  margin:15px auto 20px;
  padding:10px;
  }

#contens #left #news .twitter .text{  
  display:block;
  text-align:right;
  font-size:10px; 
  font-weight:normal;  
}

/* plum added 11/03/25 震災アナウンス */
#announce {line-height:135%; background:url(../img/announce.gif); margin:10px; padding:23px 30px 15px 70px;}
#announce .fr{ text-align:right; margin-top:10px; margin-right:30px;}



/*最低価格保証*/
/**トップ予約特典*/
.saiteihosho{
	height:272px;
	background-image:url("../img/bg.png");
	background-size:cover;
	margin-top:1px;
}
.saiHosho{
	display:inline-block;
	vertical-align: top;
	width:30%;
	margin-top:40px;
	text-align:center;
}

.saiHosho:hover{
	opacity:0.8;
}
.saiHosho img{
	height:150px;
	width:261px;
}
.saiHosho p{
	font-size:14px;
	margin-top:10px;
	font-weight:bold;
	margin-bottom:30px;
	font-family: "游ゴシック", "Yu Gothic";
}
.saiteInner{
	margin:0 auto;
	width:100%;
	text-align:center;
	max-width: 1060px;
}
/*@media screen and (max-width:768px){
	.saiHosho{
		display:inline!important;
		text-align:center;
	}
	.saiteihosho{
		height:750px;
	}
	.saiteInner{
	margin:0 auto;
	width:90%;
	text-align:center;
	padding-top:30px;
}
}*/


/*<!--モーダル-->*/
.moSecp{
	color:black;
	font-size:16px;
	font-family: "游ゴシック", "Yu Gothic";
	font-weight:600;
}


.moSai{
	display:inline-block;
	width:30%;
	margin-left:10px;
	vertical-align:top;
}

.moSai img{
	width:100%;
	vertical-align:bottom;
	vertical-align:top;
}
.moSai p{
	margin-top:0!important;
	vertical-align:top;
	text-align: left!important;
}

.moSec{
	text-align:center;
}

.moSec img{
	vertical-align:bottom;
	margin-top:50px;
	margin-bottom:10px;
	
}

.moSec__title {
	margin: 40px 0 20px;
	color: #0f1978;
	font-size: 50px;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}


.moSecp{
	line-height:30px;
	font-size:18px;
}

.moSai p{
	line-height:24px;
	font-size:16px;
}
.moInner{
	width:90%;
}
.btnyoyaku{
	margin-top:40px!important;
}
.saiInner{
	
}

.pic1{
	margin-bottom:20px!important;
}

/* モーダルCSS */
.modalArea {
  display: none;
  position: fixed;
  z-index: 999999; /*サイトによってここの数値は調整 */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.modalBg {
  width: 100%;
  height: 100%;
 background-color: rgba(255,255,255,0.5);
}

.modalWrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  transform:translate(-50%,-50%);
  width: 70%;
  max-width: 1000px;
  padding: 10px 30px 10px 30px;
  background-image: url(../img/modalbg.png);
  background-size:cover;	
  box-shadow: 0px -15px 13px 0px rgba(0,0,0,0.35);
  height:680px;
}

.closeModal {
  position: absolute;
  top: 0.5rem;
  right: 1rem;
  cursor: pointer;
	margin-right:25px;
}
.closeModal img{
	margin-top:25px;
}
.linksai{
	width:340px;
    height:60px;
	text-align:center;
	
}
.linksai::after{
	display:none!important;
}
#modalBg_sp{
	overflow-y: auto;
	max-height: 90%;
	position: fixed;
	z-index: 1000;
}

.moSai p{
		text-align:center!important;
		color:black;
	    font-family: "游ゴシック", "Yu Gothic";
		font-size:14px;
		font-weight:bold;
	}


@media (max-width: 768px) {
	.moSai{
		display:block;
		margin:0 auto;
		width:90%;
  		max-height: 90%;
		z-index: 1000;
		
	}
	.modalWrapper{
		padding: 100px 30px 10px 30px;
		position:fixed;
		z-index: 999999;
		overflow-y: scroll;
	}
	
	.moSai p{
		text-align:center!important;
	}
	
	.linksai{
		text-align:center;
		display:inline-block;
		margin:0 auto;
	}
}

@media (max-width: 400px){
	.linksai{
		text-align:center;
		display:inline-block;
		margin:0 auto;
		width:90%;
}
}


.info,
.emergency__article {
	background: #fff;
	padding: 30px 50px;
	border-bottom: 1px solid #ddd;
	font-size: 14px;
}

.info h2,
.emergency__article h2 {
	text-align: center;
	margin-bottom: 1em;
	font-size: 21px;
	-webkit-text-size-adjust: none;
}

.info .phone,
.emergency__article__signature {
	text-align: right;
	margin-top: 1.5em;
	margin-bottom: 0 !important;
}

.emergency__article h2 .eng {
	font-weight: normal;
	font-size: .8em;
	color: #777;
}
.emergency__article__body .eng {
	color: #777;
}
.emergency__article__body p {
	margin-bottom: 1.5rem;
	font-size: 14px;
	-webkit-text-size-adjust: none;
}
.emergency__article__body p + p.eng {
	margin-top: -1.3rem;
}
.emergency__article__body p a {
	color: #7F6239;
	word-break: break-all;
}


.mv {
	position: relative;
}

.mv .mv__text {
	position: absolute;
	background: rgba(0,0,0,0.6);
	color: #fff;
	bottom: 1.5em;
	right: 1.5em;
	width: 50%;
	padding: 1.5em;
}

.popup {
  position: relative;
  background: #FFF;
  padding: 10px;
	width: auto;
  max-width: 800px;
  margin: 20px auto;
}
.popup a {
	font-size: 0;
}
.popup img {
	width: auto;
	max-width: 100%;
}
.popup .mfp-close {
	color: #fff !important;
	margin: 10px;
}

/* overlay at start */
.mfp-fade.mfp-bg {
  opacity: 0;

  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}
/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

/* content at start */
.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;

  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}

.emergency__article.cmp .open-popup-link {
	display: block !important;
	margin: 0 auto;
	max-width: 300px;
}

.emergency__article.cmp .open-popup-link img {
	max-width: 100%;
	width: auto;
	border: 1px solid #eee;
}

.emergency__article.cmp .inner {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

.emergency__article.cmp .inner__left {
	width: 75%;
	padding-right: 15px;
	box-sizing: border-box;
}

.emergency__article.cmp .inner__right {
	width: 25%;
}
.emergency__article a {
  transition: all 0.25s;
}
.emergency__article a:hover {
	opacity: .7;
}

@media (max-width: 767px) {
	.emergency__article.cmp .open-popup-link {
		max-width: 200px;
	}
	.emergency__article.cmp .inner {
		display: block;
	}
	.emergency__article.cmp .inner__left {
		width: 100%;
		padding-right: 0;
	}
	.emergency__article.cmp .inner__right {
		width: 100%;
	}
}