@charset "UTF-8";


/* caption
---------------------------------------------------- */
#popup dl.caption {}
#popup dl.caption dt {}
#popup dl.caption dd {
		margin-left: 0;
}


/* map
---------------------------------------------------- */
#map_fukushima {
		position: relative;
}
#map_fukushima #st_fukushima a {
		position: absolute;
		display: block;
		width: 35px;
		height: 145px;
		top: 110px;
		left: 35px;
		background-color: #FF00FF;
		filter: alpha(opacity=0);
		-moz-opacity: 0;
		opacity: 0;
		text-indent: -9999px;
		z-index: 10;
}
#map_fukushima p#st_sfukushima a {
		position: absolute;
		display: block;
		top: 110px;
		left: 250px;
		width: 35px;
		height: 145px;
		background-color: #FF00FF;
		filter: alpha(opacity=0);
		-moz-opacity: 0;
		opacity: 0;
		text-indent: -9999px;
		z-index: 10;
}
#map_fukushima p#st_kanayagawa a {
		position: absolute;
		display: block;
		width: 35px;
		height: 145px;
		top: 110px;
		left: 565px;
		background-color: #FF00FF;
		filter: alpha(opacity=0);
		-moz-opacity: 0;
		opacity: 0;
		z-index: 10;
		text-indent: -9999px;
}


/* dl
---------------------------------------------------- */
#content dl dt span {
		background-color: #00A4E5;
		padding: 2px 8px;
		color: #FFFFFF;
}


/* float
---------------------------------------------------- */
.col_ll {
		float: left;
		width: 72%;
}
.col_rr {
		float: right;
		width: 26%;
}
.step_fukidashi {
		position: relative;
		display: inline-block;
		margin-bottom: 2em;
		/* padding: 20px 0; */
		padding: 10px 0;
		width: 80px;
		height: 80px;
		/* line-height: 90px; */
		line-height: 2em;
		vertical-align: middle;
		text-align: center;
		color: #FFF;
		/* font-size: 20px; */
		/* font-weight: bold; */
		background: #3498db;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		box-sizing: border-box;
}
.step_fukidashi:before {
		content: "";
		position: absolute;
		bottom: -30px;
		left: 50%;
		margin-left: -15px;
		border: 15px solid transparent;
		border-top: 27px solid #3498db;
		z-index: 0;
}
h4.room_flow {
		font-size: 125%;
		color: #3498db;
}
.step_hr {
		width: 95%;
		border-bottom: dotted 1px #ccc;
}


/* Step accordion
---------------------------------------------------- */
.step_list {
		color: #3498DB;
		font-size: 1.2em;
}
.step_list {
		font-weight: bold;
		margin-top: -2px;
		padding: 20px 70px 20px 20px;
}
a.list-group-item.step_list:hover {
		background-color: #E1F0FA;
}
.step_comment {
		margin-bottom: 0;
		margin-top: -1px;
		padding: 30px 40px;
		background-color: #fff;
}
/*アコーディオンを四角にする*/
a.list-group-item.square, .well.square {
		border-radius: 0 0 0 0;
}
@media only screen and (max-width: 768px) {
		div.qus_icon, div.ans_icon {
				height: 30px;
				text-align: left;
				padding: 0.2em;
		}
		div.qus_icon {
				width: 100%;
				font-size: 1.2em;
		}
		div.ans_icon {
				width: 100%;
				font-size: 1.2em;
		}
		div.qus_txt, div.ans_txt {
				width: 100%;
				padding: 0;
		}
		.step_list {
				padding: 10px 30px 10px 10px;
				font-size: 1em;
				font-weight: normal;
		}
		.step_comment {
				padding: 15px 10px;
		}
}


/* 追加分 */
h3 {
		font-size: 1.8em;
		color: #005b9f;
		line-height: 1.5em;
		border-bottom: solid 3px #E1E2E1;
}
h3.top {
		margin-top: 0;
		padding-top: 0;
}
h4 {
		font-size: 1.3em;
		margin-bottom: 20px;
		padding-bottom: 0.2em;
		border-bottom: solid 2px #005b9f;
}
.btn {
		margin-top: 5px;
}

a.btn-orange {
		font-family: 'YakuHanJP', "M PLUS Rounded 1c", "Open Sans", "Helvetica Neue", Helvetica, "Arial", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
		padding: 0;
		margin: 10px 0;
		display: block;
		color: #fff !important;
		background: #FF8300;
		text-decoration: none;
		border-radius: 3px;
		font-weight: bold;
		text-align: center;
		vertical-align: middle;
}
a.btn-orange:after {
		content: "";
		display: inline-block;
		width: 50px;
		height: 50px;
		margin: 0 0 0 5px;
		background: url("../images/living_icon.png") no-repeat;
		background-size: contain;
		vertical-align: middle;
}

a.btn-blue {
		font-family: 'YakuHanJP', "M PLUS Rounded 1c", "Open Sans", "Helvetica Neue", Helvetica, "Arial", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
		padding: 0 20px;
		margin: 10px 0;
		display: inline-block;
		color: #fff !important;
		background: #8DACE1;
		text-decoration: none;
		border-radius: 3px;
		font-weight: bold;
		text-align: center;
		vertical-align: middle;
}
a.btn-blue:hover {
		background: #5482CF;
}
a.btn-blue::before {
		content: "";
		display: inline-block;
		width: 114px;
		height: 50px;
		margin: 5px 5px 5px 0px;
		background: url("../images/kanri_icon.png") no-repeat;
		background-size: contain;
		vertical-align: middle;
}
@media screen and (min-width: 768px){
a.btn-blue {
    padding: 0 1em 0 1em;
    margin: 5px auto;
    font-size: 20px;
}
}
a.btn-orange:hover {
		background: #FFCE71;
}
a.btn-orange:hover:after {
		content: "";
		display: inline-block;
		width: 50px;
		height: 50px;
		margin: 0 0 0 5px;
		background: url("../images/living_icon.png") no-repeat;
		background-size: contain;
		vertical-align: middle;
		opacity: .7;
}
@media screen and (min-width: 768px) {
		a.btn-orange {
				padding: 0 0 0 1em;
				margin: 5px auto;
				font-size: 20px;
				display: inline-block;
		}
		a.btn-orange:before {
				margin: -3px 0 0 10px;
		}
}
/*===== Character =====*/
#content .bg {
		font-size: 250%;
}
#content .md {
		font-size: 160%;
}
#content .sm {
		font-size: 120%;
}
@media all and (max-width: 515px) {
		#content .bg {
				font-size: 8vw;
		}
		#content .md {
				font-size: 5vw;
		}
		#content .sm {
				font-size: 4vw;
		}
}
@media all and (max-width: 320px) {
		#content .md {
				font-size: 5vw;
		}
}
/** 03. Navigation
 **************************************************************** **/
.container_nav {
		margin-right: 10px;
		margin-left: 10px;
		padding: 10px;
}
@media screen and (max-width: 480px) {
		.container_nav {
				padding: 5px;
		}
}
.header-nav {
		color: #000;
		background-color: #fff;
		background: #e1f0fa;
}
.header-nav a::after {
		display: block;
		height: 0px;
		margin-top: 3px;
		margin-bottom: 3px;
		content: '';
}
.header-nav p.toppd {
		padding-top: 10px;
}
/** 04. 丸数字カウンターリスト
 **************************************************************** **/
ol.calender_list {
		counter-reset: my-counter;
		list-style: none;
		padding: 0;
}
#content ol.calender_list li {
		margin-bottom: 10px;
		padding-left: 30px;
		position: relative;
		line-height: 1.5;
}
ol.calender_list li:before {
		content: counter(my-counter);
		counter-increment: my-counter;
		background-color: #52A7E0;
		color: #fff;
		display: block;
		float: left;
		line-height: 22px;
		margin-left: -30px;
		text-align: center;
		height: 22px;
		width: 22px;
		border-radius: 50%;
		vertical-align: middle;
}
ol.calender_list.back_orange li::before {
		background-color: #e67e22;
}




#content a {
		text-decoration: none;
}
#content h9 a {
		color: #333;
}
#content h9 {
		border-bottom: #bebebe solid 0px;
}
#content h9 a:hover, #content h9 a:active {
		color: #3498db;
}
section.counter {
		counter-increment: titleNum;
}
h9.point {
		position: relative;
		font-family: 'YakuHanJP', "游ゴシック体", YuGothic, "YuGothic M", sans-serif;
		font-weight: 700;
		font-size: 18px;
		margin: 15px 0;
		border-bottom: #bebebe solid 1px;
		padding-bottom: 5px;
		display: block;
		padding: 0 0 .5em 6em;
}
h9.point::before {
		position: absolute;
		font-family: 'YakuHanJP', "游ゴシック体", YuGothic, "YuGothic M", sans-serif;
		top: 50%;
		left: 0;
		content: "ポイント "counter(titleNum);
		width: 100px;
		line-height: 20px;
		background-color: #FF457B;
		border-radius: 8px;
		color: #fff;
		font-size: .9em;
		text-align: center;
		margin-top: -20px;
		padding: 5px;
}


.pink2,.pink2 a {color:#FF6B6B;}