div#Wrapper {
	text-align: left;
	height: 100%;
	font-size: 16px;
	padding: 0;
	margin: 0;
	letter-spacing: 0.001em;
	font-family: 'Zen Maru Gothic', sans-serif;
}

/*-- PC --*/
div#Wrapper a {
	color: #4007a2;

}

div#Wrapper a:hover {
	color: #4F61ED;
}


#Wrapper div.Container {
	width: 940px;
	margin: 0 auto;
}

#Wrapper .Container img,
#Wrapper .txtbox img {
	width: 100%;
}


#Wrapper .txtbox .btnblock a {
	font-family: 'Zen Maru Gothic', sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 40px;
	display: block;
	color: #FFF;
	background-color: #DB001D;
	padding: 5px 15px;
	border-radius: 10px;
	margin: 60px auto 30px auto;
	text-align: center;
	text-decoration: none;
}

#Wrapper .txtbox h2 {
	font-family: 'Zen Maru Gothic', sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 28px;
	color: #DB001D;
	margin: 80px auto 0 auto;
	text-align: center;
}

.txtbox {
	width: 100%;
	text-align: left;
}

.txtbox:first-child {
	margin: 0px 50px 0 auto;
}

.txtbox p {
	margin: 15px auto 10px auto;
	padding: 0;
}

div.txtbox:last-child {
	padding-bottom: 50px;
}

p.caption {
	text-align: center;
	line-height: 1.25em;
}

/*----- Tab Style -----*/


#Wrapper .tab_area label {
	width: 50%;
	margin: 0;
	display: inline-block;
	padding: 10px 0;
	color: #333333;
	background: #EEEEEE;
	text-align: center;
	font-size: 18px;
	border: 0 !important;
}

#Wrapper .tab_area label.active {
	background: #333333;
	color: #fff;
}


/*---- おすすめ商品 -----*/
.contents-info {
	text-align: center;
}

@media screen and (max-width: 450px) {

	/* スクリーンサイズが450px以下の場合に適用 */
	/*----- layout -----*/
	body {
		width: 100%;
	}

	div#Wrapper {
		width: 100%;
		height: 100%;
		font-size: 16px;
		padding: 0;
		text-align: center;
	}

	body #Wrapper div.txtbox {
		margin: 50px auto 50px auto;
		width: 99%;
	}

	div#Wrapper div.txtbox img {
		padding: 0 auto;
	}


	#Wrapper .txtbox h1 {
		font-size: 24px;
	}

	#Wrapper .txtbox h2 {
		font-size: 18px;
	}

	/*----- タブ -----*/
	div.tab_wrap {
		width: 100%;
		text-align: center;
	}

	div.tab_area {
		width: 80%;
		border: 0 !important;
	}

	div.tab_wrap label.tab_label {
		font-size: 21px;
	}

	div.tab_panel,
	div.panel_area {
		width: 100%;
	}


}


/*----- SPレイアウト（600px以下） -----*/
@media screen and (max-width: 600px) {
	#Wrapper {
		display: flex;
		flex-direction: column;
		/* 要素を縦方向に並べる */
		width: 98%;
		padding: 1%;
		font-size: 16px;
		text-align: center;
		margin: auto;
	}


	#Wrapper div.Container {
		width: 100%;
	}

	div.tab_wrap label.tab_label {
		letter-spacing: -1px;
		/* 文字間を少し詰める */
	}

}