/*--コンテンツ別マージン--*/
#facility-info, #flow, #gallery-list, #newspaper {margin-top:100px;}
#contacts {background-color:#fff; padding:80px 0 125px; margin-top:80px;}

/*--コンテンツタイトル--*/
h1.cont-title {font-family:'hannari'; font-size:29px; color:#4c352e; letter-spacing:2px; line-height:30px; text-align:center; border-bottom:1px solid #333; margin-bottom:60px;}
h1.cont-title span.h1s-bg {background-color:#efedec; display:inline-block; position:relative; top:17px;}
h1.cont-title span.h1s-bg2 {background-color:#fff; display:inline-block; position:relative; top:17px;}
h1.cont-title span:before {content:""; display:inline-block; width:34px; height:23px; background:url(../../img/service/day/nozomi/title-left.png) no-repeat; background-size:contain; vertical-align:-2px; margin-right:8px;}
h1.cont-title span:after {content:""; display:inline-block; width:34px; height:23px; background:url(../../img/service/day/nozomi/title-right.png) no-repeat; background-size:contain; vertical-align:-2px; margin-left:3px;}


/*------------メインビジュアル------------*/
#main-visual {}
#mainvisu { }

/*------------特徴------------*/
#feature .left {width:50%;}
#feature .right {width:46%;}
#feature .feature-holder {margin-top:30px;}
#feature .feature-holder:first-child {margin-top:0;}
#feature .feature-holder h2 {font-size:20px; color:#0a4324; margin-bottom:12px;}

/*------------施設情報------------*/
#facility-info {}
#facility-info .outbox {}
#facility-info .outbox:nth-of-type(2) {margin-top:50px;}
#facility-info .outbox h2 {}
#facility-info .outbox .box {
	display:-webkit-flex; display:flex;
	-webkit-justify-content:space-between; justify-content:space-between;
}
#facility-info .outbox .info {width:48%; letter-spacing:1px; line-height:21px;}
#facility-info .outbox .info dt {display:inline-block; width:30%; vertical-align:top;}
#facility-info .outbox .info dd {display:inline-block; width:60%; margin-left:10%;}
#facility-info .outbox .info dt:before {content:"・";}
#facility-info .outbox .mapholder {width:45%;}

.ggmap {position: relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden;}
.ggmap iframe, .ggmap object, .ggmap embed {position:absolute; top:0; left:0; width:100%; height:100%;}


@media screen and (max-width:708px) {
	#facility-info .outbox .box {-webkit-flex-direction:column; flex-direction:column;}
	#facility-info .outbox .info {width:100%;}
	#facility-info .outbox .mapholder {width:100%;}
}
@media screen and (max-width:418px) {
	#facility-info .outbox .info dt {display:block; width:100%;}
	#facility-info .outbox .info dd {display:block; width:100%; margin-left:0;}
}

/*------------一日の流れ------------*/
#flow {}
.if_pcc {display:block;}
.if_spc {display:none;}
#flow-wrapper {}
#flow-wrapper .flow-inner {position:relative;}
.flow-right {position:relative; top:0; z-index:2;}
.flow-holder {margin-top:3rem;}
.flow-right .flow-holder:first-child {margin-top:0;}
.holder-time {float:left; background:url(../../img/service/day/nozomi/flow-ico.png) no-repeat; width:60px; height:60px;}
.holder-time span {position:relative; top:17px; left:11px; color:#fff;}
.holder-img {float:left; margin-left:5%; width:22.5%;}
.holder-desc {float:right; margin-left:1%; width:60%;}
.holder-desc h2 {font-size:20px; color:#0a4324; padding-bottom:10px; border-bottom:1px solid #0a4324; margin-bottom:20px;}
.holder-desc p {}
.flow-line {position:absolute; top:0; left:29px; z-index:1; background:url(../../img/service/day/nozomi/vertical-line.png) repeat-y; width:1px; height:1325px;}
@media screen and (max-width:958px) {.flow-line {height:1300px;}}
@media screen and (max-width:708px) {.flow-line {height:1350px;}}
@media screen and (max-width:638px) {.flow-line {height:1435px;}}

@media screen and (max-width:600px) {
	.if_pcc {display:none;}
	.if_spc {display:block;}
	.holder-desc {float:left; margin-left:15px; margin-top:20px; width:78%; margin-bottom:20px;}
	.holder-img {float:none; margin-left:75px; width:65%;}
	.flow-line {position:static; top:0; left:0; z-index:0; background:none; width:0; height:0;}
}
@media screen and (max-width:400px) {
	.holder-time {float:none; display:block;}
	.holder-desc {float:none; margin-left:0; margin-top:15px; width:100%; margin-bottom:20px; display:block;}
	.holder-img {float:none; margin-left:0; width:100%;}
}

/*------------ギャラリー------------*/
#gallery-list {margin-bottom:80px;}
.gallery-wapper {width:90%; margin:0 auto;}

/*------------陽だまり新聞------------*/
#newspapers {}
#newspapers ul.np-inner {text-align:center;}
#newspapers li {display:inline-block; width:22%; margin:1%;}
#newspapers li span {display:block;}

/*------------お問い合わせ------------*/
#contacts {}
#contacts .left {width:33%;}
#contacts .right {width:61%;}
#contacts h2 {}
#contacts .right a {text-decoration:underline;}
#contacts p {margin-bottom:7px;}
#contacts p span {color:#0a4324; font-size:26px; letter-spacing:2px;}
#contacts p span.ic-tel {font-size:21px; padding:0 1px 0 5px; vertical-align:0;}


/*------------SP------------*/
@media screen and (max-width:670px) {
/*--施設情報--*/
#facility-info .left {width:100%; float:none;}
#facility-info .right {width:100%; float:none; margin-top:30px;}
#facility-info .left dt {display:block; width:100%; vertical-align:top;}
#facility-info .left dd {display:block; width:100%; margin-left:0;}
#facility-info .left dd br {display:none;}
/*--ギャラリー--*/
#gallery-list {margin-bottom:30px;}
.gallery-wapper {width:100%; margin:0 auto;}
}
@media screen and (max-width:570px) {
/*--コンテンツ別マージン--*/
#facility-info, #flow, #gallery-list, #newspaper {margin-top:50px;}
/*--特徴--*/
#feature .left {width:100%; float:none;}
#feature .right {width:100%; float:none; margin-top:20px;}
/*--陽だまり新聞--*/
#newspapers li {display:inline-block; width:46%; margin:2% 1%;}
/*--お問い合わせ--*/
#contacts {padding:40px 0 60px; margin-top:50px;}
#contacts .left {width:80%; float:none; display:block; margin:0 auto;}
#contacts .right {width:100%; float:none; margin-top:30px;}
}
@media screen and (max-width:400px) {
	#contacts .left {width:100%;}
	#contacts p {margin-bottom:0; line-height:30px; display:inline;}
}