@charset "utf-8";
/*
 	Outline - 
		Basic Settings.
		Main Img Settings.
		Common Settings.
		Etc Settings.
*/


 /* ======================================

        Basic Settings.

========================================= */
#content-wrap {
	position:relative;
	clear:both;
	width:100%;
	color:#462c2c;
	overflow:hidden;
}

#content-wrap h1,
#content-wrap h2,
#content-wrap h3,
#content-wrap h4,
#content-wrap h5,
#content-wrap h6{
	float:none;
}
#content-wrap img {
	display:block;
	max-width:100%;
	margin:auto;
}
#content-wrap i {
	margin:0;
}
#content-wrap a {
	transition:all 2s ease 0s;
}
#content-wrap a:hover {
}
#content-wrap area{
	outline:none;
	border:none;
}
#content-wrap em{
	color:#e54a7d;
	font-weight:bold;
	font-style:normal!important;
}
/* etc */
#content-wrap .onlysm,
#content-wrap .smtab{
	display:none!important;
}
#content-wrap li .pctab,
#content-wrap p .pctab{
	display:inline-block!important;
}


@media (max-width: 991px) {
	#content-wrap {
		font-size:14px;
	}
	#content-wrap .smtab{
		display:block!important;
	}
}
@media (max-width: 767px) {
	body{
		min-width:320px;
	}

	/* etc */
	#content-wrap .pctab{
		display:none!important;
	}
	#content-wrap .onlysm{
		display:block!important;
	}
	#content-wrap li .pctab,
	#content-wrap p .pctab{
		display:none!important;
	}
	#content-wrap li .onlysm,
	#content-wrap p .onlysm{
		display:inline-block!important;
	}
}





 /* ======================================

        Main Img Settings.

========================================= */
#main-area{
	position:relative;
	overflow:hidden;
	background:url(/tour/campaign/mitakanomori/img/main-bg01.jpg) no-repeat center top;
	background-size:cover;
}
#main-area:before{
	position:absolute;
	bottom:5px;
	left:0;
	display:block;
	content:"";
	width:100%;
	height:6px;
	background:url(/tour/campaign/mitakanomori/img/line-dotted01.png) repeat-x;
}
#main-area:after{
	position:absolute;
	bottom:0;
	left:50%;
	margin-left:-425px;
	display:block;
	content:"";
	width:850px;
	height:52px;
	background:url(/tour/campaign/mitakanomori/img/line-circle.png) no-repeat center bottom;
	background-size:contain;
}
.main-title{
	display:table;
	margin:0 auto;
	padding:50px 0 100px;
}

@media (max-width: 1200px) {
}
@media (max-width: 991px) {
	.main-title{
		width:50%;
	}
}
@media (max-width: 767px) {
	.main-title{
		width:90%;
		max-width:380px;
		padding:30px 0 10%;
	}
	#main-area:after{
		left:0;
		margin-left:0;
		width:100%;
		height:52px;
	}
}


/* animation */
.scale{
	opacity:0;
	animation:scale 0.8s ease forwards;
}
@-webkit-keyframes scale{
	0%   { -webkit-transform:scale(0); opacity:0; }
	60%   { -webkit-transform:scale(1.2); opacity:1; }
	80%   { -webkit-transform:scale(0.85); opacity:1; }
	100%   { -webkit-transform:scale(1.0); opacity:1; }
}
@keyframes scale{
	0%   { transform:scale(0); opacity:0; }
	60%   { transform:scale(1.2); opacity:1; }
	80%   { transform:scale(0.85); opacity:1; }
	100%   { transform:scale(1.0); opacity:1; }
}

.fadein{
	opacity:0;
	animation: fadein 1.5s ease forwards;
}
@-webkit-keyframes fadein{
	100%   { opacity:1; }
}
@keyframes fadein{
	100%   { opacity:1; }
}

.swing{
	-webkit-animation: swing 6s ease 2s infinite;
	animation: swing 6s ease 2s infinite;
}
@-webkit-keyframes swing{
	30%{-webkit-transform:rotate3d(0,0,1,15deg);-webkit-transform:rotate3d(0,0,1,15deg)}
	40%{-webkit-transform:rotate3d(0,0,1,-10deg);-webkit-transform:rotate3d(0,0,1,-10deg)}
	60%{-webkit-transform:rotate3d(0,0,1,5deg);-webkit-transform:rotate3d(0,0,1,5deg)}
	80%{-webkit-transform:rotate3d(0,0,1,-5deg);-webkit-transform:rotate3d(0,0,1,-5deg)}
	100%{-webkit-transform:rotate3d(0,0,1,0deg);-webkit-transform:rotate3d(0,0,1,0deg)}
}
@keyframes swing{
	30%{transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}
	40%{transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}
	60%{transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}
	80%{transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}
	100%{transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}
}

.rotation{
  animation: rotation ease-in-out 10s;
  animation-iteration-count: infinite;
  transform-origin: 50% 50%;
  -webkit-animation: rotation ease-in-out 10s;
  -webkit-animation-iteration-count: infinite;
  -webkit-transform-origin: 50% 50%;
  -moz-animation: rotation ease-in-out 10s;
  -moz-animation-iteration-count: infinite;
  -moz-transform-origin: 50% 50%;
  -o-animation: rotation ease-in-out 10s;
  -o-animation-iteration-count: infinite;
  -o-transform-origin: 50% 50%;
  -ms-animation: rotation ease-in-out 10s;
  -ms-animation-iteration-count: infinite;
  -ms-transform-origin: 50% 50%;
}

@keyframes rotation{
  0% {
    opacity:1;
    transform:  scaleX(1.00) ;
  }
  68% {
    opacity:1;
    transform:  scaleX(1.00) ;
  }
  71% {
    opacity:0;
    transform:  scaleX(0.00) ;
  }
  74% {
    opacity:1;
    transform:  scaleX(-1.00) ;
  }
  77% {
    opacity:0;
    transform:  scaleX(0.00) ;
  }
  80% {
    opacity:1;
    transform:  scaleX(1.00) ;
  }
  100% {
    opacity:1;
    transform:  scaleX(1.00) ;
  }
}

@-moz-keyframes rotation{
  0% {
    opacity:1;
    -moz-transform:  scaleX(1.00) ;
  }
  68% {
    opacity:1;
    -moz-transform:  scaleX(1.00) ;
  }
  71% {
    opacity:0;
    -moz-transform:  scaleX(0.00) ;
  }
  74% {
    opacity:1;
    -moz-transform:  scaleX(-1.00) ;
  }
  77% {
    opacity:0;
    -moz-transform:  scaleX(0.00) ;
  }
  80% {
    opacity:1;
    -moz-transform:  scaleX(1.00) ;
  }
  100% {
    opacity:1;
    -moz-transform:  scaleX(1.00) ;
  }
}

@-webkit-keyframes rotation {
  0% {
    opacity:1;
    -webkit-transform:  scaleX(1.00) ;
  }
  68% {
    opacity:1;
    -webkit-transform:  scaleX(1.00) ;
  }
  71% {
    opacity:0;
    -webkit-transform:  scaleX(0.00) ;
  }
  74% {
    opacity:1;
    -webkit-transform:  scaleX(-1.00) ;
  }
  77% {
    opacity:0;
    -webkit-transform:  scaleX(0.00) ;
  }
  80% {
    opacity:1;
    -webkit-transform:  scaleX(1.00) ;
  }
  100% {
    opacity:1;
    -webkit-transform:  scaleX(1.00) ;
  }
}

@-o-keyframes rotation {
  0% {
    opacity:1;
    -o-transform:  scaleX(1.00) ;
  }
  68% {
    opacity:1;
    -o-transform:  scaleX(1.00) ;
  }
  71% {
    opacity:0;
    -o-transform:  scaleX(0.00) ;
  }
  74% {
    opacity:1;
    -o-transform:  scaleX(-1.00) ;
  }
  77% {
    opacity:0;
    -o-transform:  scaleX(0.00) ;
  }
  80% {
    opacity:1;
    -o-transform:  scaleX(1.00) ;
  }
  100% {
    opacity:1;
    -o-transform:  scaleX(1.00) ;
  }
}

@-ms-keyframes rotation {
  0% {
    opacity:1;
    -ms-transform:  scaleX(1.00) ;
  }
  68% {
    opacity:1;
    -ms-transform:  scaleX(1.00) ;
  }
  71% {
    opacity:0;
    -ms-transform:  scaleX(0.00) ;
  }
  74% {
    opacity:1;
    -ms-transform:  scaleX(-1.00) ;
  }
  77% {
    opacity:0;
    -ms-transform:  scaleX(0.00) ;
  }
  80% {
    opacity:1;
    -ms-transform:  scaleX(1.00) ;
  }
  100% {
    opacity:1;
    -ms-transform:  scaleX(1.00) ;
  }
}





 /* ======================================

       Common Settings.

========================================= */
.bg-white{
	position:relative;
	padding:40px 0;
	background:url(/tour/campaign/mitakanomori/img/bg-footprint.png) no-repeat center top;
	background-size:cover;
	background-attachment:fixed;
	z-index:1;
}
.bg-white:before{
	position:absolute;
	top:-50px;
	left:50%;
	margin-left:-450px;
	content:"";
	display:block;
	width:900px;
	height:200px;
	background:#fff;
	border-radius:50%;
	z-index:-1;
}
.bg-white:after{
	position:absolute;
	bottom:-50px;
	left:50%;
	margin-left:-450px;
	content:"";
	display:block;
	width:900px;
	height:200px;
	background:#fff;
	border-radius:50%;
	z-index:-1;
}



.mitakanomori-section01{
	padding:100px 0;
}
.mitakanomori-section01:after{
	content:"";
	display:block;
	clear:both;
}
.attention-p,
.attention-dd{
	line-height: 1.2!important;
	font-size:11px!important;
}
.attention-ul > li{
	position:relative;
	padding-left:1em;
	line-height: 1.2;
	font-size:12px;
}
.attention-ul > li:before{
	position:absolute;
	top:0;
	left:0;
	content:"※";
}
.attention-ul > li + li{
	margin-top:10px;
}
.icon-kome{
	display:inline-block;
	position:relative;
	padding-left:1em;
}
.icon-kome:before{
	position:absolute;
	top:0;
	left:0;
	content:"※";
}
p.icon-kome,
li.icon-kome{
	display:block;
}
.font-style01{
	font-family: 'Indie Flower', cursive;
}



/* btn */
.mitakanomori-btn01{
	position:relative;
	display:inline-block;
	margin:20px auto;
	padding:15px 40px 15px 30px;
	font-size:16px;
	color:#fff!important;
	line-height: 1.2;
	text-align:center;
	text-decoration:none!important;
	border-radius:100px;

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a757fc+0,e44a7f+100 */
	background: #a757fc; /* Old browsers */
	background: -moz-linear-gradient(left, #a757fc 0%, #e44a7f 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #a757fc 0%,#e44a7f 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #a757fc 0%,#e44a7f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a757fc', endColorstr='#e44a7f',GradientType=1 ); /* IE6-9 */
}
.mitakanomori-btn01:before{
	position:absolute;
	top:50%;
	right:20px;
	margin-top:-0.6em;
	content:"\f138";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size:0.8em;
	color:#fff;
}
.mitakanomori-btn01:hover{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e44a7f+0,a757fc+100 */
	background: #e44a7f; /* Old browsers */
	background: -moz-linear-gradient(left, #e44a7f 0%, #a757fc 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #e44a7f 0%,#a757fc 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #e44a7f 0%,#a757fc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e44a7f', endColorstr='#a757fc',GradientType=1 ); /* IE6-9 */
}

/* size */
.mitakanomori-btn01.lg{
	display:table;
	padding:20px 40px 20px 30px;
	font-size:24px;
	font-weight:bold;
	color:#e4ff54!important;
}

/* color */
.mitakanomori-btn01.color01{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e54a7d+0,f75154+100 */
	background: #e54a7d; /* Old browsers */
	background: -moz-linear-gradient(left, #e54a7d 0%, #f75154 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #e54a7d 0%,#f75154 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #e54a7d 0%,#f75154 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e54a7d', endColorstr='#f75154',GradientType=1 ); /* IE6-9 */
}
.mitakanomori-btn01.color01:hover{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f75154+0,e54a7d+100 */
	background: #f75154; /* Old browsers */
	background: -moz-linear-gradient(left, #f75154 0%, #e54a7d 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #f75154 0%,#e54a7d 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #f75154 0%,#e54a7d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f75154', endColorstr='#e54a7d',GradientType=1 ); /* IE6-9 */
}
.mitakanomori-btn01.color02{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a169db+0,8943d2+100 */
	background: #a169db; /* Old browsers */
	background: -moz-linear-gradient(left, #a169db 0%, #8943d2 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #a169db 0%,#8943d2 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #a169db 0%,#8943d2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a169db', endColorstr='#8943d2',GradientType=1 ); /* IE6-9 */
}
.mitakanomori-btn01.color02:hover{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#8943d2+0,a169db+100 */
	background: #8943d2; /* Old browsers */
	background: -moz-linear-gradient(left, #8943d2 0%, #a169db 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #8943d2 0%,#a169db 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #8943d2 0%,#a169db 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8943d2', endColorstr='#a169db',GradientType=1 ); /* IE6-9 */
}
.mitakanomori-btn01.color03{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e28ad5+0,de4ccb+100 */
	background: #e28ad5; /* Old browsers */
	background: -moz-linear-gradient(left, #e28ad5 0%, #de4ccb 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #e28ad5 0%,#de4ccb 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #e28ad5 0%,#de4ccb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e28ad5', endColorstr='#de4ccb',GradientType=1 ); /* IE6-9 */
}
.mitakanomori-btn01.color03:hover{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#de4ccb+0,e28ad5+100 */
	background: #de4ccb; /* Old browsers */
	background: -moz-linear-gradient(left, #de4ccb 0%, #e28ad5 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #de4ccb 0%,#e28ad5 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #de4ccb 0%,#e28ad5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#de4ccb', endColorstr='#e28ad5',GradientType=1 ); /* IE6-9 */
}



/* icon */
.icon-down:before{
	content:"\f13a"!important;
}
.icon-blank:before{
	content:"\f767"!important;
}



/* title */
.mitakanomori-title01{
	display:table;
	margin:0 auto 30px;
}
.mitakanomori-title01 img{
	margin-left:-20px!important;
}

/* list */
.mitakanomori-list01 > li{
	position:relative;
	padding-left:20px;
}
.mitakanomori-list01 > li:before{
	position:absolute;
	top:0.5em;
	left:0;
	content:"";
	width:8px;
	height:8px;
	background:#e54a7d;
	border-radius:50%;
}
.mitakanomori-list01 > li + li{
	margin-top:10px;
}
.mitakanomori-list02 > li{
	position:relative;
	padding-left:20px;
}
.mitakanomori-list02 > li:before{
	position:absolute;
	top:0.5em;
	left:0;
	content:"";
	width:8px;
	height:8px;
	background:#939393;
	border-radius:50%;
}
.mitakanomori-list02 > li + li{
	margin-top:10px;
}

/* btn-area */
.btn-area{
	margin:20px auto;
	text-align:center;
	letter-spacing:-0.4em;
}
.btn-area > li{
	display:inline-block;
	margin:0 5px;
	vertical-align:top;
	letter-spacing:normal;
}


@media (max-width: 1200px) {
}
@media (max-width: 991px) {
	.attention-p,
	.attention-dd{
		font-size:12px;
	}

	/* title */
	.mitakanomori-title01{
		margin-bottom:20px;
	}
}
@media (max-width: 767px) {
	.bg-white{
		padding:15px 0;
		background-image:none;
	}
	.bg-white:before{
		top:-20px;
		left:0;
		margin-left:0;
		width:100%;
		height:80px;
	}
	.bg-white:after{
		bottom:-20px;
		left:0;
		margin-left:0;
		width:100%;
		height:80px;
	}


	.mitakanomori-section01{
		padding:60px 0;
	}
	.attention-p,
	.attention-dd{
		font-size:11px;
		font-weight:normal;
	}
	.attention-ul > li{
		font-size:11px;
	}
	/* btn */
	.mitakanomori-btn01{
		display:block;
		width:90%;
		margin:10px auto;
		padding:15px 30px 15px 15px;
		font-size:14px;
	}
	.mitakanomori-btn01:before{
		right:10px;
	}
	/* size */
	.mitakanomori-btn01.lg{
		display:block;
		width:90%;
		padding:15px 30px 15px 15px;
		font-size:14px;
	}
	.mitakanomori-btn01.lg:before{
		right:10px;
	}


	/* title */
	.mitakanomori-title01{
		margin-bottom:15px;
	}
	.mitakanomori-title01 img{
		max-width:inherit!important;
		width:auto!important;
		height:42px;
	}

	/* list */
	.mitakanomori-list01 > li{
		padding-left:10px;
	}
	.mitakanomori-list01 > li:before{
		width:6px;
		height:6px;
	}
	.mitakanomori-list02 > li{
		padding-left:10px;
	}
	.mitakanomori-list02 > li:before{
		width:6px;
		height:6px;
	}
	.mitakanomori-list02 > li + li{
		margin-top:5px;
	}


	/* btn-area */
	.btn-area{
		margin:20px auto;
	}
	.btn-area > li{
		display:block;
		width:80%;
		margin:5px auto;
	}
	.btn-area .mitakanomori-btn01{
		width:100%;
	}
}




 /* ======================================

        Etc Settings.

========================================= */


/* #lead-area
------------------------------------------*/
#lead-area{
	position:relative;
}
#lead-area .mitakanomori-btn01{
	position:absolute;
	top:-100px;
	left:50%;
	width:340px;
	margin-left:-170px;
	box-shadow:0 0 10px rgba(253,255,78,0.9);
}
@media (max-width: 1200px) {
}
@media (max-width: 991px) {
}
@media (max-width: 767px) {
	#lead-area .mitakanomori-btn01{
		position:relative;
		top:0;
		left:0;
		width:90%;
		margin:0 auto 15px;
	}
}



/* #lead-area
------------------------------------------*/
#lead-info{
	margin-bottom:80px;
	padding:20px;
	text-align:center;
	background:#fff;
	border:6px solid #a4bb40;
}
#lead-info p{
	color:#657a0a;
	font-size:20px;
	line-height: 1.6;
}
.lead-price dt,
.lead-price dd{
	font-size:20px;
	line-height: 1.4;
	font-weight:bold;
	color:#e54a7d;
}
.lead-price dd em{
	display:inline-block;
	margin:0 10px;
	padding:4px 10px 2px;
	font-size:16px;
	color:#fff!important;
	line-height: 1.0;
	vertical-align:2px;
	background:#e54a7d;
}
.price-text{
	color:#e54a7d;
	font-size:20px;
	font-weight:bold;
	letter-spacing:0.05em;
}
.price-text .min,
.price-text .max,
.price-text .direct{
	display:inline-block;
	margin:0 5px;
	font-size:30px;
}
.lead-price + p{
	position:relative;
	margin-top:10px;
	padding-top:25px;
}
.lead-price + p:before{
	position:absolute;
	top:0;
	left:10%;
	content:"";
	display:block;
	width:80%;
	height:8px;
	background:url(/tour/campaign/mitakanomori/img/line-dotted02.png) repeat-x center center;
	background-size:contain;
}

@media (max-width: 1200px) {
}
@media (max-width: 991px) {
	#lead-info{
		margin-bottom:40px;
		padding:20px 10px;
	}
	#lead-info p{
		font-size:16px;
	}
	.lead-price dt,
	.lead-price dd{
		font-size:16px;
	}
	.price-text{
		font-size:16px;
	}
}
@media (max-width: 767px) {
	#lead-info{
		margin-bottom:30px;
		padding:15px;
		text-align:left;
		border-width:4px;
	}
	#lead-info p{
		font-size:12px;
	}
	.lead-price dt,
	.lead-price dd{
		font-size:12px;
		text-align:center;
	}
	.lead-price dd em{
		margin:0 5px;
		padding:4px 5px 2px;
		font-size:11px;
	}
	.price-text{
		font-size:12px;
	}
	.price-text .min,
	.price-text .max,
	.price-text .direct{
		font-size:18px;
	}
	.lead-price + p{
		margin-top:10px;
		padding-top:15px;
	}
	.lead-price + p:before{
		left:0;
		width:100%;
		height:4px;
	}

}

/* #lead-area campaign 一時的 */
.campaign-info{
	background: #f0ffee; padding: 15px 15px;margin-top: 15px;
}
.campaign-info dt{
	color:#128902;
}
.campaign-info dd{
	font-size: 16px;
}
.campaign-info strong{
	color:#128902;
	font-size: 110%;
}
.campaign-info dd ul{
	margin-top: 15px;
}
.campaign-info.under{
	text-align: center;
}
.under .line-btn{
	margin-top: 0px;
}
@media (max-width: 767px) {
.campaign-info{
	text-align: center;
}
.campaign-info dt{
	text-align: center;
}
.campaign-info{
	padding: 8px 8px;
	margin-top: 5px;
}
.campaign-info dd{
	font-size: 12px;
}
.campaign-info.under strong{
	font-size: 12px;
	font-weight: normal;
}
.under .line-btn{
	margin-top: 5px;
}
}
.line-btn{
background: #19bc03;
background: -moz-linear-gradient(left, #19bc03 0%, #3cd128 100%);
background: -webkit-linear-gradient(left, #19bc03 0%,#3cd128 100%);
background: linear-gradient(to right, #19bc03 0%,#3cd128 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#19bc03', endColorstr='#3cd128',GradientType=1 );
color:#fff;
padding: 10px 25px;
display: inline-block;
border-radius: 50px;
margin-top: 15px;
margin-left: auto;
margin-right: auto;
text-align: center;
}
.line-btn:hover{
background: #3cd128;
background: -moz-linear-gradient(left, #3cd128 0%, #19bc03 100%);
background: -webkit-linear-gradient(left, #3cd128 0%,#19bc03 100%);
background: linear-gradient(to right, #3cd128 0%,#19bc03 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3cd128', endColorstr='#19bc03',GradientType=1 );
color:#fff;
	text-decoration: none;
}



/* #point-area
------------------------------------------*/
#point-area{
}
.point-list{
	width: 100%;
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
}
.point-list > li{
	display: flex;
	width:100%;
	align-items: center;
	position: relative;
	padding:20px 20px 30px;
	background:#fff5db;
	box-shadow:0 0 20px rgba(248,222,156,0.8) inset;
}
.point-list > li + li{
	margin-top: 20px;
}
.point-list > li dl{
	width: 85%;
	padding-left: 20px;
}
.point-img{
	width: 15%;
}
/*.point-img img{
	zoom:0.6;
}*/
.point-list dt{
	position:relative;
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:2px dashed #b3f2f5;
	z-index:2;
	color: #054f05;
	font-size: 24px;
	font-weight: normal;
}
.point-title{
	margin:0!important;
}
.point-list dd{
	font-size:16px;
	line-height: 1.8;
}


@media (max-width: 1200px) {
}
@media (max-width: 991px) {
	#point-area{
	}
	.point-img{
		width:80px;
		top:4px;
		right:4px;
	}
	.point-list dt{
		margin-bottom:10px;
		padding-bottom:10px;
		font-size: 20px;
	}
	.point-list dd{
		font-size:14px;
	}
}
@media (max-width: 767px) {
	.point-list > li{
		float:none!important;
		width:100%;
		margin-bottom:2px;
		padding:15px 15px 20px;
	}
	.point-img{
		position: absolute;
		width:50px;
		top:20px;
		left:15px;
	}
	/*.point-list > li:first-child .point-img{
		top:25px;
	}*/
	.point-list > li dl{
			width: 100%;
			padding-left: 0;
		}
	.point-list dt{
		padding-left: 70px;
	}
	.point-title{
		max-width:inherit!important;
		height:80px;
	}
	.point-list dd{
		font-size:12px;
	}
}





/* #map-area
------------------------------------------*/
#map-area{
	background:url(/tour/campaign/mitakanomori/img/bg-forest.jpg) no-repeat center top;
	background-size:cover;
	background-attachment:fixed;
}


@media (max-width: 1200px) {
}
@media (max-width: 991px) {
}
@media (max-width: 767px) {
}



/* #calendar-area
------------------------------------------*/
#calendar-area{
	position:relative;
	display:table;
	margin:0 auto 60px;
	padding:20px 20px 30px;
	background:#fff5db;
	box-shadow:0 0 20px rgba(248,222,156,0.8) inset;
}
.calendar-title{
	position:absolute;
	top:10px;
	left:-1px;
	padding:5px 10px;
	font-size:12px;
	color:#fff;
	letter-spacing:0.05em;
	background:#a4bb40;
}
.calendar-wrap{
	display:table;
}
.calendar-wrap > li{
	display:table-cell;
	max-width:340px;
	padding:0 20px;
	table-layout:fixed;
}
.calendar-month{
	font-size:44px;
	font-weight:normal;
	font-family: 'Indie Flower', cursive;
	color:#657a0a;
	text-align:center;
	line-height: 1.0;
}
.calendar-month > span{
	display:inline-block;
	margin-left:5px;
	font-size:16px;
	font-family:'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro';
}
.calendar-day{
	position:relative;
	font-size:20px;
	font-family: 'Indie Flower', cursive;
	text-align:center;
}
/* coming soon */
.calendar-table{
	margin:0 auto 5px;
	width:100%;
	background:#fff;
	table-layout:fixed;
}
.calendar-table th,
.calendar-table td{
	padding:5px 5px 2px;
	font-weight:bold;
	line-height: 1.0;
	text-align:center;
	color:#657a0a;
	border-left:1px solid #b6c76a;
	border-top:1px solid #b6c76a;
}
.calendar-table th{
	border-top:none;
	background:#d0e186;
}
/* 曜日などの設定 */
.calendar-table th:nth-child(1),
.calendar-table td:nth-child(1){
	color:#ca5b5b;
	border-left:none;
}
.calendar-table th:nth-child(7),
.calendar-table td:nth-child(7){
	color:#a14ecc;
}
.calendar-table .yes{
	background:url(/tour/campaign/mitakanomori/img/icon-footprint.png) no-repeat center center;
	background-size:contain;
}
.calendar-table .yes.ver2{
	background:url(/tour/campaign/mitakanomori/img/icon-footprint-2.png) no-repeat center center;
}


/* coming soon */
.calendar-day .coming-soon-box{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	content:"";
	color:#fff;
	background:rgba(0,0,0,0.8);
	display:none; /* .coming-soonが付くまでは非表示 */
}
.calendar-day .coming-soon-box span{
	position:absolute;
	top:50%;
	margin-top:-0.5em;
	display:block;
	width:100%;
	font-size:40px;
	text-align:center;
	transform:rotate(-15deg);
}
.coming-soon .coming-soon-box{
	display:block!important;
}


@media (max-width: 1200px) {
}
@media (max-width: 991px) {
}
@media (max-width: 767px) {
	#calendar-area{
		display:block;
		margin:0 auto 30px;
		padding:30px 15px 15px;
	}
	.calendar-title{
		top:5px;
		font-size:11px;
	}
	.calendar-wrap{
		display:block;
	}
	.calendar-wrap > li{
		display:table;
		margin:0 auto;
		padding:0;
	}
	.calendar-wrap > li + li{
		margin-top:15px;
	}
	.calendar-month{
		font-size:30px;
	}
	.calendar-month > span{
		font-size:12px;
	}
	.calendar-day{
		font-size:16px;
	}

}






/* plan style
------------------------------------------*/

/* common */
.plan-box{
	display:table;
	width:100%;
}
.plan-box >dt,
.plan-box >dd{
	display:table-cell;
	vertical-align:middle;
	line-height: 1.4;
}
.plan-box >dd{
	padding-left:10px;
	text-align:right;
}
.plan-box >dt{
	font-size:22px;
	font-weight:normal;
}
.plan-box >dt i{
	margin-right:5px!important;
	color:#e54a7d;
}
.plan-box >dt span{
	display:inline-block;
}
.plan-box .price-text{
	font-size:16px;
	font-weight:bold;
	white-space:nowrap;
}
.plan-box a{
	margin:0;
}

/* onlyone */
.plan-box.onlyone{
	padding:20px;
	background:#fff;
	border:4px solid #d0e186;
	box-shadow:0 0 15px rgba(208,255,0,0.8);
}
.plan-box.onlyone >dt{
	width:50%;
}
.plan-box-btn{
	width:220px;
}
.plan-box-btn a{
	width:100%;
}

/* plan-set-head */
.plan-set-head{
	position:relative;
	margin:100px auto 20px;
	padding:20px 20px 30px;
	background:#fff5db url(/tour/campaign/mitakanomori/img/img-tree.png) no-repeat bottom right;
	box-shadow:0 0 20px rgba(248,222,156,0.8) inset;
}
.plan-set-head .plan-set-title{
	margin-top:-70px;
}
.plan-set-head:before{
	position:absolute;
	bottom:-15px;
	left:50%;
	margin-left:-7px;
	content:"";
	width:0;
	height:0;
	border-style: solid;
	border-color:#fbe8b7 transparent transparent transparent;
	border-width:15px 15px 0px 15px;
}

/* area btn */
.area-list > li{
	background:#fff;
}
.area-btn{
	position:relative;
	display:table;
	width:100%;
	padding:20px 60px 20px 20px;
	font-size:28px;
	color:#fff;
	background:#7d8c3b;
	border-top:1px solid #94a44e;
	border-bottom:1px solid #7d8c3b;
	cursor:pointer;
	transition:all 1s ease 0;
}
/*.area-btn:before{
	position:absolute;
	left:20px;
	top:50%;
	margin-top:-0.6em;
	content:"\f041";
	font-family:"fontAwesome";
}*/
.area-btn:after{
	position:absolute;
	right:20px;
	top:50%;
	margin-top:-0.6em;
	content:"\f0fe";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
}

.area-btn > span{
	display:table-cell;
	vertical-align:middle;
}
.area-btn .price-text{
	color:#efff6b;
	text-align:right;
}
/* UI & color */
.area-btn:hover{
	background:#a0b41a;
}
.area-btn[aria-expanded="true"]{
	background:#a0b41a;
}
.area-btn[aria-expanded="true"]:after{
	content:"\f146";
}
.area-btn.color01{
	background:#37b6bb;
	border-top:1px solid #65d0d4;
	border-bottom:1px solid #189fa4;	
}
.area-btn.color01:hover,
.area-btn.color01[aria-expanded="true"]{
	background:#20d8df;
}

/* plan-list */
.plan-list{
	padding:40px 40px 60px;
	background:#fff5db;
	box-shadow:0 0 20px rgba(248,222,156,0.8) inset;
}
.plan-list > li{
	padding:20px;
	background:#fff;
	border:4px solid #d0e186;
}
.plan-list > li + li{
	border-top:none;
}
.plan-list-btn{
	margin-top:20px;
	padding-top:20px;
	text-align:center;
	letter-spacing:-0.4em;
	border-top:1px dashed #ccc;
}
.plan-list-btn > li{
	display:inline-block;
	margin:0 10px;
	letter-spacing:normal;
}
.plan-list-btn .mitakanomori-btn01{
	margin:0;
	min-width:240px;
}


@media (max-width: 1200px) {
	/* common */
	.plan-box >dt{
		font-size:16px;
	}
	.plan-box .price-text{
		font-size:14px;
	}
	.plan-box .price-text .min,
	.plan-box .price-text .max,
	.plan-box .price-text .direct{
		font-size:28px;
	}

	/* plan-list */
	.plan-list > li{
		padding:10px 15px 15px;
	}
	.plan-list-btn{
		margin-top:10px;
		padding-top:10px;
	}
}
@media (max-width: 991px) {
	/* common */
	.plan-box >dt{
		font-size:16px;
	}
	.plan-box .price-text{
		font-size:14px;
	}
	.plan-box .price-text .min,
	.plan-box .price-text .max,
	.plan-box .price-text .direct{
		font-size:26px;
	}
	/* area btn */
	.area-btn{
		font-size:22px;
	}
	.area-btn .price-text .min,
	.area-btn .price-text .max,
	.area-btn .price-text .direct{
		font-size:28px;
	}
	/* plan-list */
	.plan-list-btn{
		margin-top:15px;
	}
}
@media (max-width: 767px) {
	/* common */
	.plan-box{
		display:block;
	}
	.plan-box >dt,
	.plan-box >dd{
		display:block;
	}
	.plan-box >dt{
		margin-bottom:5px;
		font-size:14px;
	}
	.plan-box >dd{
		padding-left:0;
	}
	.plan-box .price-text{
		font-size:11px;
		white-space:inherit;
	}
	.plan-box .price-text .min,
	.plan-box .price-text .max,
	.plan-box .price-text .direct{
		font-size:16px;
	}

	/* onlyone */
	.plan-box.onlyone{
		padding:10px;
		border-width:2px;
	}
	.plan-box.onlyone >dt{
		width:100%;
	}
	.plan-box-btn{
		margin:5px auto 0;
	}

	/* plan-set-head */
	.plan-set-head{
		margin:30px auto 15px;
		padding:10px 5px;
		background-image:none;
	}
	.plan-set-head .plan-set-title{
		margin-top:0;
	}

	/* area btn */
	.area-btn{
		position:relative;
		display:table;
		padding:15px 35px 15px 10px;
		font-size:12px;
	}
	.area-btn:before{
		left:10px;
	}
	.area-btn:after{
		right:10px;
	}
	.area-btn .price-text{
		font-size:11px;
		letter-spacing:normal;
	}
	.area-btn .price-text .min,
	.area-btn .price-text .max,
	.area-btn .price-text .direct{
		font-size:14px;
	}

	/* plan-list */
	.plan-list{
		padding:15px 15px 30px;
	}
	.plan-list > li{
		padding:10px;
		border-width:2px;
	}
	.plan-list-btn{
		margin-top:10px;
		padding-top:10px;
	}
	.plan-list-btn > li{
		margin:2px;
	}
	.plan-list-btn .mitakanomori-btn01{
		min-width:220px;
	}
}



/* #notice-area
------------------------------------------*/
#notice-area{
	background:#e7f9c7;
}
.notice-wrap{
	padding:40px;
	font-size:16px;
	line-height: 1.6;
	background:#fff;
	box-shadow:0 0 20px rgba(0,0,0,0.15);
}
ul + .access-box{
	margin-top:40px;
	padding-top:40px;
	border-top:1px dashed #ccc;
}
.access-box dt{
	position:relative;
	margin-bottom:15px;
	padding-left:1.2em;
	font-size:18px;
	font-weight:bold;
	line-height: 1.4;
}
.access-box dt:before{
	position:absolute;
	top:0;
	left:0;
	content:"\f041";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	color:#e54a7d;
	
}
.access-box dd{
	font-size:14px;
	line-height: 1.6;
}

@media (max-width: 1200px) {
}
@media (max-width: 991px) {
	.notice-wrap{
		padding:30px;
		font-size:14px;
	}
	ul + .access-box{
		margin-top:30px;
		padding-top:30px;
	}
	.access-box dt{
		font-size:16px;
	}
}
@media (max-width: 767px) {
	.notice-wrap{
		padding:15px;
		font-size:12px;
	}
	ul + .access-box{
		margin-top:15px;
		padding-top:15px;
	}
	.access-box dt{
		margin-bottom:10px;
		font-size:14px;
	}
	.access-box dd{
		font-size:12px;
	}
}



/* #choose-area
------------------------------------------*/


@media (max-width: 1200px) {
}
@media (max-width: 991px) {
}
@media (max-width: 767px) {
}












/* #modal
------------------------------------------*/

#reserve-box .plan-list-btn{
	margin-top:0px;
	padding-top:0px;
	border-top:none
}
@media (max-width: 767px) {
#reserve-box .plan-list-btn .mitakanomori-btn01{
	width: 100%;
}


}




.acc-box{
	margin:15px auto;
}
.acc-box .card-header{
    padding:10px;
    background: #feebf2;
    border-bottom:none;
}
.acc-box .card-header h3{
    font-size: 14px;
    font-weight: bold;
    margin:0;
}
.acc-box .card-header h3 button{
    background: none;
    text-align: left;
    color: #dc3545;
    padding:0 0 0 60px;
    position: relative;
    line-height: 1.4;
    display: block;
    width: 100%;
    font-weight: bold;
}
.acc-box .card-header:first-child{
    border-radius: 0;
}
.acc-box .card{
    border-radius: 0;
    border: 2px solid #d9534f;
}
.acc-box .card-body{
    padding:10px 25px;
    background: #feebf2;
    font-size: 14px;
    margin-bottom: 0;
}

.acc-box .card-header button:after {
    margin-left: 10px;
    content: "\f077";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #d9534f;
}
.acc-box .card-header button.collapsed:after {
    content: "\f078";
}
.acc-box .label{
	margin-right: 10px;
	position: absolute;
	top: 1px;
	left: 0;
	padding: 3px 4px 2px;
	font-weight: normal;
}
@media (max-width: 767px) {
.acc-box .card-header button:after {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-left: 0;
    right: 0px;
}
.acc-box .card-header h3 button{
    padding:0 10px 0 60px;
}
}


/*おすすめプラン*/
#recommend-area{
	background: #FFF5DB; 
	padding: 70px 0 60px;
	box-shadow: 0 0 20px rgba(248, 222, 156, 0.8) inset;
}

#recommend-area .recommend-title{
	text-align: center;
    width: 300px;
	font-size: 32px;
    padding: 0 0 10px;
    margin: 0 auto 30px;
    color: #054f05;
    border-bottom: 4px dotted #d0e186;
}

/*カードデザイン*/
#recommend-area .card-plan-title{
	color: #333;
}
#recommend-area a.card-block{
  background: #FFF;
  padding: 12px 12px;
  border-radius: 4px;
  box-shadow: 0px 0px 3px 1px rgb(0 0 0 / 10%);
  display: block;
  margin-bottom: 20px;
  overflow: hidden;
  cursor: pointer;
}
#recommend-area a.card-block:hover{
  opacity: .8;
  text-decoration: none;
}

#recommend-area .card-block dl{ line-height: 1.6;}
#recommend-area .card-block dl dt{ margin-top: 15px;line-height: 1.6;}
#recommend-area .card-block dl dd{ margin-top: 10px;line-height: 1.6;}

/*カテゴリーのタグ*/
#recommend-area ul.card-plan-icon li{
  display: inline-block;
  font-size: 10px;
  background: #F2F2F2;
  padding: 3px 2px;
  border-radius: 4px;
  color: #333;
}

/*詳細はこちらボタン*/
#recommend-area .btn_area {
  position: relative;
  background: #F53C7F;
  padding: 10px 5px;
  border-radius: 4px;
  color: #FFF;
  font-size: 14px;
  text-align: center;
  margin: 15px auto 0;
}
#recommend-area .btn_area::after {
  position: absolute;
  content: "\f105";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  transform: translate(0, -50%);
  top: 50%;
  right: 5px;
}
#recommend-area a.card-block:hover .btn_area{
  background: #fdd7e5;
  color: #f53d7e;
}

/*料金*/
#recommend-area .card-plan-price { 
	text-align: left;
	color: #333;
}
#recommend-area .card-plan-price span { 
	margin-left: 0;
}

/*「￥」*/
#recommend-area .card-plan-price span:before{ 
	font-size:12px;
}
/*「～」*/
#recommend-area .card-plan-price span:after{ 
	font-size:12px;
	display: none;/*非表示*/
}


@media (max-width: 767px) {
	#recommend-area{
		padding: 50px 0 50px;
	}
	
	#recommend-area .recommend-title{
		font-size: 24px;
	}
}