@charset "utf-8";

.once.popups > *{
	animation:popup 1.2s forwards;
	-webkit-animation:popup 1.2s forwards;
}
.once.popups > *:nth-child(2){ -webkit-animation-delay: 0.2s; animation-delay: 0.2s;}
.once.popups > *:nth-child(3){ -webkit-animation-delay: 0.4s; animation-delay: 0.4s;}
.once.popups > *:nth-child(4){ -webkit-animation-delay: 0.6s; animation-delay: 0.6s;}
.once.popups > *:nth-child(5){ -webkit-animation-delay: 0.8s; animation-delay: 0.8s;}
.once.popups > *:nth-child(6){ -webkit-animation-delay: 1.0s; animation-delay: 1.0s;}
.once.popups > *:nth-child(7){ -webkit-animation-delay: 1.2s; animation-delay: 1.2s;}
.once.popups > *:nth-child(8){ -webkit-animation-delay: 1.4s; animation-delay: 1.4s;}
.once.popups > *:nth-child(9){ -webkit-animation-delay: 1.6s; animation-delay: 1.6s;}
.once.popups > *:nth-child(10){ -webkit-animation-delay: 1.8s; animation-delay: 1.8s;}

.once.delay_set > *:nth-child(2),
.once.delay_1{ -webkit-animation-delay: 0.2s; animation-delay: 0.2s;}
.once.delay_set > *:nth-child(3),
.once.delay_2{ -webkit-animation-delay: 0.4s; animation-delay: 0.4s;}
.once.delay_set > *:nth-child(4),
.once.delay_3{ -webkit-animation-delay: 0.6s; animation-delay: 0.6s;}
.once.delay_set > *:nth-child(5),
.once.delay_4{ -webkit-animation-delay: 0.8s; animation-delay: 0.8s;}
.once.delay_set > *:nth-child(6),
.once.delay_5{ -webkit-animation-delay: 1.0s; animation-delay: 1.0s;}
.once.delay_set > *:nth-child(7),
.once.delay_6{ -webkit-animation-delay: 1.2s; animation-delay: 1.2s;}
.once.delay_set > *:nth-child(8),
.once.delay_7{ -webkit-animation-delay: 1.4s; animation-delay: 1.4s;}
.once.delay_set > *:nth-child(9),
.once.delay_8{ -webkit-animation-delay: 1.6s; animation-delay: 1.6s;}

/* page_name */
#moomin_table_content{
	position:relative;
	z-index:1;
	width:100%;
}
#moomin_table_content .sitewrap{
	max-width:960px;
	margin:0 auto;
}
#moomin_table_content .overwrap{
	width:auto;
	margin-left:5%;
	margin-right:5%;
}
#moomin_table_content .fix:after{
	content:"";
	display:block;
	visibility:hidden;
	clear:both;
}
#moomin_table_content .min{
	font-family: dnp-shuei-mincho-pr6n,'Noto Serif JP',"Yu Mincho", YuMincho, serif;
}
#moomin_table_content .goti{
	font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
}
#moomin_table_content .ttl_01 {
	text-align:center;
	letter-spacing:0.2em;
	margin-bottom:2em;
	font-size:2.2rem;
}
#moomin_table_content .text{
	font-size:1.4rem;
	line-height:2.2;
}
#moomin_table_content .img_box{
	line-height:1;
}
#moomin_table_content img{
	max-width:100%;
	height:auto;
}
#moomin_table_content small{
	color:#000;
}
#moomin_table_content i{
	font-style:normal;
}

#moomin_table_content .btn_style.w_btn a{
	max-width:270px;
	padding: 12px 10px;
	background:none;
	font-weight: 500;
}

/* */

#moomin_table_content .kv{
	position:relative;
	z-index:5;
}
#moomin_table_content .kv .kv_img {
	display:block;
	height:40vw;
	overflow:hidden;
	position: relative;
}
#moomin_table_content .kv .kv_img img{
	width:100%;
	height:auto;
	transition:transform 12s;
}
#moomin_table_content .kv .copy{
	position:absolute;
	color:#6E351C;
	font-weight:800;
	font-size:1.4rem;
	right:15px;
	bottom:15px;
	z-index:10;
}
#moomin_table_content .kv h1{
	text-align:center;
	padding-top:30px;
}
#moomin_table_content .kv p{
	text-align:center;
	color:#6E351C;
	font-weight:600;
	line-height:1.8;
	margin:20px 0 35px;
	letter-spacing:0.1em;
}

#moomin_table_content .section{
}
#moomin_table_content .section .sitewrap{
	position:relative;
	z-index:5;
	padding-top:50px;
	padding-bottom:50px;
}
#moomin_table_content .section .sitewrap:before{
	content:"";
	display:block;
	max-width:855px;
	position:absolute;
	top:0;
	left:0;
	right:0;
	height:2px;
	margin:auto;
    background:url(../../moomin_table/bg_dot.png) repeat-x top center;	
}
#moomin_table_content .lead .text{
	text-align:center;
}
#moomin_table_content .lead .navis{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	text-align:center;
	max-width:545px;
	margin:0 auto;
}
#moomin_table_content .lead .navis a{
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:stretch;
	text-align:center;
}
#moomin_table_content .lead .navis a img{
	margin:0 auto;
}
#moomin_table_content .lead .navis span{
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	color:#6E351C;
	font-size:1.2rem;
	margin-top:1em;
	padding-top:1em;
	position:relative;
	letter-spacing:0.1em;
}
#moomin_table_content .lead .navis span:before{
	content:"";
	display:block;
	width:0;
	height:1px;
	background:#6E351C;
	position:absolute;
	top:0;
	left:0;
	right:0;
	margin:auto;
	transition:width .2s;
}
#moomin_table_content .lead .navis a:hover,
#moomin_table_content .lead .navis a:hover img{
	opacity:1;
}
#moomin_table_content .lead .navis a:hover span:before{
	width:100%
}
#moomin_table_content .whats .overwrap,
#moomin_table_content .series .overwrap{
	position:relative;
	z-index:5;
}
#moomin_table_content .whats .overwrap:after,
#moomin_table_content .series .overwrap:after{
	content:"";
	position:absolute;
	display:block;
	top:80px;
	bottom:80px;
	left:50%;
	right:0;
	background:#FBEED9;
	z-index:-1;
}
#moomin_table_content .whats .sitewrap{
	padding:80px 0;
	display:flex;
	align-items:center;
	flex-direction:row-reverse;
	justify-content:space-between;
}
#moomin_table_content .whats .left_area{
	width:325px;
}
#moomin_table_content .whats .right_area{
	width:630px;
	background:#FBEED9;
	padding:40px 45px 40px 70px;
}
#moomin_table_content .whats h2 span,
#moomin_table_content .series h2 span{
	display:block;
	font-size:1.2rem;
	margin: 1em 0 2.5em;
	color:#6E351C;
	letter-spacing: 0.1em;
}
#moomin_table_content .whats .texts p,
#moomin_table_content .series .texts li{
	font-size:1.4rem;
	line-height:2.2;
}
#moomin_table_content .series .overwrap:after{
	right:50%;
	left:0;
	top:0;
	bottom:265px;
	background:#F6F0EB;
}
#moomin_table_content .series .sitewrap{
	padding:0 0 265px;
	display:flex;
	align-items:flex-start;
	flex-direction:row-reverse;
	justify-content:space-between;
}
#moomin_table_content .series .sitewrap:before{
	display:none;
}
#moomin_table_content .series .left_area{
	width:550px;
	background:#F6F0EB;
	padding:40px 70px 40px 45px;
}
#moomin_table_content .series h3{
	font-size:2.5rem;
	line-height:1.8;
	margin-bottom:1em;
}
#moomin_table_content .series li{
	text-indent:-1em;
	margin-left:1em;
}
#moomin_table_content .series .left_area .img_box{
	position:absolute;
	bottom:50px;
	left:350px;
}
#moomin_table_content .series .right_area{
	position:relative;
	z-index:10;
}
#moomin_table_content .lineup .overwrap{
	background:#E1E5D7;
}
#moomin_table_content .lineup .overwrap h2{
	padding-top:20px;
	padding-bottom:20px;
	text-align:center;
	font-size:1.2rem;
	margin:0;
	color:#6E351C;
	letter-spacing:0;
}
#moomin_table_content .lineup .overwrap h2 img{
	margin:0 auto;
}
#moomin_table_content .lineup_nav .sitewrap{
	text-align:center;
}
#moomin_table_content .lineup_nav .sitewrap:before{
	display:none;
}
#moomin_table_content .lineup_nav h3{
	text-align:center;
	font-size:2.5rem;
	letter-spacing: 0.2em;
}
#moomin_table_content .lineup_nav .flag{
	display:flex;
	align-items:center;
	justify-content:space-between;
	align-items:center;
	padding-top:20px;
	border-top:solid 1px #231815;
	max-width:575px;
	margin:20px auto 30px;
}
#moomin_table_content .lineup_nav .lineup_link{
	display:flex;
	align-items:center;
	justify-content:space-between;
	align-items:center;
	margin-top:40px;
}
#moomin_table_content .lineup_nav .lineup_link li{
	max-width:148px;
}
#moomin_table_content .lineup_item .box{
	display:flex;
	flex-direction:column;
	width:400px;
	min-height:505px;
	text-align:center;
}
#moomin_table_content .lineup_item .package {
	position:relative;
	z-index:5;
	order:-1;
}
#moomin_table_content .lineup_item .circle{
	position:absolute;
	top:0;
	left:50px;
	z-index:5;
	background:#EDD0C3;
	width:106px;
	height:106px;
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:50%;
	padding:10px;
}
#moomin_table_content .lineup_item.lineup02 .circle{
	background:#CBD2AF
}
#moomin_table_content .lineup_item .circle img{
	display:block;
	transform:translate(0px,0px);
}
#moomin_table_content .lineup_item .detail h3 span{
	font-size:1.9rem;
	display:inline-block;
	vertical-align:middle;
}
#moomin_table_content .lineup_item .detail h3 img{
	display:inline-block;
	vertical-align:middle;
	margin-left:10px;
}
#moomin_table_content .lineup_item .detail .goti{
	margin:1em 0;
	font-size:1.2rem;
	letter-spacing: 0.1em;
}
#moomin_table_content .lineup_item .detail .pht{
	position:absolute;
	right:0;
	top:50px;
}
#moomin_table_content .lineup_item .box .texts{
	margin:1em auto 2em;
	max-width:245px;
}
#moomin_table_content .lineup_item .box .texts p{
	text-align:left;	
	font-size:1.4rem;
}
#moomin_table_content .lineup_item .box.reverse{
	margin-right:0;
	margin-left:auto;
}
#moomin_table_content .lineup_item .box.reverse .pht{
	right:auto;
	left:0;
}
#moomin_table_content .end_copy{
	margin:100px 0 70px;
}
#moomin_table_content .end_copy small{
	color:#6E351C;
	font-weight:800;
	font-size:1.4rem;	
}

@media screen and (max-width: 980px){
	#moomin_table_content .sitewrap,
	#moomin_table_content .overwrap{
		max-width:100%;
		margin:0;
		padding-left:20px;
		padding-right:20px;
	}
	#moomin_table_content .whats .right_area{
		padding-left:20px;
		padding-right:0;
		margin-left:10px;
	}
	#moomin_table_content .series .left_area{
		padding-left:0;
		padding-right:0;
		width:60%;
	}
	#moomin_table_content .lineup_item .box{
		width:50%;
	}
	#moomin_table_content .lineup_item .pht{
		width:50%;
	}
}
@media screen and (max-width: 767px){
	#moomin_table_content .sitewrap,
	#moomin_table_content .overwrap{
		padding-left:15px;
		padding-right:15px;
	}
	#moomin_table_content .kv .kv_img{
		height:auto;
	}
	#moomin_table_content .kv p{
		font-size:13.5px;
	}
	#moomin_table_content .lead .navis{
		max-width:100%;
	}
	#moomin_table_content .lead .navis li{
		position:relative;
		flex-grow:1;
		flex-basis:30%;
	}
	#moomin_table_content .lead .navis li a{
		width:auto;
		display:inline-block;
		padding:0 5px;
	}
	#moomin_table_content .lead .navis li + li:before{
		content:"";
		display:block;
		position:absolute;
		width:1px;
		top:0;
		bottom:10px;
		margin:auto;
		left:0;
		background:#4A2317;
	}
	#moomin_table_content .lead .navis span{
		font-size:1.1rem;
		line-height:1.66;
		min-height:4em;
		padding-top: 0.5em;
	}
	#moomin_table_content .lead .navis img{
		height:22px;
		width:auto;
	}
	#moomin_table_content .whats .overwrap,
	#moomin_table_content .series .overwrap{
		padding:0;
	}
	#moomin_table_content .whats .overwrap:after,
	#moomin_table_content .series .overwrap:after,
	#moomin_table_content .whats .sitewrap:before{
		display:none;
	}
	#moomin_table_content .whats .sitewrap{
		padding:0;
		display:block;
	}
	
	#moomin_table_content .whats .left_area{
		width:100%;
		max-width:319px;
		margin:0 auto;
	}
	#moomin_table_content .whats .right_area{
		width:100%;
		padding:45px 15px 30px;
		margin:0 0 45px;
	}
	#moomin_table_content .whats h2 img{
		max-width:263px;
		margin:auto;
	}
	#moomin_table_content .whats h2 span,
	#moomin_table_content .series h2 span{
		text-align:center;
		font-size:1.3rem;
		margin:2em auto 3em;
	}
	#moomin_table_content .whats .texts p,
	#moomin_table_content .series .texts li{
		font-size:1.3.5rem;
		line-height:2.2;
	}
	#moomin_table_content .series{
		margin:80px 0;
	}
	#moomin_table_content .series .overwrap:after{
		right:0;
		bottom:265px;
	}
	#moomin_table_content .series .sitewrap{
		padding: 0;
		display:block;
	}
	#moomin_table_content .series .sitewrap:before{
		display:none;
	}
	#moomin_table_content .series .left_area{
		width:100%;
		padding:30px 0 0;
	}
	#moomin_table_content .series h2 img{
		margin:auto;
		max-width:86px;
	}
	#moomin_table_content .series h2 span{
		margin:0.5em 0 2em;
	}
	#moomin_table_content .series h3{
		font-size:1.8rem;
		text-align:center;
	}
	#moomin_table_content .series ul{
		padding:0 15px 45px;
	}
	#moomin_table_content .series .left_area .img_box{
		position:static;
	}
	#moomin_table_content .series .right_area{
		position:relative;
		z-index:10;
	}
	#moomin_table_content .lineup .overwrap{
		background:#E1E5D7;
	}
	#moomin_table_content .lineup .overwrap h2{
		padding-top: 20px;
		padding-bottom:20px;
		text-align:center;
		font-size:1.3rem;
		margin:0;
	}
	#moomin_table_content .lineup .overwrap h2 img{
		max-width:139px;
	}
	#moomin_table_content .lineup_nav h3{
		text-align:center;
		font-size: 1.9rem;
	}
	#moomin_table_content .lineup_nav .flag{
		padding-top:20px;
		max-width:100%;
		margin:15px auto 40px;
	}
	#moomin_table_content .lineup_nav .flag li{
		width:30%;
	}
	#moomin_table_content .lineup_nav .lineup_link{
		margin-top:15px;
		flex-wrap:wrap;
	}
	#moomin_table_content .lineup_nav .lineup_link li{
		width:30%;
	}
	#moomin_table_content .lineup_item .sitewrap{
		padding-left:0;
		padding-right:0;
	}
	#moomin_table_content .lineup_item .box{
		flex-direction:column;
		width:100%;
		min-height:0;
	}
	#moomin_table_content .lineup_item .package{
		order:0;
	}
	#moomin_table_content .lineup_item .detail h3 span{
		font-size:2.3rem;
	}
	#moomin_table_content .lineup_item .detail h3 img{
		margin-left:10px;
	}
	#moomin_table_content .lineup_item .detail .goti{
		margin:1em 0;
		font-size:1.4rem;
	}
	#moomin_table_content .lineup_item .detail .pht{
		position:static;
		width:100%;
	}
	#moomin_table_content .lineup_item .box .texts{
		margin:1em auto 2em;
		max-width:100%;
		padding-left:15px;
		padding-right:15px;
	}
	#moomin_table_content .lineup_item .box .texts p{
		font-size:1.3rem;
	}
	#moomin_table_content .lineup_item .box.reverse{
		margin-right:0;
		margin-left:auto;
	}
	#moomin_table_content .lineup_item .box.reverse .pht{
		right:auto;
		left:0;
	}
	#moomin_table_content .lineup_item .btn_style.w_btn a{
		max-width:196px;
	}
	a.page_link{
		padding-top: 85px;
		margin-top: -85px;
	}
}
@media screen and (max-width: 374px){
	#moomin_table_content .example li dl dd.guide{
		padding:0;
		justify-content: space-between;
	}
	#moomin_table_content .example li dl dd .up{
		font-size:1.2rem
	}
	#moomin_table_content .example .center_wrap small{
		font-size:1.1rem;
	}
	#moomin_table_content .ttl_01{
		font-size:1.8rem;
	}
	#moomin_table_content .what_sec .blocks h3{
		font-size:1.2rem;
	}
	#moomin_table_content .what_sec .blocks h3 strong{
		font-size:2rem;
		letter-spacing: 0.1em;
	}
	#moomin_table_content .lineup p small{
		font-size:1.2rem;
	}
}