@charset "UTF-8";
/*
Extend CSS
Version:1.2
*/

@media (min-width: 768px) {
.sp{
		display:none !important;
	}
}

@media (max-width: 767px) {
.pc{
		display:none !important;
	}
}



.p-entry__title{font-size: 30px}
.p-entry__body{font-size: 16px}
.p-page-header__headline{background: #f4f4f4;font-size: 36px}

#page_type5_b_0{background: #f4f1ed;color: #000000}
#page_type5_b_0 .p-vertical-block{background: #f4f4f4;color: #4D4D4D}
#page_type5_c .p-visual__content-inner{text-shadow: 0 0 20px #ffffff}
#page_type5_c.is-inview .p-visual__content-inner{text-shadow: 0 0 0 #ffffff}
#page_type5_d_0{background: #f4f1ed;color: #000000}
#page_type5_d_0 .p-vertical-block{background: #f4f4f4;color: #ffffffS}
#page_type5_e .p-visual__content-inner{text-shadow: 0 0 20px #ffffff}
#page_type5_e.is-inview .p-visual__content-inner{text-shadow: 0 0 0 #ffffff}

#page_type3_b_0{background: #f4f1ed;color: #000000}
#page_type3_b_0 .p-block01__item-title{background: #660000;color: #ffffff}
.p-visual__content-inner{text-shadow: 0 0 20px #ffffff}
.p-visual.is-inview .p-visual__content-inner{text-shadow: 0 0 0 #ffffff}
#page_type3_d_0{background: #f4f1ed;color: #000000}
#page_type3_d_0 .p-block01__item-title{background: #660000;color: #ffffff}
.p-vertical{font-size: 40px}
.p-spring-info{background: #f4f1ed}
.p-page-header__title{font-size: 40px;text-shadow: 0 0 20px #ffffff}
.p-page-header__title.is-inview{text-shadow: 0 0 0 #ffffff}

#js-block03-0 .p-vertical-block{background: #402000;color: #ffffff}
#js-block03-0 .p-block03__slider-title{background: #000000;color: #ffffff}
#js-block03-1 .p-vertical-block{background: #402000;color: #ffffff}
#js-block03-1 .p-block03__slider-title{background: #000000;color: #ffffff}
#js-block03-2 .p-vertical-block{background: #402000;color: #ffffff}
#js-block03-2 .p-block03__slider-title{background: #000000;color: #ffffff}
.p-room-meta{background: #f4f1ed}
.p-room-meta__btn{background: #000000;color: #ffffff}
.p-room-meta__btn:hover{background: #660000;color: #ffffff}

@media only screen and (max-width: 500px) {
 .list { display:inline-block; margin-bottom:0; }
 .col-l { width:47%; margin-right:3%; margin-bottom:0; }
 .col-r { width:47%; margin-right:0; margin-bottom:0; }
}
@media only screen and (max-width: 320px) {
 .list { display:inline-block; margin-bottom:0; }
 .col-l, .col-r { width:100%; float:none; margin-bottom:0; }
}


/* Pagebuilder 基本設定 */
#tcd-pb-wrap, .tcd-pb-row { overflow:hidden; }
.tcd-pb-row, .tcd-pb-col, .tcd-pb-widget { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }
.tcd-pb-col { float:left; }

/* clearfix */
.clearfix:after { clear: both; content: " "; display: table; }

/* 画像 */
.pb-widget-image img { margin:0 auto; display:block; max-width:100%; height:auto; }

/* 見出し、キャッチフレーズ */
.pb_font_family_type1 { font-family: Arial, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; }
.pb_font_family_type2 { font-family: "Segoe UI", Arial, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; }
.pb_font_family_type3 { font-family: "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif; }

.pb-widget-headline h3 { margin-bottom:1em; padding:0; }
.pb-widget-catchcopy h4 { margin:0; padding:0; }




.p-access__logo { width: 181px; }
@media only screen and (min-width: 768px) {
 .p-access__address br { display:none; }
}
@media only screen and (max-width: 375px) {
 .p-entry__body p { font-size:14px; line-height: 2.0; text-align:left !important; }
 .p-entry__body .pb-widget-editor br { display:none; }
}
@media only screen and (max-width: 767px) {
 .p-entry__body p { font-size:14px; line-height: 2.0; }
 .p-entry__body p.p-access__logo { width:100%; margin:30px 0 20px !important; text-align:center !important; }
 .p-access__logo img { width:181px; height: auto; }
 .p-entry__body p.p-access__address { text-align:center !important; }
}
.p-entry__body p.headline { font-size:18px; line-height: 1.6; }
.pb-widget-tab .resp-tabs-list li  { font-size:16px; }
.pb-widget-tab .post_row { margin-right:-45px; }
.pb-widget-tab .post_col { padding-right: 45px; }
.pb-widget-tab .post_col img { margin-bottom:23px; }
.pb-widget-tab .post_col .headline { margin-bottom:2.35em; font-weight:700; }
.pb-widget-tab .post_col .desc { margin-bottom:-10px; line-height: 2.2; }
.pb-widget-tab .post_col, .pb-widget-tab .post_col-2, .pb-widget-tab .post_col-3 { margin-bottom:0; } 
@media only screen and (max-width: 767px) {
 .pb-widget-tab .post_col img { margin-bottom:0; }
 .pb-widget-tab .post_col .headline { margin-bottom:1em; font-weight:700; }
 .pb-widget-tab .post_col .desc { margin-bottom:30px; line-height: 2.2; }
}




.title_black {
    background-color: #333;
    color: #fff;
    padding: 10px;
    font-weight: bold;
    display: block;
}

.l-footer{
	border-top:#EEE solid 1px;
}


.price_table td {
	text-align:right;
}
.price_table td:first-child {
	text-align:right !important;
}

.table-wrap{overflow: auto; position:relative;}
@media screen and (max-width: 1410px) {
.table-wrap:before{
/*content: "\008868\00306f\005de6\0053f3\00306b\0030b9\0030af\0030ed\0030fc\0030eb\003067\00304d\00307e\003059";  文字化け対策のためUnicode変換 */
color:#fff;
font-size:12px;
background-color:#e07903;
position: absolute;
top:0px;
border-radius: 5px;
padding: 0.05em 0.5em;
}
}



.shadow{
text-shadow:
    black 1px 1px 2px, black -1px 1px 2px,
    black 1px -1px 2px, black -1px -1px 2px;
}





#cb_1 .p-block04__item-content.bg1{background-image: url(../images/top/bg1.jpg);background-repeat: repeat; color:#000; font-weight:bold;}
#cb_1 .p-block04__item-content.bg2{background-image: url(../images/top/bg2.jpg);background-repeat: repeat; color:#000; font-weight:bold;}
#cb_1 .p-block04__item-content.bg3{background-image: url(../images/top/bg3.jpg);background-repeat: repeat; color:#000; font-weight:bold;}

/* トップリード文のタブレット調整*/
@media screen and (min-width: 480px) and (max-width: 767px) { 
#cb_1 .p-section-header__desc-inner {margin-left:180px; width:300px; display:block;}
}





/*　汎用ボタン1
-----------------------------------------*/
.p-cb__item-btn a.c-link-bt-1 {background:#FFF}
.p-cb__item-btn a.c-link-bt-1:hover {background:#EEE}
.c-link-bt-1 { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; min-width: 330px; text-align: center; border: 1px solid #DDD; background: #FFF; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; line-height: 1.5em; padding: 16px; -moz-box-shadow: 2px 2px 0 #ccc; -webkit-box-shadow: 2px 2px 0 #ccc; box-shadow: 2px 2px 0 #ccc; }
.c-link-bt-1:before { display: inline-block; content: ''; width: 7px; height: 14px; background: url(/images/common/bt_icon01.png) left center no-repeat; padding-left: 14px; vertical-align: middle; }
.c-link-bt-1:hover { border: 1px solid #EEEEEE; -moz-box-shadow: 2px 2px 0 #E0E0E0; -webkit-box-shadow: 2px 2px 0 #E0E0E0; box-shadow: 2px 2px 0 #E0E0E0; -moz-transition: 0.4s; -o-transition: 0.4s; -webkit-transition: 0.4s; transition: 0.4s; }
.c-link-bt-1:hover img { opacity: 0.7; -moz-transition: 0.4s; -o-transition: 0.4s; -webkit-transition: 0.4s; transition: 0.4s; }
.c-link-bt-1:hover:before { -webkit-animation: c-link-bt-1hoverAction 2.4s 4 ease-in-out; -moz-animation: c-link-bt-1hoverAction 2.4s 4 ease-in-out; -ms-animation: c-link-bt-1hoverAction 2.4s 4 ease-in-out; -o-animation: c-link-bt-1hoverAction 2.4s 4 ease-in-out; animation: c-link-bt-1hoverAction 2.4s 4 ease-in-out; -webkit-animation-delay: 0.1s; -moz-animation-delay: 0.1s; -ms-animation-delay: 0.1s; -o-animation-delay: 0.1s; animation-delay: 0.1s; -webkit-animation-fill-mode: backwards; -moz-animation-fill-mode: backwards; -ms-animation-fill-mode: backwards; -o-animation-fill-mode: backwards; animation-fill-mode: backwards; }

/*　汎用ボタン2
-----------------------------------------*/
.c-link-bt-2 { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; min-width: 330px; text-align: center; border: 1px solid #ECD69E; background: #FFF; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; line-height: 1em; padding: 10px 16px; -moz-box-shadow: 2px 2px 0 #DDB786; -webkit-box-shadow: 2px 2px 0 #DDB786; box-shadow: 2px 2px 0 #DDB786; }
.c-link-bt-2:before { display: inline-block; content: ''; width: 7px; height: 14px; background: url(/images/common/bt_icon01.png) left center no-repeat; padding-left: 14px; vertical-align: middle; }
.c-link-bt-2:hover { border: 1px solid #f4e8c9; -moz-box-shadow: 2px 2px 0 #f4e8c9; -webkit-box-shadow: 2px 2px 0 #f4e8c9; box-shadow: 2px 2px 0 #f4e8c9; -moz-transition: 0.4s; -o-transition: 0.4s; -webkit-transition: 0.4s; transition: 0.4s; }
.c-link-bt-2:hover img { opacity: 0.7; -moz-transition: 0.4s; -o-transition: 0.4s; -webkit-transition: 0.4s; transition: 0.4s; }
.c-link-bt-2:hover:before { -webkit-animation: c-link-bt-1hoverAction 2.4s 4 ease-in-out; -moz-animation: c-link-bt-1hoverAction 2.4s 4 ease-in-out; -ms-animation: c-link-bt-1hoverAction 2.4s 4 ease-in-out; -o-animation: c-link-bt-1hoverAction 2.4s 4 ease-in-out; animation: c-link-bt-1hoverAction 2.4s 4 ease-in-out; -webkit-animation-delay: 0.1s; -moz-animation-delay: 0.1s; -ms-animation-delay: 0.1s; -o-animation-delay: 0.1s; animation-delay: 0.1s; -webkit-animation-fill-mode: backwards; -moz-animation-fill-mode: backwards; -ms-animation-fill-mode: backwards; -o-animation-fill-mode: backwards; animation-fill-mode: backwards; }


/*　TOP NEWS TOPICS
-----------------------------------------*/
#index_news .item {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 17px;
	margin-left: 0;
	padding-bottom: 8px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}
#index_news .image {
    float: left;
    width: 100px;
    height: 100px;
    display: block;
    margin: 0 17px 0 0;
    position: relative;
    z-index: 2;
    overflow: hidden;
}
#index_news .image img {
	width: 100px;
    height: 100px;
	object-fit: cover; /* この一行を追加するだけ！ */
}

#index_news a.image, #index_news a.image::before, #index_news a.image::after {

    -webkit-transition-property: background-color, color;
    -webkit-transition-duration: 0.2s;
    -webkit-transition-timing-function: ease;
    transition-property: background-color, color;
    transition-duration: 0.2s;
    transition-timing-function: ease;

}
#index_news .title {
    font-size: 16px;
    line-height: 1.8;
    word-break: break-all;
}
#index_news .title a {
    display: block;
}
#index_news .title a:hover {
	color: #039; !important;
}
#index_news .date {
	font-size: 14px;
	color: #999;
	font-weight: 700;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
}

#index_news .box {
  padding:17px; position:relative;
  -webkit-box-sizing:border-box; box-sizing:border-box;
}

@media only screen and (max-width: 767px) {
#index_news .image {
    float: left;
    width: 60px;
    height: 60px;
    display: block;
    margin: 0 17px 0 0;
    position: relative;
    z-index: 2;
    overflow: hidden;
}
#index_news .image img {
	width: 60px;
    height: 60px;
	object-fit: cover; /* この一行を追加するだけ！ */
}
#index_news .box {

    padding: 0px;
        padding-bottom: 0px;
    border: none;
        border-right-color: currentcolor;
        border-right-style: none;
        border-right-width: medium;

}
}






#bottom-menu{
　 display: flex; display: -webkit-flex; /* Safari */
  justify-content: space-around; -webkit-justify-content: space-around; /* Safari */
  border-top: solid 1px #eee;
  padding: 30px 20px 10px 20px;
}
#bottom-menu li {
text-align: center;
flex: auto; -webkit-flex: auto; 
}
#bottom-menu li:not(:last-child) { border-right: 1px solid  #ccc;
}

.fix_btn {
    position: fixed;
    z-index: 20;
    width: 138px;
    height: 138px;
    bottom: 15%;
    right: 20px;
}

.fix_btn a img:hover {
opacity: 0.7;
filter: alpha(opacity=70);
-moz-opacity:0.7;
}

@media screen and (max-width: 667px){
.fix_btn {
    width: 69px;
    height: 69px;
	right: 0px !important;
	bottom: 7% !important;
}
.fix_btn img{
    width: 69px;
    height: 69px;
}
}

@media (min-width: 768px) {
.bnr img{display:block; margin:auto;}
}

@media (max-width: 767px) {
.bnr img{display:block; margin:auto; width:100%;}
}


/* サイドバナー*/
@media (min-width: 768px) {
.sidebnr{
width:60px;
position: fixed;
right: 0;
transition: all .3s;
z-index: 200;
top: 50%;
transform: translateY(-50%);}
.sidebnr　a img{display:block;}
.sidebnr　a:hover img{opacity: .7}
}

@media (max-width: 767px) {
.sidebnr{
width:45px;
position: fixed;
right: 0;
transition: all .3s;
z-index: 200;
bottom: 17%;
transform: translateY(-10%)
}
.sidebnr a{display:block; width:45px;}
.sidebnr a img{display:block; width:45px;}
}