/*
section,div{
    max-width:1440px;
    
}
*/
.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
	position: relative;
	min-height: 1px;
	padding-left: 12px;
	padding-right: 12px;
	visibility: inherit;
}

.container {
	margin-right: auto;
	margin-left: auto;
	bottom: 10px;
}

@media (min-width: 1200px) {
	.container {
		width: 1170px;
	}
}

.container-fluid {
	margin-right: auto;
	margin-left: auto;
	padding-left: 10px;
	padding-right: 10px;
}

.row {
	margin-left: -15px;
	margin-right: -15px;
}

h1 {
	color: #4D4D4D;
	text-align: left;
	font-size: medium;
	display: block;
	margin-top: 6px;
	font-weight: bold;
	line-height: 1em;
}

.yb_h1 {
	font-weight: bold;
	font-size: x-large;
	border-radius: 40px;
	color: #663300;
	display: block;
	text-align: left;
}

.yb_cp1 {
	line-height: 2em;
	font-size: large;
	color: #000000;
	text-align: left;
}

.yb_text {
	line-height: 1.8em;
	font-size: large;
	color: #000000;
	text-align: left;
}

.yb_yadoname {
	line-height: 1em;
	font-size: x-large;
	color: #000;
	text-align: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

.yb_sit1 {
	line-height: 1.6em;
	font-size: medium;
	color: #141357;
	text-align: left;
	display: block;
	margin-bottom: 10px;
	font-weight: bold;
	margin-top: 10px;
}

.yb_yadoosusume_c {
	/*font-family: "源ノ明朝", "游明朝", "BIZ UDP明朝 Medium", "游明朝 Demibold", "小塚明朝 Pr6N R", "源ノ明朝 Medium", "ＭＳ Ｐ明朝";*/
	line-height: 2em;
	font-size: large;
	color: #964A17;
	text-align: left;
	display: block;
	font-weight: bold;
	margin-left: 5%;
}

.yb_yadoosusume_w {
	/*font-family: "源ノ明朝", "游明朝", "BIZ UDP明朝 Medium", "游明朝 Demibold", "小塚明朝 Pr6N R", "源ノ明朝 Medium", "ＭＳ Ｐ明朝";*/
	line-height: 2em;
	font-size: large;
	color: #659965;
	text-align: left;
	display: block;
	font-weight: bold;
	margin-left: 5%;
}

.yb_yadoosusume_e {
	/*font-family: "源ノ明朝", "游明朝", "BIZ UDP明朝 Medium", "游明朝 Demibold", "小塚明朝 Pr6N R", "源ノ明朝 Medium", "ＭＳ Ｐ明朝";*/
	line-height: 2em;
	font-size: large;
	color: #256D89;
	text-align: left;
	display: block;
	font-weight: bold;
	margin-left: 5%;
}

.yb_yadoosusume2 {
	line-height: 2em;
	font-size: large;
	color: #4D4D4D;
	text-align: left;
	display: block;
	font-weight: bold;
	margin-left: 5%;
	margin-top: 20px;
}

.yb_yadoaddress {
	line-height: 1.5em;
	font-size: small;
	color: #000;
	text-align: left;
	margin-bottom: 10px;
}

.yb_yadonavi {
	display: inline-block;
	line-height: 1em;
	font-size: large;
	color: #FFFFFF;
	text-align: center;
	background-color: #960;
	padding: 15px;
	margin-top: 10px;
	font-weight: bold;
	width: 100%;
}

.yb_season {
	line-height: 1.3em;
	font-size: small;
	text-align: left;
	font-weight: bold;
	margin-bottom: 2px;
}

.yb_yadonavi:hover {
	background-color: #6A3906;
	color: #FFFFFF;
}

.yb_yadonavi a:link,
.yb_yadonavi a:hover,
.yb_yadonavi a:focus,
.yb_yadonavi a:visited,
.yb_yadonavi a:active {
	color: #FFFFFF;
}

.yb_yadonavi_c {
	display: inline-block;
	line-height: 2em;
	font-size: large;
	color: #FFFFFF;
	background-color: #964A17;
	padding: 15px;
	margin-top: 10px;
	font-weight: bold;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	border-radius: 4px;
	margin-bottom: 30px;
}

.yb_yadonavi_c:hover {
	background-color: #6A3906;
	color: #FFFFFF;
}

.yb_yadonavi_c a:link,
.yb_yadonavi_c a:hover,
.yb_yadonavi_c a:focus,
.yb_yadonavi_c a:visited,
.yb_yadonavi_c a:active {
	color: #FFFFFF;
}

.yb_yadonavi_w {
	display: inline-block;
	line-height: 2em;
	font-size: large;
	color: #FFFFFF;
	background-color: #659965;
	padding: 15px;
	margin-top: 10px;
	font-weight: bold;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: 100%;
	border-radius: 4px;
	margin-bottom: 30px;
}

.yb_yadonavi_w:hover {
	background-color: #037309;
	color: #FFFFFF;
}

.yb_yadonavi_w a:link,
.yb_yadonavi_w a:hover,
.yb_yadonavi_w a:focus,
.yb_yadonavi_w a:visited,
.yb_yadonavi_w a:active {
	color: #FFFFFF;
}

.yb_yadonavi_e {
	display: inline-block;
	line-height: 2em;
	font-size: large;
	color: #FFFFFF;
	background-color: #256D89;
	padding: 15px;
	margin-top: 10px;
	font-weight: bold;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	border-radius: 4px;
	margin-bottom: 30px;
}

.yb_yadonavi_e:hover {
	background-color: #183E7F;
	color: #FFFFFF;
	width: 100%;
	border-radius: 4px;
}

.yb_yadonavi_e a:link,
.yb_yadonavi_e a:hover,
.yb_yadonavi_e a:focus,
.yb_yadonavi_e a:visited,
.yb_yadonavi_e a:active {
	color: #FFFFFF;
	display: block;
}

.yb_yadoobi_e {
	line-height: 2em;
	font-size: large;
	color: #FFFFFF;
	background-color: #256D89;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	font-weight: bold;
	text-align: center;
	border-radius: 4px;
	display: block;
	margin-top: 6px;
	margin-bottom: 6px;
}

.yb_yadoobi_e:hover {
	background-color: #183E7F;
	color: #FFFFFF;
	border-radius: 4px;
}

.yb_yadoobi_e a:link,
.yb_yadoobi_e a:hover,
.yb_yadoobi_e a:focus,
.yb_yadoobi_e a:visited,
.yb_yadoobi_e a:active {
	color: #FFFFFF;
	display: block;
}

.yb_yadoplan {
	display: inline-block;
	line-height: 1em;
	font-size: large;
	color: #FFFFFF;
	text-align: center;
	background-color: #88AF5C;
	padding: 15px;
	margin-top: 6px;
	font-weight: bold;
	width: 100%;
}

.yb_yadoplan:hover {
	background-color: #5D8134;
	color: #FFFFFF;
}

.yb_yadoplan a:link,
.yb_yadoplan a:hover,
.yb_yadoplan a:focus,
.yb_yadoplan a:visited,
.yb_yadoplan a:active {
	color: #FFFFFF;
}

.yb_hotelc {
	font-weight: bold;
	font-size: xx-large;
	color: #964A17;
	text-align: left;
	margin-top: 10px;
	margin-bottom: 4px;
	line-height: 1em;
}

.yb_hotelc2 {
	font-weight: bold;
	font-size: medium;
	color: #964A17;
	text-align: left;
	margin-top: 10px;
	margin-bottom: 4px;
	line-height: 1.5em;
}

.yb_hotelw {
	font-weight: bold;
	font-size: xx-large;
	color: #659965;
	text-align: left;
	margin-top: 10px;
	margin-bottom: 4px;
	line-height: 1em;
}

.yb_hotelw2 {
	font-weight: bold;
	font-size: medium;
	color: #659965;
	text-align: left;
	margin-top: 10px;
	margin-bottom: 4px;
	line-height: 1.5em;
}

.yb_hotele {
	font-weight: bold;
	font-size: xx-large;
	color: #256D89;
	text-align: left;
	margin-top: 10px;
	margin-bottom: 4px;
	line-height: 1em;
}

.yb_hotele2 {
	font-weight: bold;
	font-size: medium;
	color: #256D89;
	text-align: left;
	margin-top: 10px;
	margin-bottom: 4px;
	line-height: 1.5em;
}

.yb_osusume-waku {
	border-radius: 10px;
	display: block;
	text-align: left;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	border: 2px solid #F15A24;
	margin-bottom: 20px;
	/* [disabled]margin-left: 6px; */
	background-color: #FCF7D7;
	font-size: large;
	font-weight: bold;
	line-height: 2em;
	margin-top: 10px;
	margin-right: 20px;
}

.yb_hotelplan-waku {
	border-radius: 10px;
	display: block;
	text-align: left;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	border: 1px solid #A5A5A5;
	margin-bottom: 6px;
	margin-top: 6px;
	margin-right: 6px;
	margin-left: 6px;
}

.yb_hotelplan1 {
	font-weight: bold;
	font-size: 22px;
	color: #000000;
	text-align: left;
	line-height: 2em;
}

.yb_hotelplan2 {
	font-weight: normal;
	font-size: medium;
	color: #000000;
	line-height: 1.4em;
	margin-top: 6px;
}

.yb_hotelplan3_c {
	font-weight: bold;
	font-size: xx-large;
	color: #6A3906;
	text-align: left;
	line-height: 1.2em;
	/*font-family: "ＭＳ Ｐ明朝", "ＭＳ 明朝", "源ノ明朝 SemiBold", "源ノ明朝 Heavy", "小塚明朝 Pro B", "游明朝 Demibold";*/
	margin-bottom: 6px;
	margin-top: 30px;
}

.yb_hotelplan3_w {
	font-weight: bold;
	font-size: xx-large;
	color: #1A4E1A;
	text-align: left;
	line-height: 1.2em;
	/*font-family: "ＭＳ Ｐ明朝", "ＭＳ 明朝", "源ノ明朝 SemiBold", "源ノ明朝 Heavy", "小塚明朝 Pro B", "游明朝 Demibold";*/
	margin-bottom: 6px;
	margin-top: 30px;
}

.yb_hotelplan3_e {
	font-weight: bold;
	font-size: xx-large;
	color: #256D89;
	text-align: left;
	line-height: 1.2em;
	/*font-family: "ＭＳ Ｐ明朝", "ＭＳ 明朝", "源ノ明朝 SemiBold", "源ノ明朝 Heavy", "小塚明朝 Pro B", "游明朝 Demibold";*/
	margin-bottom: 10px;
	margin-top: 30px;
}

.yb_title_acc {
	font-weight: bold;
	font-size: xx-large;
	color: #157406;
	text-align: left;
	line-height: 1.2em;
	/*font-family: "ＭＳ Ｐ明朝", "ＭＳ 明朝", "源ノ明朝 SemiBold", "源ノ明朝 Heavy", "小塚明朝 Pro B", "游明朝 Demibold";*/
	margin-bottom: 10px;
}

.yb_title_home {
	font-weight: bold;
	font-size: xx-large;
	color: #1C4274;
	text-align: left;
	line-height: 1.2em;
	/*font-family: "ＭＳ Ｐ明朝", "ＭＳ 明朝", "源ノ明朝 SemiBold", "源ノ明朝 Heavy", "小塚明朝 Pro B", "游明朝 Demibold";*/
	margin-bottom: 10px;
}

.yb_title_home {
	font-weight: bold;
	font-size: xx-large;
	color: #1C4274;
	text-align: left;
	line-height: 1.2em;
	/*font-family: "ＭＳ Ｐ明朝", "ＭＳ 明朝", "源ノ明朝 SemiBold", "源ノ明朝 Heavy", "小塚明朝 Pro B", "游明朝 Demibold";*/
	margin-bottom: 10px;
}

.yb_title_bus {
	font-weight: bold;
	font-size: xx-large;
	color: #9E1010;
	text-align: left;
	line-height: 1.2em;
	/*font-family: "ＭＳ Ｐ明朝", "ＭＳ 明朝", "源ノ明朝 SemiBold", "源ノ明朝 Heavy", "小塚明朝 Pro B", "游明朝 Demibold";*/
	margin-bottom: 10px;
}

.yb_title_faq {
	font-weight: bold;
	font-size: xx-large;
	color: #DF6C1D;
	text-align: left;
	line-height: 1.2em;
	/*font-family: "ＭＳ Ｐ明朝", "ＭＳ 明朝", "源ノ明朝 SemiBold", "源ノ明朝 Heavy", "小塚明朝 Pro B", "游明朝 Demibold";*/
	margin-bottom: 10px;
}

.yb_title_faq2 {
	font-weight: bold;
	font-size: xx-large;
	color: #980B1C;
	text-align: left;
	line-height: 1.2em;
	/*font-family: "ＭＳ Ｐ明朝", "ＭＳ 明朝", "源ノ明朝 SemiBold", "源ノ明朝 Heavy", "小塚明朝 Pro B", "游明朝 Demibold";*/
	margin-bottom: 10px;
}

.yb_title_plan {
	font-weight: bold;
	font-size: xx-large;
	color: #5E2D0B;
	text-align: left;
	line-height: 1.2em;
	/*font-family: "ＭＳ Ｐ明朝", "ＭＳ 明朝", "源ノ明朝 SemiBold", "源ノ明朝 Heavy", "小塚明朝 Pro B", "游明朝 Demibold";*/
	margin-bottom: 10px;
}

.yb_title_photo {
	font-weight: bold;
	font-size: xx-large;
	color: #0F746D;
	text-align: left;
	line-height: 1.2em;
	/*font-family: "ＭＳ Ｐ明朝", "ＭＳ 明朝", "源ノ明朝 SemiBold", "源ノ明朝 Heavy", "小塚明朝 Pro B", "游明朝 Demibold";*/
	margin-bottom: 10px;
}

.yb_title_aq {
	font-weight: bold;
	font-size: xx-large;
	color: #8B0D73;
	text-align: left;
	line-height: 1.2em;
	/*font-family: "ＭＳ Ｐ明朝", "ＭＳ 明朝", "源ノ明朝 SemiBold", "源ノ明朝 Heavy", "小塚明朝 Pro B", "游明朝 Demibold";*/
	margin-bottom: 10px;
}

.yb_title_kanko {
	font-weight: bold;
	font-size: xx-large;
	color: #3D37B9;
	text-align: left;
	line-height: 1.2em;
	/*font-family: "ＭＳ Ｐ明朝", "ＭＳ 明朝", "源ノ明朝 SemiBold", "源ノ明朝 Heavy", "小塚明朝 Pro B", "游明朝 Demibold";*/
	margin-bottom: 10px;
}

.yb_title_info {
	font-weight: bold;
	font-size: xx-large;
	color: #1A4E1A;
	text-align: left;
	line-height: 1.2em;
	/*font-family: "ＭＳ Ｐ明朝",
"ＭＳ 明朝",
"源ノ明朝 SemiBold",
"源ノ明朝 Heavy",
"小塚明朝 Pro B",
"游明朝 Demibold";*/
	margin-bottom: 10px;
	margin-top: 20px;
}

.yb_hotelplan-button1 {
	position: relative;
	display: inline-block;
	font-weight: bold;
	font-size: x-large;
	color: #FFFFFF;
	text-align: center;
	line-height: 1.5em;
	background-color: #6A3906;
	padding-left: 20px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	border-radius: 4px;
	webkit-box-shadow: 2px 2px 3px 0 #A5A5A5;
	box-shadow: 2px 2px 3px 0 #A5A5A5;
	margin-top: 20px;
	margin-left: 10px;
	margin-bottom: 10px;
}

.yb_hotelplan-button1:hover {
	background-color: #5D8134;
	color: #FFFFFF;
}

.yb_hotelplan-button1 a:link,
.yb_hotelplan-button1 a:hover,
.yb_hotelplan-button1 a:focus,
.yb_hotelplan-button1 a:visited,
.yb_hotelplan-button1 a:active {
	color: #FFFFFF;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.yb_hotelplan-access {
	font-weight: bold;
	font-size: large;
	color: #FFFFFF;
	text-align: center;
	line-height: 1.5em;
	background-color: #4D4D4D;
	padding-left: 10px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	border-radius: 4px;
	display: block;
	-webkit-box-shadow: 2px 2px 3px 0 #A5A5A5;
	box-shadow: 2px 2px 3px 0 #A5A5A5;
	margin-top: 40px;
	margin-bottom: 20px;
}

.yb_hotelplan-access2 {
	font-size: large;
	color: #000000;
	text-align: left;
	line-height: 1.5em;
	background-color: #E5E5E5;
	padding-left: 10px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	display: block;
	-webkit-box-shadow: 0px 0px 0px 0;
	box-shadow: 0px 0px 0px 0;
	margin-top: 30px;
	margin-bottom: 10px;
	font-weight: bold;
}

.yb_hotelplan-access3 {
	font-size: small;
	color: #000000;
	text-align: left;
	line-height: 1.5em;
	background-color: #E5E5E5;
	font-weight: bold;
}

.img_yb1 {
	margin-bottom: 20px;
}

.img_yb2 {
	display: block;
	margin-top: 10px;
}

.img_yb3 {
	margin-top: 20px;
	margin-bottom: 0px;
	text-align: right;
	color: #0086DB;
}

.img_yb3-2 {
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: right;
	color: #0086DB;
}

.img_yb4 {
	margin-top: 10px;
	margin-bottom: 0px;
	text-align: right;
}

hr.ydob1 {
	border-top-width: 2px;
	border-top-color: #663300;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.tm4 {
	color: #FFFFFF;
	font-size: 2rem;
	text-align: center;
	margin-top: 15px;
	margin-bottom: 30px;
	font-weight: bold;
	background-color: #FF0000;
	border-radius: 8px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	line-height: 1.3em;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.tm4:hover {
	background-color: #FD7905;
	color: #FFFFFF;
}

.tm4 a:link,
.tm4 a:hover,
.tm4 a:focus,
.tm4 a:visited,
.tm4 a:active {
	color: #FFFFFF;
	text-decoration: none;
}

.advicetop {
	color: #FFFFFF;
	text-align: center;
	margin-bottom: 0px;
	font-weight: bold;
	background-color: #DF6C1D;
	border-radius: 8px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	line-height: 1em;
	margin-left: auto;
	margin-right: auto;
	font-size: medium;
	margin-top: 20px;
	display: block;
}

.advicetop:hover {
	background-color: #CB0505;
	color: #FFFFFF;
}

.advicetop a:link,
.advicetop a:hover,
.advicetop a:focus,
.advicetop a:visited,
.advicetop a:active {
	color: #FFFFFF;
	text-decoration: none;
}

.advicetop2 {
	color: #FFFFFF;
	text-align: center;
	margin-bottom: 0px;
	font-weight: bold;
	background-color: #DF6C1D;
	border-radius: 8px;
	padding-top: 6px;
	padding-right: 6px;
	padding-bottom: 6px;
	padding-left: 6px;
	line-height: 1em;
	margin-left: 0px;
	margin-right: auto;
	font-size: small;
	display: block;
}

.advicetop2:hover {
	background-color: #CB0505;
	color: #FFFFFF;
}

.advicetop2 a:link,
.advicetop2 a:hover,
.advicetop2 a:focus,
.advicetop2 a:visited,
.advicetop2 a:active {
	color: #FFFFFF;
	text-decoration: none;
}

.advicetop3 {
	color: #FFFFFF;
	text-align: left;
	margin-bottom: 0px;
	font-weight: bold;
	background-color: #DF6C1D;
	border-radius: 10px;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	line-height: 2em;
	font-size: medium;
	display: block;
	margin-top: 10px;
}

.advicetop3:hover {
	background-color: #CB0505;
	color: #FFFFFF;
}

.advicetop3 a:link,
.advicetop3 a:hover,
.advicetop3 a:focus,
.advicetop3 a:visited,
.advicetop3 a:active {
	color: #FFFFFF;
	text-decoration: none;
}

.advicefaq {
	color: #FFFFFF;
	text-align: center;
	margin-bottom: 30px;
	font-weight: bold;
	background-color: #DF6C1D;
	border-radius: 8px;
	padding-top: 14px;
	padding-right: 14px;
	padding-bottom: 14px;
	padding-left: 14px;
	line-height: 1em;
	width: 70%;
	margin-left: auto;
	margin-right: auto;
	font-size: medium;
	display: block;
	margin-top: 30px;
}

.advicefaq:hover {
	background-color: #CB0505;
	color: #FFFFFF;
}

.advicefaq a:link,
.advicefaq a:hover,
.advicefaq a:focus,
.advicefaq a:visited,
.advicefaq a:active {
	color: #FFFFFF;
	text-decoration: none;
}

.ob1 {
	border-top-width: 3px;
	border-color: #1C4274;
}

.ob2 {
	border-top-width: 3px;
	border-color: #9E1010;
}

.mds1 {
	color: #1C4274;
	font-variant: normal;
	font-weight: bold;
	text-align: left;
	font-size: large;
}

.mds_w {
	color: #659965;
	font-variant: normal;
	font-weight: bold;
	text-align: left;
	font-size: large;
}

.mds_c {
	color: #964A17;
	font-variant: normal;
	font-weight: bold;
	text-align: left;
	font-size: large;
}

.mds_e {
	color: #256D89;
	font-variant: normal;
	font-weight: bold;
	text-align: left;
	font-size: large;
}

.ft1 {
	color: #404645;
	text-align: left;
	font-size: small;
	line-height: 1.6em;
}

.ft2 {
	color: #404645;
	text-align: center;
	font-size: small;
	margin-top: 20px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

/*ホテルスライド*/
*,
*:before,
*:after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.cp_cssslider {
	width: 100%;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 2em;
	text-align: center;
}

.cp_cssslider > img {
	position: absolute;
	left: 0;
	top: 0;
	transition: all 0.5s;
	border-radius: 3px;
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
}

.cp_cssslider input[name='cp_switch'] {
	display: none;
}

/* サムネイル */
.cp_cssslider label {
	margin: 15px 5px 0 5px;
	border: 2px solid #ffffff;
	display: inline-block;
	cursor: pointer;
	transition: all 0.5s ease;
	opacity: 0.6;
	border-radius: 3px;
}

.cp_cssslider label:hover {
	opacity: 0.9;
}

.cp_cssslider label img {
	display: block;
	width: 40px;
	border-radius: 2px;
}

.cp_cssslider input[name='cp_switch']:checked + label {
	border: 2px solid #FF7043;
	opacity: 1;
}

.cp_cssslider input[name='cp_switch'] ~ img {
	opacity: 0;
}

.cp_cssslider input[name='cp_switch']:checked + label + img {
	opacity: 1;
}

.bgc_yb_cya {
	background-color: #964A17;
}

.bgc_yb_green {
	background-color: #659965;
}

.bgc_yb_east {
	background-color: #256D89;
}

.bgc_yb_beige {
	background-color: #D8CFC0;
}

.bgc_yb_home {
	background-color: #1C4274;
}

.bgc_yb_bus {
	background-color: #9E1010;
}

.bgc_yb_faq {
	background-color: #DF6C1D;
}

.bgc_yb_faq2 {
	background-color: #980B1C;
}

.bgc_yb_plan {
	background-color: #5E2D0B;
}

.bgc_yb_photo {
	background-color: #0F746D;
}

.bgc_yb_aq {
	background-color: #8B0D73;
}

.bgc_yb_access {
	background-color: #157406;
}

.bgc_yb_kanko {
	background-color: #3D37B9;
}

.bgc_yb_info {
	background-color: #1A4E1A;
}

.container-fluid {
	margin-right: auto;
	margin-left: auto;
	padding-left: 15px;
	padding-right: 15px;
}

.row {
	margin-left: -15px;
	margin-right: -15px;
}

#main {
	padding-left: 0px;
	padding-right: 0px;
	max-width: 1440px;
}

.cp_table *,
.cp_table *:before,
.cp_table *:after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.cp_table {
	width: 100%;
	border-collapse: collapse;
}

.cp_table th,
.cp_table td {
	padding-top: 4px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 4px;
	border: 1px solid #dddddd;
	font-size: small;
	line-height: 2em;
}

.cp_table th {
	text-align: center;
	background: #f4f4f4;
	font-size: small;
}

@media only screen and (max-width:480px) {
	.cp_table {
		margin: 0;
	}

	.cp_table th,
	.cp_table td {
		width: 100%;
		display: block;
		border-top: none;
	}

	.cp_table tr:first-child th {
		border-top: 1px solid #dddddd;
	}
}

figure.cp_caption {
	line-height: 0;
	position: relative;
	overflow: hidden;
	width: 100%;
	min-width: 100%;
	max-width: 800px;
	max-height: 400px;
	margin-top: 6px;
	margin-bottom: 6px;
	color: #ffffff;
	font-size: small;
}

figure.cp_caption * {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

figure.cp_caption img {
	width: 100%;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
	opacity: 1;
}

figure.cp_caption h2 {
	line-height: 1.3;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #fff;
}

figure.cp_caption p {
	line-height: 1.3;
	margin: 0;
	padding: 0;
}

figure.cp_caption:hover img {
	-webkit-transform: translateY(-45px);
	transform: translateY(-45px);
}

figure.cp_caption:hover figcaption {
	-webkit-transition: -webkit-transform 0.3s, opacity 0.1s;
	transition: transform 0.3s, opacity 0.1s;
	-webkit-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
}

figure.cp_caption figcaption {
	position: absolute;
	bottom: -1px;
	width: 100%;
	height: auto;
	padding: 0.5em;
	-webkit-transition: -webkit-transform 0.35s, opacity 0.1s 0.3s;
	transition: transform 0.35s, opacity 0.1s 0.3s;
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
	opacity: 0;
	color: #ffffff;
	background-color: #373737;
}

.ggmap {
	position: relative;
	overflow: hidden;
	padding-top: 150px;
	padding-bottom: 150px;
}

.ggmap iframe,
.ggmap object,
.ggmap embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.tm1_c {
	color: #FFFFFF;
	font-size: 1.7rem;
	text-align: left;
	margin-bottom: 10px;
	font-weight: bold;
	background-color: #964A17;
	border-radius: 8px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	line-height: 1.3em;
}

.tm1_w {
	color: #FFFFFF;
	font-size: 1.7rem;
	text-align: left;
	margin-bottom: 10px;
	font-weight: bold;
	background-color: #659965;
	border-radius: 8px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	line-height: 1.3em;
}

.tm1_e {
	color: #FFFFFF;
	font-size: 1.7rem;
	text-align: left;
	margin-bottom: 10px;
	font-weight: bold;
	background-color: #256D89;
	border-radius: 8px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	line-height: 1.3em;
}

.tm1 {
	color: #FFFFFF;
	font-size: 1.7rem;
	text-align: left;
	margin-bottom: 10px;
	font-weight: bold;
	background-color: #01A79B;
	border-radius: 8px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	line-height: 1.3em;
}

.yb_access_text {
	color: #404645;
	text-align: left;
	line-height: 1.8em;
	font-size: medium;
}

.yb_hotelobi_east {
	text-align: center;
	background-color: #256D89;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

.yb_hotelobi_west {
	text-align: center;
	background-color: #659965;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

.yb_hotelobi_bus {
	text-align: center;
	background-color: #659965;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

.yb_hotelobi_central {
	text-align: center;
	background-color: #964A17;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

.yb_hotelobi_1 {
	text-align: center;
	background-color: #1C4274;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

.yb_xix_e {
	display: inline-block;
	line-height: 1.2em;
	font-size: large;
	color: #4B4B4B;
	background-color: #F18924;
	padding: 15px;
	font-weight: bold;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	border-radius: 10px;
	margin-bottom: 10px;
	text-decoration: none;
}

.yb_xix_e:hover {
	background-color: #F1D624;
	color: #FFFFFF;
	width: 100%;
	border-radius: 10px;
	text-decoration: none;
}

.yb_xix_e a:link,
.yb_xix_e a:hover,
.yb_xix_e a:focus,
.yb_xix_e a:visited,
.yb_xix_e a:active {
	color: #FFFFFF;
	text-decoration: none;
}

.cp_hr03 {
	border-width: 1px 0 0 0;
	border-style: dotted;
	border-color: #4D4D4D;
}

.cp_tab *,
.cp_tab *:before,
.cp_tab *:after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.cp_tab {
	margin: 1em auto;
}

.cp_tab > input[type='radio'] {
	margin: 0;
	padding: 0;
	border: none;
	border-radius: 0;
	outline: none;
	background: none;
	-webkit-appearance: none;
	appearance: none;
	display: none;
}

.cp_tab .cp_tabpanel {
	display: none;
}

.cp_tab > input:first-child:checked ~ .cp_tabpanels > .cp_tabpanel:first-child,
.cp_tab > input:nth-child(3):checked ~ .cp_tabpanels > .cp_tabpanel:nth-child(2),
.cp_tab > input:nth-child(5):checked ~ .cp_tabpanels > .cp_tabpanel:nth-child(3),
.cp_tab > input:nth-child(7):checked ~ .cp_tabpanels > .cp_tabpanel:nth-child(4),
.cp_tab > input:nth-child(9):checked ~ .cp_tabpanels > .cp_tabpanel:nth-child(5),
.cp_tab > input:nth-child(11):checked ~ .cp_tabpanels > .cp_tabpanel:nth-child(6),
.cp_tab > input:nth-child(13):checked ~ .cp_tabpanels > .cp_tabpanel:nth-child(7) {
	display: block;
}

.cp_tab > label {
	position: relative;
	display: inline-block;
	padding: 15px;
	cursor: pointer;
	border: 1px solid transparent;
	border-bottom: 0;
	margin-bottom: -1px;
	border-color: #cccccc;
	border-bottom: 1px solid #ffffff;
	/*背景色と同じ*/
	border-radius: 6px 6px 0 0;
}

.cp_tab > label:hover,
.cp_tab > input:focus + label {
	color: #256D89;
	background-color: #F3F3F3;
	margin-bottom: -1px;
	border-color: #cccccc;
	border-bottom: 1px solid #ffffff;
	/*背景色と同じ*/
	border-radius: 6px 6px 0 0;
}

.cp_tab > input:checked + label {
	margin-bottom: -1px;
	border-color: #cccccc;
	border-bottom: 1px solid #ffffff;
	/*背景色と同じ*/
	border-radius: 6px 6px 0 0;
}

.cp_tab .cp_tabpanel {
	padding: 0.5em 1em;
	border-top: 1px solid #cccccc;
}

@media (max-width: 800px) {
	.cp_tab {
		width: 100%;
		font-size: 0.8em;
	}

	.cp_tab label {
		padding: 0.5em;
	}
}

.cp_qa2 *,
.cp_qa *:after,
.cp_qa *:before {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.cp_qa2 .cp_actab {
	position: relative;
	overflow: hidden;
	width: 100%;
	margin: 0 0 1em 0;
	color: #1b2538;
}

.cp_qa2 .cp_actab input {
	position: absolute;
	opacity: 0;
}

/* 質問 */
.cp_qa2 .cp_actab label {
	font-weight: bold;
	line-height: 1.6em;
	position: relative;
	display: block;
	margin: 0 0 0 0;
	padding: 1em 4em 1em 2.5em;
	cursor: pointer;
	text-indent: 1em;
	border-radius: 0.5em;
	background: rgba(27, 37, 56, 0.1);
}

.cp_qa2 .cp_actab label::before {
	font-family: serif;
	font-size: 1.5em;
	margin-left: -2em;
	padding-right: 0.5em;
	content: 'Q';
}

.cp_qa2 .cp_actab label:hover {
	transition: all 0.3s;
	color: #00838f;
}

/* --質問の＋アイコン */
.cp_qa2 .cp_actab label::after {
	font-size: 1.7em;
	font-weight: bold;
	line-height: 2em;
	position: absolute;
	top: 0;
	right: 0;
	content: '+';
	display: inline-block;
	width: 2em;
	height: 2em;
	-webkit-transition: transform 0.4s;
	transition: transform 0.4s;
}

/* 答え */
.cp_qa2 .cp_actab .cp_actab-content {
	position: relative;
	overflow: hidden;
	max-height: 0;
	padding: 0 0 0 2.5em;
	-webkit-transition: max-height 0.2s;
	transition: max-height 0.2s;
	border-radius: 0 0 0.5em 0.5em;
}

.cp_qa2 .cp_actab .cp_actab-content::before {
	font-family: serif;
	font-size: 1.5em;
	position: absolute;
	margin: 0.4em 0 0 -1em;
	padding: 0;
	content: 'A';
}

.cp_qa2 .cp_actab .cp_actab-content p {
	margin: 1em 1em 1em 0;
}

/* 質問を開いた時の仕様 */
/* --答えの高さ */
.cp_qa2 .cp_actab input:checked ~ .cp_actab-content {
	max-height: 40em;
	border: 10px solid rgba(27, 37, 56, 0.1);
}

/* 質問をクリックした時のアイコンの動き */
.cp_qa2 .cp_actab input:checked ~ label {
	color: #00838f;
	border-radius: 0.5em 0.5em 0 0;
}

/* 質問をクリックした時の+の動き */
.cp_qa2 .cp_actab input[type=checkbox]:checked + label::after {
	-webkit-transform: rotateZ(45deg);
	transform: rotateZ(45deg);
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}

/*ヘッダーまわりはサイトに合わせて調整してください*/

#nav-drawer {
	position: relative;
}

/*チェックボックス等は非表示に*/
.nav-unshown {
	display: none;
}

/*アイコンのスペース*/
#nav-open {
	display: inline-block;
	width: 30px;
	height: 22px;
	vertical-align: middle;
}

/*ハンバーガーアイコンをCSSだけで表現*/
#nav-open span,
#nav-open span:before,
#nav-open span:after {
	position: absolute;
	height: 3px;
	/*線の太さ*/
	width: 25px;
	/*長さ*/
	border-radius: 3px;
	background: #555;
	display: block;
	content: '';
	cursor: pointer;
}

#nav-open span:before {
	bottom: -8px;
}

#nav-open span:after {
	bottom: -16px;
}

/*閉じる用の薄黒カバー*/
#nav-close {
	display: none;
	/*はじめは隠しておく*/
	position: fixed;
	z-index: 99;
	top: 0;
	/*全体に広がるように*/
	left: 0;
	width: 100%;
	height: 100%;
	background: black;
	opacity: 0;
	transition: .3s ease-in-out;
}

/*中身*/
#nav-content {
	overflow: auto;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	/*最前面に*/
	width: 90%;
	/*右側に隙間を作る（閉じるカバーを表示）*/
	max-width: 330px;
	/*最大幅（調整してください）*/
	height: 100%;
	background: #fff;
	/*背景色*/
	transition: .3s ease-in-out;
	/*滑らかに表示*/
	-webkit-transform: translateX(-105%);
	transform: translateX(-105%);
	/*左に隠しておく*/
}

/*チェックが入ったらもろもろ表示*/
#nav-input:checked ~ #nav-close {
	display: block;
	/*カバーを表示*/
	opacity: .5;
}

#nav-input:checked ~ #nav-content {
	-webkit-transform: translateX(0%);
	transform: translateX(0%);
	/*中身を表示（右へスライド）*/
	box-shadow: 6px 0 25px rgba(0, 0, 0, .15);
}

@media screen and (min-width:480px) {
	#nav-open {
		display: none;
	}
}

.busroute_obi {
	text-align: center;
	background-color: #9E1010;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	font-size: x-large;
	font-weight: bold;
	color: #FFFFFF;
}

.hotel ol {
	counter-reset: number;
	/*数字をリセット*/
	list-style-type: none !important;
	/*数字を一旦消す*/
}

.hotel ol li {
	position: relative;
	line-height: 1.5em;
	padding-top: 0.3em;
	padding-right: 0.3em;
	padding-left: 26px;
	padding-bottom: 0.3em;
	font-size: medium;
}

.hotel ol li:before {
	/* 以下数字をつける */
	position: absolute;
	counter-increment: number;
	content: counter(number);
	/*以下数字のデザイン変える*/
	display: inline-block;
	background: #01008B;
	color: white;
	font-family: 'Avenir', 'Arial Black', 'Arial', sans-serif;
	font-weight: bold;
	font-size: 13px;
	border-radius: 50%;
	left: 0;
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	/*以下 上下中央寄せのため*/
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.yb_c-1 {
	font-size: large;
	color: #000000;
	text-align: left;
	line-height: 1.5em;
	background-color: #E5E5E5;
	padding-left: 10px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	display: block;
	-webkit-box-shadow: 0px 0px 0px 0;
	box-shadow: 0px 0px 0px 0;
	margin-top: px;
	margin-bottom: 10px;
	font-weight: bold;
}

.yb_c-waku {
	border-radius: 10px;
	display: block;
	text-align: left;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	border: 2px solid #F15A24;
	margin-bottom: 20px;
	/* [disabled]margin-left: 6px; */
	font-size: medium;
	line-height: 1.5em;
	margin-top: 10px;
	/* [disabled]margin-right: 20px; */
}

/* スマホ
============================================================================================================ */
@media (max-width:767px) {

	.yb_title_plan,
	.yb_title_photo {
		font-size: x-large;
	}
}
