@charset "UTF-8";

/***** top CSS *****/

/* main
---------------------------------------------------*/

/* mv */
#mv {
	position: relative;
	width: 100%;
	height: 79.58vw;
	z-index: 0;
}
#mv .block {
	position: relative;
	width: 100%;
	margin: 0 auto;
	z-index: 10;
}
#mv .block::before {
	position: absolute;
	top: 35.83vw; /* 430 */
	left: 4.16vw; /* 50 */
	content: '';
	width: 24vw; /* 288 */
	height: 24vw;
	background: url(../images/icon_light3.png) no-repeat;
	background-size: contain;
	z-index: 20;
}
#mv .block::after {
	position: absolute;
	top: -5.83vw; /* 70 */
	right: 4.16vw; /* 50 */
	content: '';
	width: 21.16vw; /* 254 */
	height: 21.25vw; /* 255 */
	background: url(../images/icon_light1.png) no-repeat;
	background-size: contain;
	z-index: 30;
}
#mv .block .img_mv1 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 10;
}
#mv .block .img_mv1 img {
	display: block;
	width: 47.25vw; /* 567 */
	background-size: contain;
	margin-left: 4.1%;
}
#mv .block h1 {
	position: absolute;
	top: 11.66vw; /*140*/
	width: 100%;
	z-index: 20;
}
#mv .block h1 img {
	display: block;
	width: 46.2%; /* 1109 */
	margin-left: 45.33%;
}
#mv .block .txt {
	position: absolute;
	top: 22.5vw; /* 270 */
	width: 100%;
	z-index: 20;
}
#mv .block .txt img {
	display: block;
	width: 46.5%; /* 1064*/
	margin-left: 45.33%;
}
#mv .img_mv2 {
	position: absolute;
	top: 30.416vw; /* 365 */
	width: 100%;
	z-index: 0;
}
#mv .img_mv2 img {
	display: block;
	width: 100%;
	background-size: contain;
}
/* mv ここまで */

/* search */
#search {
	position: relative;
	max-width: 1200px;
	height: 100%;
	margin: 0 auto 100px;
	z-index: 0;
}
#search::before {
	display: block;
	position: absolute;
	top: 40px;
	left: 100px;
	content: '';
	width: 551px;
	height: 416px;
	background: url(../images/bg_search.png) no-repeat;
	z-index: -10;
}
#search h1 {
	position: absolute;
	top: 150px;
	right: 175px;
	width: 485px;
	z-index: 0;
}
#search h1::before {
	display: block;
	position: absolute;
	top: -175px;
	right: -90px;
	content: '';
	width: 254px;
	height: 255px;
	background: url(../images/icon_light2.png);
	background-size: cover;
	z-index: -10;
}
#search h1 img {
	display: block;
	width: 485px;
}
#search h2 {
	position: absolute;
	top: 205px;
	right: 185px;
	width: 473px;
	z-index: 0;
}
#search h2 img {
	display: block;
	width: 473px;
}
#search #btn_search1 {
	position: absolute;
	top: 255px;
	right: 185px;
	width: 484px;
	z-index: 0;
}
#search #btn_search1 a {
	display: block;
	width: 100%;
}
#search #btn_search1 a:hover {
	opacity: 0.8;
}
#search .txt {
	position: unset;
	max-width: 790px;
	font-size: 30px;
	letter-spacing: 0.1em;
	line-height: 1.8em;
	color: #fff;
	padding-top: 425px;
	margin: 0 auto 40px;
	z-index: 0;
}
#search #btn_search2 {
	position: unset;
	max-width: 785px;
	margin: 0 auto;
	z-index: 0;
}
#search #btn_search2 a {
	display: block;
	width: 100%;
}
#search #btn_search2 a:hover {
	opacity: 0.8;
}
#search #btn_search2 a img {
	display: block;
	width: 100%;
}
/* search ここまで */

/* member */
#member {
	width: 100%;
	background: url(../images/pt_red.jpg);
	padding: 100px 0;
}
#member #member_inner {
	max-width: 1200px;
	margin: 0 auto;
}
#member h1 {
	font-size: 36px;
	letter-spacing: 0.1em;
	line-height: 1.6;
	color: #fff;
	text-align: center;
	margin-bottom: 1.2em;
}
#member .txt {
	font-size: 20px;
	letter-spacing: 0.1em;
	line-height: 1.7;
	color: #fff;
	text-align: center;
	margin-bottom: 2.25em;
}
#member .btn {
	width: 450px;
	margin: 0 auto;
}
#member .btn a {
	display: block;
	width: 100%;
	font-size: 30px;
	letter-spacing: 0.1em;
	background-color: #990000;
	color: #fff;
	text-align: center;
	border: 1px solid #fff;
	border-radius: 10px;
	padding: 20px;
}
#member .btn a:hover {
	opacity: 0.8;
}
/* member ここまで */

/* bad_shop */
#bad_shop {
	width: 100%;
	height: 690px;
}
#bad_shop #bad_shop_inner {
	position: relative;
	max-width: 1200px;
	padding: 100px 0;
	margin: 0 auto;
}
#bad_shop #bad_shop_inner::before {
	position: absolute;
	top: 0;
	left: -4.16%;
	content: '';
	width: 948px;
	height: 632px;
	background: url(../images/bg_bad.png) no-repeat;
	background-size: cover;
}
#bad_shop #bad_shop_inner h1 {
	position: absolute;
	top: 90px;
	right: 110px;
	width: auto;
	font-size: 34px;
	font-weight: bold;
	letter-spacing: 0.1em;
	line-height: 1.1;
	text-align: left;
	color: #990000;
}
#bad_shop #bad_shop_inner ul {
	position: absolute;
	top: 180px;
	right: 95px;
}
#bad_shop #bad_shop_inner li {
	display: block;
	color: #fff;
	margin-bottom: 60px;
}
#bad_shop #bad_shop_inner li:last-child {
	margin-bottom: 0;
}
#bad_shop #bad_shop_inner li h2 {
	font-size: 24px;
	letter-spacing: 0.1em;
	line-height: 1.4em;
}
#bad_shop #bad_shop_inner li h2 span {
	font-size: 38px;
}
#bad_shop #bad_shop_inner li p {
	font-size: 18px;
	letter-spacing: 0.1em;
	line-height: 1.5em;
}
/* bad_shop ここまで */

/* good_shop */
#good_shop {
	width: 100%;
	background-color: #990000;
	padding-top: 90px;
	color: #fff;
}
#good_shop h1 {
	width: 100%;
	font-size: 34px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 0.1em;
	line-height: 1.4;
	background-color: #fff;
	color: #990000;
	padding: 25px 0;
}
#good_shop h1 span {
	font-size: 24px;
}
#good_shop .content {
	width: 100%;
}
#good_shop .content .inner {
	position: relative;
	max-width: 1200px;
	margin: 0 auto;
}
#good_shop .content .inner .img_lady img {
	width: 475px;
	display: block;
}

/* feeling */
#good_shop #feeling {
	background-color: #990000;
}
#good_shop #feeling .inner .block {
	float: left;
	width: 41.5%;
	padding: 95px 0;
	margin-left: 105px;
}
#good_shop #feeling .inner .block h2 {
	width: auto;
	font-size: 28px;
	font-weight: bold;
	letter-spacing: 0.1em;
	line-height: 1.4em;
}
#good_shop #feeling .inner .block ul {
	font-size: 24px;
	letter-spacing: 0.1em;
	line-height: 2em;
	margin-left: 0.1em;
}
#good_shop #feeling .inner .img_lady {
	position: absolute;
	right: 100px;
	bottom: 0;
	max-width: 39.5%;
	padding-top: 50px;
}

/* price */
#good_shop #price {
	background-color: #1e1418;
}
#good_shop #price .inner .block {
	float: right;
	width: 43%;
	padding: 100px 0 60px;
	margin-right: 80px;
}
#good_shop #price .inner .block h2 {
	width: auto;
	font-size: 29px;
	font-weight: bold;
	letter-spacing: 0.1em;
	line-height: 1.6em;
	text-align: left;
}
#good_shop #price .inner .block .txt {
	width: auto;
	font-size: 19px;
	letter-spacing: 0.1em;
	line-height: 1.8em;
	text-align: left;
	margin-left: 15px;
}
#good_shop #price .inner .img_lady {
	position: absolute;
	left: 100px;
	bottom: 0;
	max-width: 39.5%;
	padding-top: 50px;
}

/* budget */
#good_shop #budget .inner .block {
	float: left;
	width: 35%;
	padding: 95px 0 65px;
	margin-left: 105px;
}
#good_shop #budget .inner .block h2 {
	font-size: 28px;
	font-weight: bold;
	letter-spacing: 0.1em;
	line-height: 1.4em;
}
#good_shop #budget .inner .block .txt {
	width: auto;
	font-size: 18px;
	letter-spacing: 0.1em;
	line-height: 1.8em;
	text-align: left;
	margin-left: 15px;
}
#good_shop #budget .inner .img_lady {
	position: absolute;
	right: 100px;
	bottom: 0;
	max-width: 39.5%;
	padding-top: 50px;
}
/* site */
#good_shop #site {
	background-color: #1e1418;
}
#good_shop #site .inner .block {
	float: right;
	width: 41%;
	padding: 100px 0 80px;
	margin-right: 110px;
}
#good_shop #site .inner .block h2 {
	font-size: 28px;
	font-weight: bold;
	letter-spacing: 0.1em;
	line-height: 1.7em;
}
#good_shop #site .inner .block .txt {
	width: auto;
	font-size: 18px;
	letter-spacing: 0.1em;
	line-height: 1.9em;
	text-align: left;
	margin-left: 15px;
}
#good_shop #site .inner .img_lady {
	position: absolute;
	left: 100px;
	bottom: 0;
	max-width: 39.5%;
	padding-top: 50px;
}
/* good_shop ここまで */

/* recommended */
#recommended {
	position: relative;
	width: 100%;
	border-top: 3px solid #dec057;
	border-bottom: 3px solid #dec057;
	background: url(../images/pt_black.jpg);
	padding: 100px 0 90px;
	z-index: 0;
}
#recommended .inner {
	position: relative;
	max-width: 1200px;
	color: #fff;
	padding-left: 95px;
	margin: 0 auto;
}
#recommended .inner::before {
	position: absolute;
	top: -100px;
	right: 70px;
	content: '';
	width: 438px;
	height: 456px;
	background: url(../images/bg_man.png) no-repeat;
	background-size: contain;
	z-index: -10;
}
#recommended .inner h1 {
	font-size: 30px;
	font-weight: bold;
	letter-spacing: 0.1em;
	margin-bottom: 1.35em;
}
#recommended .inner .txt {
	font-size: 24px;
	letter-spacing: 0.1em;
	line-height: 1.5em;
	margin-bottom: 1em;
}
/* recommended ここまで */

/* dtk */
#dtk {
	width: 100%;
	background: url(../images/bg_shibuya.jpg) no-repeat center top 80px;
	background-size: contain;
	margin-bottom: 100px;
}
#dtk #ttl {
	position: relative;
	width: auto;
	margin-top: 85px;
	z-index: 0;
}
#dtk #ttl h1 {
	width: 678px;
	margin: 0 auto 35px;
}
#dtk #ttl ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
#dtk #ttl li {
	padding-left: 20px;
}
#dtk #ttl li:first-child {
	padding-left: 0;
}
/* best_time */
#dtk #best_time {
	position: relative;
	width: 100%;
	border-top: 3px solid #dec057;
	border-bottom: 3px solid #dec057;
	background: #1e1418;
	padding: 45px 0;
	margin: 50px auto;
	z-index: 10;
}
#dtk #best_time .txt {
	font-size: 30px;
	letter-spacing: 0.1em;
	color: #fff;
	text-align: center;
	margin-bottom: 1em;
}
#dtk #best_time .btn {
	width: 484px;
	margin: 0 auto;
}
#dtk #best_time .btn a {
	display: block;
	width: 100%;
	margin: 0 auto;
}
#dtk #best_time .btn a:hover {
	-webkit-opacity: 0.8;
	opacity: 0.8;
}
/* reason */
#dtk #reason {
	position: relative;
	width: 100%;
	margin-bottom: 100px;
	z-index: 10;
}
#dtk #reason h2 {
	width: 550px;
	margin: 0 auto;
}
#dtk #reason ul {
	width: 100%;
}
#dtk #reason li {
	width: 710px;
	text-align: center;
	margin: 0 auto;
}
#dtk #reason li h3 {
	width: 520px;
	margin: 0 auto 20px;
}
#dtk #reason li .txt {
	font-size: 18px;
	letter-spacing: 0.1em;
	line-height: 1.6em;
	color: #fff;
	margin-bottom: 1.8em;
}
#dtk #reason li .btn {
	width: 294px;
	margin: 0 auto 45px;
}
#dtk #reason li .btn a {
	width: 100%
}
#dtk #reason li .btn a:hover {
	-webkit-opacity: 0.8;
	opacity: 0.8;
}
/* dtk ここまで */

/* comment */
#comment {
	position: relative;
	max-width: 1200px;
	color: #fff;
	margin: 0 auto;
	z-index: 0;
}
#comment::before {
	position: absolute;
	top: -270px;
	right: 105px;
	content: '';
	width: 465px;
	height: 743px;
	background: url(../images/bg_man2.png) no-repeat;
	background-size: cover;
	z-index: -10;
}
#comment h1 {
	font-size: 34px;
	font-weight: bold;
	letter-spacing: 0.1em;
	line-height: 1.5em;
	text-align: center;
	margin-bottom: 50px;
}
#comment .txt {
	max-width: 840px;
	font-size: 18px;
	letter-spacing: 0.1em;
	line-height: 1.6em;
	margin: 0 auto;
	margin-bottom: 70px;
}
#comment .txt_img {
	max-width: 834px;
	margin: 0 auto 50px;
}
#comment .btn {
	width: 484px;
	margin: 0 auto 155px;
}
#comment .btn a {
	display: block;
	width: 100%;
}
#comment .btn a:hover {
	opacity: 0.8;
}
#comment .btn img {
	width: 100%;
}
/* comment ここまで */

/* 1200px */
@media screen and (min-width: 769px) and (max-width: 1200px) {

	#mv {
		height: 79.5vw; /* 955px / 1200px * 100 */
	}
	#mv .block::before {
		width: 23.5vw;
		height: 23.5vw;
	}
	#mv .block h1 img {
		width: 46.5vw;
	}
	#mv .block .txt img {
		width: 46.5vw;
	}
	/* mv ここまで */

	/* search */
	#search {
		max-width: 100%;
		margin: 0 auto 8.33vw;
	}
	#search::before {
		top: 3.33vw;
		left: 8.33vw;
		width: 45.916vw;
		height: 34.66vw;
		background: url(../images/bg_search.png) no-repeat;
		background-size: cover;
	}
	#search h1 {
		top: 12.5vw;
		right: 14.58vw;
		width: 40.416vw;
	}
	#search h1::before {
		top: -14.58vw;
		right: -7.5vw;
		width: 21.16vw;
		height: 21.25vw;
	}
	#search h1 img {
		width: 40.416vw;
	}
	#search h2 {
		top: 17.08vw;
		right: 15.416vw;
		width: 39.416vw;
	}
	#search h2 img {
		display: block;
		width: 39.416vw;
	}
	#search #btn_search1 {
		top: 21.25vw;
		right: 15.416vw;
		width: 40.33vw;
	}
	#search .txt {
		max-width: 65.83%;
		font-size: 2.4vw;
		padding-top: 35.416vw;
		margin: 0 auto 3.33vw;
	}
	#search #btn_search2 {
		max-width: 65.416%;
	}
	/* search ここまで */

	/* member */
	#member {
		padding: 8.33vw 0;
	}
	#member #member_inner {
		max-width: 100%;
	}
	#member h1 {
		font-size: 3vw;
	}
	#member .txt {
		font-size: 1.66vw;
	}
	#member .btn {
		width: 37.5vw;
	}
	#member .btn a {
		font-size: 2.5vw;
		padding: 1.66vw;
	}
	/* member ここまで */

	/* bad_shop */
	#bad_shop {
		height: 57.5vw;
	}
	#bad_shop #bad_shop_inner {
		max-width: 100%;
		padding: 8.3vw 0;
	}
	#bad_shop #bad_shop_inner::before {
		width: 79vw;
		height: 52.66vw;
	}
	#bad_shop #bad_shop_inner h1 {
		top: 7.5vw;
		right: 9.16vw;
		font-size: 2.83vw;
	}
	#bad_shop #bad_shop_inner ul {
		top: 15vw;
		right: 7.916vw;
	}
	#bad_shop #bad_shop_inner li {
		margin-bottom: 5vw;
	}
	#bad_shop #bad_shop_inner li h2 {
		font-size: 2vw;
	}
	#bad_shop #bad_shop_inner li h2 span {
		font-size: 3.16vw;
	}
	#bad_shop #bad_shop_inner li p {
		font-size: 1.5vw;
	}
	/* bad_shop ここまで */

	/* good_shop */
	#good_shop {
		padding-top: 7.5vw;
	}
	#good_shop h1 {
		font-size: 2.83vw;
		padding: 2.08vw 0;
	}
	#good_shop h1 span {
		font-size: 2vw;
	}
	#good_shop .content .inner {
		max-width: 100%;
	}
	#good_shop .content .inner .img_lady img {
		width: 39.583vw;
	}

	/* feeling */
	#good_shop #feeling .inner .block {
		padding: 7.916vw 0;
		margin-left: 8.75vw;
	}
	#good_shop #feeling .inner .block h2 {
		font-size: 2vw;
	}
	#good_shop #feeling .inner .block ul {
		font-size: 2vw;
	}
	#good_shop #feeling .inner .img_lady {
		right: 8.33vw;
		padding-top: 4.16vw;
	}

	/* price */
	#good_shop #price .inner .block {
		padding: 8.33vw 0 5vw;
		margin-right: 6.66vw;
	}
	#good_shop #price .inner .block h2 {
		font-size: 2vw;
	}
	#good_shop #price .inner .block .txt {
		font-size: 1.583vw;
		margin-left: 1.25vw;
	}
	#good_shop #price .inner .img_lady {
		left: 8.33vw;
		padding-top: 4.16vw;
	}

	/* budget */
	#good_shop #budget .inner .block {
		padding: 7.916vw 0 5.416vw;
		margin-left: 8.75vw;
	}
	#good_shop #budget .inner .block h2 {
		font-size: 2vw;
	}
	#good_shop #budget .inner .block .txt {
		font-size: 1.5vw;
		margin-left: 1.25vw;
	}
	#good_shop #budget .inner .img_lady {
		right: 8.33vw;
		padding-top: 4.16vw;
	}
	/* site */
	#good_shop #site .inner .block {
		padding: 8.33vw 0 6.66vw;
		margin-right: 9.16vw;
	}
	#good_shop #site .inner .block h2 {
		font-size: 2vw;
	}
	#good_shop #site .inner .block .txt {
		font-size: 1.5vw;
		margin-left: 1.25vw;
	}
	#good_shop #site .inner .img_lady {
		left: 8.33vw;
		padding-top: 4.16vw;
	}
	/* good_shop ここまで */

	/* recommended */
	#recommended {
		padding: 8.33vw 0 7.5vw;
	}
	#recommended .inner {
		max-width: 100%;
		padding-left: 7.916vw;
	}
	#recommended .inner::before {
		top: -8.33vw;
		right: 5.83vw;
		width: 36.5vw;
		height: 38vw;
		background: url(../images/bg_man.png) no-repeat;
		background-size: cover;
		z-index: -10;
	}
	#recommended .inner h1 {
		font-size: 2.5vw;
	}
	#recommended .inner .txt {
		font-size: 2vw;
	}
	#recommended .inner .img {
		width: 52.75vw;
	}
	#recommended .inner .img img {
		display: block;
		width: 633px;
	}
	/* recommended ここまで */

	/* dtk */
	#dtk {
		margin-bottom: 16.66vw;
	}
	#dtk #ttl {
		margin-top: 7.083vw;
	}
	#dtk #ttl h1 {
		width: 56.5vw;
		margin: 0 auto 2.916vw;
	}
	#dtk #ttl li {
		width: 24.25vw;
		padding-left: 1.66vw;
	}
	/* best_time */
	#dtk #best_time {
		padding: 3.75vw 0;
		margin: 7.81255vw auto;
	}
	#dtk #best_time .txt {
		font-size: 2.5vw;
	}
	#dtk #best_time .btn {
		width: 40.33vw;
	}
	/* reason */
	#dtk #reason {
		margin-bottom: 8.33vw;
	}
	#dtk #reason h2 {
		width: 45.83vw;
	}
	#dtk #reason li {
		width: 59.166vw;
	}
	#dtk #reason li h3 {
		width: 43.33vw;
		margin: 0 auto 1.66vw;
	}
	#dtk #reason li .txt {
		font-size: 1.5vw;
	}
	#dtk #reason li .btn {
		width: 24.5vw;
		margin: 0 auto 3.75vw;
	}
	/* dtk ここまで */

	/* comment */
	#comment {
		max-width: 100%;
	}
	#comment::before {
		top: -22.5vw;
		right: 8.75vw;
		width: 38.75vw;
		height: 61.916vw;
	}
	#comment h1 {
		font-size: 2.83vw;
		margin-bottom: 4.16vw;
	}
	#comment .txt {
		max-width: 70%;
		font-size: 1.5vw;
		margin-bottom: 5.83vw;
	}
	#comment .txt_img {
		max-width: 69.5vw;
		margin: 0 auto 4.16vw;
	}
	#comment .btn {
		width: 40.33vw;
		margin: 0 auto 12.916vw;
	}
	/* comment ここまで */

}
/* 768px以下 */
@media screen and (max-width: 768px) {

	/* mv */
	#mv {
		height: auto;
	}
	#mv .block {
		padding-top: 25vw;
		padding-top: 12.5vw;
	}
	#mv .block::before {
		top: 93.75vw;
		left: -15.625vw;
		width: 40.62vw;
		height: 40.62vw;
	}
	#mv .block::after {
		top: 0;
		right: 0;
		width: 40.62vw; /* 130px */
		height: 40.62vw;
	}
	#mv .block .img_mv1 {
		display: none;
	}
	#mv .block h1 {
		position: static;
		width: 100%;
		margin: 0 auto 3.125vw;
	}
	#mv .block h1 img{
		width: 93.75%;
		margin: 0 auto;
	}
	#mv .block .txt {
		position: static;
		width: 100%;
	}
	#mv .block .txt img {
		width: 93.75%;
		margin: 0 auto;
	}
	#mv .img_mv2 {
		position: absolute;
		/*top: 78.125vw;*/
		top: 90.625vw;
		top: auto;
		bottom: 6.25vw;
		width: 100%;
		z-index: 0;
		position: static;
	}
	#mv .img_mv2 img {
		display: block;
		width: 100%;
		height: 65.625vw;
		object-fit: cover;
	}
	/* mv ここまで */

	/* search */
	#search {
		width: 100%;
		height: 104.6875vw;
		margin: 0 auto 18.75vw;
	}
	#search::before {
		display: none;
	}
	#search h1 {
		top: 21.875vw;
		right: 0;
		width: 100%;
	}
	#search h1::before {
		top: -37.5vw;
		right: 0;
		width: 79.375vw;
		height: 79.6875vw;
	}
	#search h1 img {
		width: 93.75%;
		margin: 0 auto;
	}
	#search h2 {
		top: 31.25vw;
		right: 3.125vw;
		width: 93.75%;
	}
	#search h2 img {
		width: 100%;
	}
	#search #btn_search1 {
		top: 43.75vw;
		right: 3.125vw;
		width: 93.75%;
	}
	#search #btn_search1 a {
		width: 100%;
	}
	#search #btn_search1 img {
		width: 100%;
	}
	#search .txt {
		position: absolute;
		top: 68.75vw;
		left: 3.125vw;
		max-width: none;
		width: 93.75%;
		text-align: center;
		font-size: 5vw;
		padding-top: 0;
		margin: 0 auto 1.3em;
	}
	#search #btn_search2 {
		position: absolute;
		top: 93.75vw;
		left: 3.125vw;
		width: 93.75%;
	}
	/* search ここまで */

	/* member */
	#member {
		padding: 18.75vw 0;
	}
	#member #member_inner {
		width: 93.75%;
	}
	#member h1 {
		font-size: 5vw;
	}
	#member .txt {
		font-size: 4.375vw;
		text-align: left;
	}
	#member .btn {
		width: 100%;
	}
	#member .btn a {
		font-size: 5vw;
		border: 0.3125vw solid #fff;
		border-radius: 3.125vw;
		padding: 5vw;
		margin: 0 auto;
	}
	/* member ここまで */

	/* bad_shop */
	#bad_shop {
		height: 165.625vw;
		background: url(../images/bg_bad.png) no-repeat;
		background-position-x: -68.75vw;
		background-position-y: -15.625vw;
		background-size: cover;
		background-color: rgb(0,0,0,0.5);
	}
	#bad_shop #bad_shop_inner {
		position: relative;
		width: 93.75%;
		/*padding: 12.5vw 0;*/
		padding: 0;
	}
	#bad_shop #bad_shop_inner::before {
		display: none;
	}
	#bad_shop #bad_shop_inner h1 {
		top: 18.75vw;
		right: 0;
		left: 0;
		width: auto;
		font-size: 5.9375vw;
	}
	#bad_shop #bad_shop_inner ul {
		top: 34.375vw;
		right: 0;
		width: 100%;
	}
	#bad_shop #bad_shop_inner li {
		margin-bottom: 9.375vw;
	}
	#bad_shop #bad_shop_inner li h2 {
		font-size: 5vw;
	}
	#bad_shop #bad_shop_inner li:first-child h2 {
		font-size: 4.6875vw;
	}
	#bad_shop #bad_shop_inner li h2 span {
		font-size: 7.5vw;
	}
	#bad_shop #bad_shop_inner li p {
		font-size: 4.375vw;
	}
	/* bad_shop ここまで */

	/* good_shop */
	#good_shop {
		padding-top: 18.75vw;
	}
	#good_shop h1 {
		font-size: 6.25vw;
	}
	#good_shop h1 span {
		font-size: 3.75vw;
	}
	#good_shop .content .inner {
		width: 93.75%;
	}
	#good_shop .content .inner .img_lady img {
		width: 100vw;
		display: block;
	}

	/* feeling */
	#good_shop #feeling .inner {
		height: 125vw;
	}
	#good_shop #feeling .inner .block {
		float: none;
		width: 100%;
		padding: 9.375vw 0;
		margin-left: 0;
	}
	#good_shop #feeling .inner .block h2 {
		font-size: 5.3125vw;
		margin-bottom: 1em;
	}
	#good_shop #feeling .inner .block ul {
		font-size: 5vw;
		margin-left: 1.5em;
	}
	#good_shop #feeling .inner .img_lady {
		right: 0;
		bottom: 0;
		max-width: 100%;
		padding-top: 0;
	}

	/* price */
	#good_shop #price .inner {
		height: 129.6875vw;
	}
	#good_shop #price .inner .block {
		width: 100%;
		padding: 9.375vw 0;
		margin-right: 0;
	}
	#good_shop #price .inner .block h2 {
		font-size: 5.3125vw;
		text-align: left;
		margin-bottom: 1em;
	}
	#good_shop #price .inner .block .txt {
		font-size: 3.75vw;
		margin-left: 0;
	}
	#good_shop #price .inner .img_lady {
		left: 0;
		bottom: 0;
		max-width: 100%;
		padding-top: 0;
	}

	/* budget */
	#good_shop #budget .inner {
		height: 129.6875vw;
	}
	#good_shop #budget .inner .block {
		width: 100%;
		padding: 9.375vw 0;
		margin-left: 0;
	}
	#good_shop #budget .inner .block h2 {
		font-size: 5.625vw;
		margin-bottom: 1em;
	}
	#good_shop #budget .inner .block .txt {
		font-size: 3.75vw;
		margin-left: 0;
	}
	#good_shop #budget .inner .img_lady {
		right: 0;
		bottom: 0;
		max-width: 100%;
		padding-top: 0;
	}
	/* site */
	#good_shop #site .inner {
		height: 150vw;
	}
	#good_shop #site .inner .block {
		width: 100%;
		padding: 9.375vw 0;
		margin-right: 0;
	}
	#good_shop #site .inner .block h2 {
		font-size: 5.625vw;
		margin-bottom: 1em;
	}
	#good_shop #site .inner .block .txt {
		font-size: 3.4375vw;
		margin-left: 0;
	}
	#good_shop #site .inner .img_lady {
		left: 0;
		bottom: 0;
		max-width: 100%;
		padding-top: 0;
	}
	/* good_shop ここまで */

	/* recommended */
	#recommended {
		border-top: 0.9375vw solid #dec057;
		border-bottom: 0.9375vw solid #dec057;
		background: url(../images/pt_black.jpg);
		/*padding: 18.75vw 0;*/
		padding: 0;
		z-index: 0;
	}
	#recommended .inner {
		width: 100%;
		padding-left: 0;
		padding: 18.75vw 0;
		background-color: rgba(0, 0, 0, 0.2);
		margin: 0 auto;
	}
	#recommended .inner::before {
		top: 0;
		right: 0;
		width: 100%;
		height: 100%;
		background-size: cover;
		background-position-x: 33.75vw;
	}
	#recommended .inner h1 {
		width: 93.75%;
		line-height: 1.6em;
		font-size: 5.625vw;
		margin: 0 auto 1.35em;
	}
	#recommended .inner .txt {
		width: 93.75%;
		font-size: 4.375vw;
		font-weight: bold;
		margin: 0 auto 1em;
	}
	#recommended .inner .img {
		width: 93.75%;
		margin: 0 auto;
	}
	#recommended .inner .img img {
		display: block;
		width: 100%;
	}
	/* recommended ここまで */

	/* dtk */
	#dtk {
		width: 100%;
		margin-bottom: 15.625vw;
	}
	#dtk #ttl {
		margin-top: 12.5vw;
	}
	#dtk #ttl h1 {
		width: 100%;
		margin: 0 auto 6.25vw;
	}
	#dtk #ttl h1 img {
		display: block;
		width: 93.75%;
		margin: 0 auto;
	}
	#dtk #ttl ul {
		width: 87.5%;
		margin: 0 auto;
	}
	#dtk #ttl li {
		width: 43.75vw;
		padding-left: 0;
	}
	#dtk #ttl li img {
		display: block;
		width: 100%;
	}

	/* best_time */
	#dtk #best_time {
		border-top: 0.9375vw solid #dec057;
		border-bottom: 0.9375vw solid #dec057;
		padding: 10.93vw 0;
		margin: 7.81255vw auto;
	}
	#dtk #best_time .txt {
		font-size: 5.625vw;
		line-height: 1.4em;
	}
	#dtk #best_time .btn {
		width: 93.75%;
		text-align: center;
		margin: 0 auto;
	}
	/* reason */
	#dtk #reason {
	}
	#dtk #reason h2 {
		width: 93.75%;
		text-align: center;
		margin: 0 auto 3.125vw;
	}
	#dtk #reason li {
		width: 100%;
		text-align: center;
		margin: 0 auto;
	}
	#dtk #reason li h3 {
		width: 93.75%;
		margin: 0 auto 6.25vw;
	}
	#dtk #reason li:nth-child(1) h3 img {
		width: 100%;
	}
	#dtk #reason li:nth-child(2) h3 img {
		width: 75%;
	}
	#dtk #reason li:nth-child(3) h3 img {
		width: 38%;
	}
	#dtk #reason li .txt {
		width: 93.75%;
		text-align: left;
		font-size: 4.375vw;
		margin: 0 auto 6.25vw;
	}
	#dtk #reason li:nth-child(3) .txt {
		font-size: 4.0625vw;
	}
	#dtk #reason li .btn {
		width: 91.875%;
		margin: 0 auto 12.5vw;
	}
	#dtk #reason li .btn a {
		display: block;
		width: 100%
	}
	#dtk #reason li .btn a img {
		display: block;
		width: 100%;
		margin: 0 auto;
	}
	/* dtk ここまで */

	/* comment */
	#comment {
		width: 100%;
	}
	#comment::before {
		top: -53.125vw;
		right: 0;
		width: 93.75%;
		height: 150vw;
	}
	#comment h1 {
		font-size: 5.625vw;
		margin-bottom: 6.25vw;
	}
	#comment .txt {
		max-width: 93.75%;
		font-size: 4.375vw;
		margin-bottom: 9.375vw;
	}
	#comment .txt_img {
		width: 93.75%;
		margin: 15.625vw auto 9.375vw;
	}
	#comment .btn {
		width: 93.75%;
		margin: 0 auto 31.25vw;
	}
	#comment .btn img {
		width: 100%;
	}
	/* comment ここまで */

}

/*
---------------------------------------------------*/