/* ==========================================================================
/* -- 画面の横幅が812pxまで
 ========================================================================== */
@media only screen and (max-width: 812px) {
	.recartnews {
		padding: 5.0vw 0px 7.0vw 0px;
		margin: 0.0vw auto 0.0vw;
		width: 80%;
	}

	.recartnews img {
		width: 100%;
	}

	.recartnews_title {
		padding: 0.0vw 0px 2.0vw 0px;
		margin: 0.0vw 0px 0.0vw 0px;
		font-size: 4.5vw;
		font-weight: bold;
		width: 100%;
		float: inherit;
	}

	.recartnews_main {
		padding: 4.0vw 0px 4.0vw 0px;
		margin: 0.0vw 0px 0.0vw 0px;
		border-left: none;
		border-top: 1px solid #000000;
		float: inherit;
		width: 100%;
	}

	.recartnews_days {
		padding: 0.0vw 0px 2.0vw 0px;
		margin: 0.0vw 0px 0.0vw 0px;
		font-size: 3.8vw;
	}

	.recartnews_read {
		padding: 0.0vw 0px 0.0vw 0px;
		margin: 0.0vw 0px 0.0vw 0px;
		font-size: 3.8vw;
		line-height: 1.6em;
	}

	.recartnews_read a {
		color: #000000;
		text-decoration: underline;
	}

	.recartnews_read a:hover {
		text-decoration: none;
	}

	/*-----------------------------------------------------------------------------*/
	#tetrarecart_infor {
		padding: 0.0vw 0px 0.0vw 0px;
		margin: 0.0vw 0px 0.0vw 0px;
		width: 100%;
		background-color: #ecfcea;
		position: relative;
		z-index: 1;
	}

	.tetrarecart_infor {
		padding: 0px 0px 7.0vw 0px;
		margin: 0.0vw auto 0.0vw;
		width: 100%;
	}

	.tetrarecart_infor img {
		width: 100%;
	}

	.tetrarecart_infor .questbtm01 {
		display: block;
		padding: 0.0vw 0px 5.0vw 0px;
		margin: 0.0vw auto 0.0vw;
		width: 100%;
	}

	/*-----------------------------------------------------------------------------*/
	.maininwrap {
		padding: 10.0vw 0px 5.0vw 0px;
		margin: 0.0vw auto 8.0vw;
		width: 100%;
		background-color: #FFFFFF;
	}

	.maininwrap h3 {
		padding: 3.0vw 0px 3.0vw 0px;
		margin: 0.0vw auto 5.0vw;
		width: 85%;
		background-image: url("./img/stitle_back_pc.png");
		text-align: center;
		color: #FFFFFF;
		font-weight: bold;
		font-size: 4.5vw;
		line-height: 1.4em;
	}

	/*-----------------------------------------------------------------------------*/
	.recart_smenu {
		padding: 0.0vw 0px 0.0vw 0px;
		margin: 0.0vw auto 15.0vw;
		width: 85%;
	}

	.recart_smenu ul {
		padding: 0.0vw 0px 0.0vw 0px;
		margin: 0.0vw 0px 5.0vw 0px;
		width: 100%;
	}

	.recart_smenu ul li {
		padding: 0.0vw 0px 0.0vw 0px;
		margin: 0.0vw 0px 2.0vw 0px;
		width: 100%;
		float: inherit;
	}

	.recart_smenu ul li:nth-child(2n) {
		padding: 0.0vw 0px 0.0vw 0px;
		margin: 0.0vw 0px 2.0vw 0px;
		width: 100%;
		float: inherit;
	}

	/*-----------------------------------------------------------------------------*/
	.point01_01 {
		padding: 0.0vw 0px 0.0vw 0px;
		margin: 0.0vw auto 10.0vw;
		width: 85%;
	}

	.point01_01 img {
		width: 100%;
	}

	.point01_01 .read_wrap {
		padding: 0.0vw 0px 0.0vw 0px;
		margin: 0.0vw 0px 0.0vw 0px;
		width: 100%;
		float: inherit;
	}

	.point01_01 .read {
		padding: 0.0vw 0px 0.0vw 0px;
		margin: 0.0vw 0px 5.0vw 0px;
		font-size: 3.5vw;
		line-height: 1.8em;
		font-weight: bold;
	}

	.point01_01 .imgs {
		padding: 0.0vw 0px 0.0vw 0px;
		margin: 0.0vw auto 5.0vw;
		width: 100%;
		float: inherit;
	}

	/*-----------------------------------------------------------------------------*/
	.point01_02 {
		padding: 0.0vw 0px 0.0vw 0px;
		margin: 7.0vw auto 3.0vw;
		width: 85%;
	}

	.point01_02_title {
		padding: 2.0vw 0px 2.0vw 0px;
		margin: 0.0vw 0px 0.0vw 0px;
		width: 100%;
		background-color: #f79f9f;
		position: relative;
	}

	.point01_02_title .icon01 {
		padding: 0.0vw 0.0vw 0.0vw 0.0vw;
		margin: 0.0vw 0.0vw 0.0vw 0.0vw;
		position: absolute;
		width: 19.0vw;
		top: -2.5vw;
		right: 1.0vw;
	}

	.point01_02_title .ptitle01 {
		padding: 0.0vw 7.0vw 0.0vw 0.0vw;
		margin: 0.0vw 0.0vw 0.0vw 0.0vw;
		text-align: center;
		font-size: 4.0vw;
		line-height: 1.5em;
		color: #FFFFFF;
		display: inline-block;
	}

	.point01_02_infor {
		padding: 2.0vw 5.0vw 2.0vw 5.0vw;
		margin: 0.0vw auto 10.0vw;
		width: 100%;
		border-bottom: 10px solid #f79f9f;
		border-left: 10px solid #f79f9f;
		border-right: 10px solid #f79f9f;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}

	.point01_02_imgwrap {
		padding: 0.0vw 0.0vw 0.0vw 0.0vw;
		margin: 0.0vw auto 0.0vw;
		width: 95%;
	}

	.point01_02_img01 {
		padding: 0.0vw 0px 0.0vw 0px;
		margin: 3.0vw 0px 7.0vw 0px;
		width: 100%;
		float: inherit;
	}

	.point01_02_img02 {
		padding: 0.0vw 0px 0.0vw 0px;
		margin: 0.0vw 0px 3.0vw 0px;
		width: 100%;
		float: inherit;
	}

	/*-----------------------------------------------------------------------------*/
	.point02_01 {
		padding: 0.0vw 0px 0.0vw 0px;
		margin: 0.0vw auto 5.0vw;
		width: 85%;
	}

	.point02_01 .read_wrap {
		padding: 0.0vw 0px 0.0vw 0px;
		margin: 0.0vw 0px 0.0vw 0px;
	}

	.point02_01 .read {
		padding: 0.0vw 0px 0.0vw 0px;
		margin: 0.0vw 0px 5vw 0px;
		font-size: 3.5vw;
		line-height: 1.8em;
		font-weight: bold;
	}

	/*-----------------------------------------------------------------------------*/
	.point02_02 {
		padding: 0.0vw 0px 0.0vw 0px;
		margin: 0.0vw auto 10.0vw;
		width: 100%;
	}

	.point02_02 img {
		width: 100%;
	}

	.point02_02 .photo01 {
		padding: 0.0vw 0px 0.0vw 0px;
		margin: 0vw 0px 7.0vw 0px;
		float: inherit;
		width: 100%;
		position: relative;
		z-index: 1;
	}

	.point02_02 .photo01::after {
		position: absolute;
		bottom: -3vw;
		left: -14vw;
		z-index: 2;
		content: "";
		width: 40vw;
		height: 37vw;
		background: center / contain no-repeat url("./img/point02_photo01_illust_sp.png");
	}

	.point02_02 .photo02 {
		padding: 0.0vw 0px 0.0vw 0px;
		margin: 0.0vw 0px 5.0vw 0px;
		float: inherit;
		width: 100%;
		position: relative;
		z-index: 1;
	}

	.point02_02 .photo02::after {
		position: absolute;
		bottom: -2vw;
		right: -11vw;
		z-index: 2;
		content: "";
		width: 30vw;
		height: 30vw;
		background: center / contain no-repeat url("./img/point02_photo02_illust_sp.png");
	}

	.point02_02 ul {
		flex-direction: column;
		width: 75%;
		margin: 0 auto;
		gap: 5vw;
	}

	/*-----------------------------------------------------------------------------*/
	.point03_01 {
		padding: 0.0vw 0px 0.0vw 0px;
		margin: 0.0vw auto 5.0vw;
		width: 85%;
	}

	.point03_01 .read_wrap {
		padding: 0.0vw 0px 0.0vw 0px;
		margin: 0.0vw 0px 0.0vw 0px;
	}

	.point03_01 .read {
		padding: 0.0vw 0px 0.0vw 0px;
		margin: 0.0vw 0px 10vw 0px;
		font-size: 3.5vw;
		line-height: 1.8em;
		font-weight: bold;
	}

	/*-----------------------------------------------------------------------------*/
	.point03_02 {
		padding: 0.0vw 0px 0.0vw 0px;
		margin: 0.0vw auto 15.0vw;
		width: 85%;
	}

	.point03_02 img {
		width: 100%;
	}

	.point03_02 .photo01 {
		padding: 0.0vw 0px 0.0vw 0px;
		margin: -5.0vw 0px 7.0vw 0px;
		float: inherit;
		width: 100%;
	}

	.point03_02 .photo02 {
		padding: 0.0vw 0px 0.0vw 0px;
		margin: 0.0vw 0px 7.0vw 0px;
		float: inherit;
		width: 100%;
	}

	.point03_02 .photo03 {
		padding: 0.0vw 0px 0.0vw 0px;
		margin: 0.0vw 0px 5.0vw 0px;
		float: inherit;
		width: 100%;
	}

	/*-----------------------------------------------------------------------------*/
	.point04_01 {
		padding: 0.0vw 0px 0.0vw 0px;
		margin: 0.0vw auto 5.0vw;
		width: 85%;
	}

	.point04_01 .read_wrap {
		padding: 0.0vw 0px 0.0vw 0px;
		margin: 0.0vw 0px 0.0vw 0px;
	}

	.point04_01 .read {
		padding: 0.0vw 0px 0.0vw 0px;
		margin: 0.0vw 0px 10vw 0px;
		font-size: 3.5vw;
		line-height: 1.8em;
		font-weight: bold;
	}

	/*-----------------------------------------------------------------------------*/
	.point04_02 {
		padding: 0.0vw 0px 0.0vw 0px;
		margin: 0.0vw auto 10.0vw;
		width: 85%;
	}

	.point04_02 img {
		width: 100%;
	}

	.point04_02 .photo01 {
		padding: 0.0vw 0px 0.0vw 0px;
		margin: -5.0vw 0px 7.0vw 0px;
		float: inherit;
		width: 100%;
	}

	.point04_02 .photo02 {
		padding: 0.0vw 0px 0.0vw 0px;
		margin: 0.0vw 0px 7.0vw 0px;
		float: inherit;
		width: 100%;
	}

	/*-----------------------------------------------------------------------------*/
	.point05_01 {
		padding: 0.0vw 0px 0.0vw 0px;
		margin: 0.0vw auto 10.0vw;
		width: 85%;
	}

	.point05_01 img {
		width: 100%;
	}

	.point05_01 .read_wrap {
		padding: 0.0vw 0px 0.0vw 0px;
		margin: 0.0vw 0px 0.0vw 0px;
		width: 100%;
		float: inherit;
	}

	.point05_01 .read {
		padding: 0.0vw 0px 0.0vw 0px;
		margin: 0.0vw 0px 5.0vw 0px;
		font-size: 3.5vw;
		line-height: 1.8em;
		font-weight: bold;
	}

	.point05_01 .imgs {
		padding: 0.0vw 0px 0.0vw 0px;
		margin: 0.0vw auto 5.0vw;
		width: 100%;
		float: inherit;
	}

	.point05_01 .movie_group {
		display: flex;
		gap: 10vw;
		flex-direction: column;
		margin-bottom: 10vw;
	}

	.point05_01 .movie_caption {
		color: #0C76C4;
		font-size: 4vw;
		font-weight: bold;
	}

	.modaal-video-wrap {
		margin: 0 !important;
		position: relative;
	}

	/*-----------------------------------------------------------------------------*/
	.point05_02 {
		padding: 5.0vw 0px 5.0vw 0px;
		margin: 0.0vw auto 10.0vw;
		width: 85%;
		border: 5px solid #daf9d6;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}

	.point05_02 img {
		width: 100%;
	}

	.point05_02 .sstitle {
		padding: 0.0vw 0px 0.0vw 0px;
		margin: 0.0vw 0px 7.0vw 0px;
		font-size: 4.0vw;
		font-weight: bold;
		text-align: center;
		color: #00b16a;
	}

	.point05_02 .photo01 {
		padding: 0.0vw 0px 0.0vw 0px;
		margin: 0.0vw auto 0.0vw;
		width: 85%;
	}

	.point05_02 .photo02 {
		padding: 0px 4vw;
		margin: 10vw auto;
		width: auto;
	}

	/*-----------------------------------------------------------------------------*/
	.point05_03 {
		margin-bottom: 15vw !important;
	}

	/*-----------------------------------------------------------------------------*/
	.point06_01 {
		padding: 0.0vw 0px 0.0vw 0px;
		margin: 0.0vw auto 5.0vw;
		width: 85%;
	}

	.point06_01 .read_wrap {
		padding: 0.0vw 0px 0.0vw 0px;
		margin: 0.0vw 0px 0.0vw 0px;
	}

	.point06_01 .read {
		padding: 0.0vw 0px 0.0vw 0px;
		margin: 0.0vw 0px 17.0vw 0px;
		font-size: 3.5vw;
		line-height: 1.8em;
		font-weight: bold;
	}

	/*-----------------------------------------------------------------------------*/
	/* ボタン共通 */
	.linkbtm01_01 {
		padding: 0.0vw 0px 0.0vw 0px;
		margin: 0.0vw 0px 10.0vw 0px;
	}

	.linkbtm01_01 a {
		padding: 0.0vw 0px 0.0vw 0px;
		margin: 0.0vw auto 0.0vw;
		display: block;
		position: relative;
		width: 85%;
		z-index: 100;
		text-align: center;
		background: #fb7777;
		color: #FFFFFF;
		border-radius: 100px;
		text-decoration: none;
		font-weight: bold;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}

	.linkbtm01_01 .linktitle {
		padding: 5.0vw 2.0vw 2.0vw 0.0vw;
		margin: 0.0vw auto 0.0vw;
		font-size: 4.5vw;
	}

	.linkbtm01_01 .linknote {
		padding: 0.0vw 2.0vw 5.0vw 0.0vw;
		margin: 0.0vw auto 0.0vw;
		font-size: 3.5vw;
	}

	/*-----------------------------------------------------------------------------*/
	.iconarrow01 a:before {
		/*白いひし型 */
		display: block;
		content: "";
		position: absolute;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		top: 22px;
		right: 30px;
		width: 10px;
		height: 10px;
		margin-top: -4px;
		background: #FFFFFF;
	}

	.iconarrow01 a:after {
		/*バックグラウンドと同じ色のひし型をずらして「before要素」を隠す */
		display: block;
		content: "";
		position: absolute;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		top: 20px;
		right: 30px;
		width: 10px;
		height: 10px;
		margin-top: -4px;
		background: #ffbb05;
	}

	/*-----------------------------------------------------------------------------*/
	.iconarrow02 a:before {
		/*白いひし型 */
		display: block;
		content: "";
		position: absolute;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		top: 50%;
		right: 20px;
		width: 10px;
		height: 10px;
		margin-top: -4px;
		background: #FFFFFF;
	}

	.iconarrow02 a:after {
		/*バックグラウンドと同じ色のひし型をずらして「before要素」を隠す */
		display: block;
		content: "";
		position: absolute;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		top: 50%;
		right: 22px;
		width: 10px;
		height: 10px;
		margin-top: -4px;
		background: #fb7777;
	}

	/*-----------------------------------------------------------------------------*/
	.point06_01 {
		position: relative;
	}

	.point06_01 .itemicon {
		position: absolute;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		width: 20.0vw;
		bottom: -15.0vw;
		right: 0.0vw
	}

	.point06_02 {
		padding: 5.0vw 0px 0.0vw 0px;
		margin: 0.0vw auto 0.0vw;
		width: 75%;
	}

	.point06_02 h4 {
		padding: 0px 0px 2.0vw 0px;
		margin: -4.0vw 0.0vw 5.0vw 0.0vw;
		font-size: 4.0vw;
		font-weight: bold;
		color: #00b16a;
		border-bottom: 3px solid #00b16a;
	}

	.point06_03 {
		padding: 0vw 0px 0.0vw 0px;
		margin: 0.0vw auto 0.0vw;
		width: 90%;
	}

	.point06_03 .tmnote {
		padding: 0px 0px 0.0vw 0px;
		margin: 2.0vw 0.0vw 5.0vw 0.0vw;
		font-size: 3.5vw;
		line-height: 1.4em;
		text-align: center;
	}

	/*-----------------------------------------------------------------------------*/
	.point06_item {
		padding: 0.0vw 0px 0.0vw 0px;
		margin: 0.0vw 0px 0.0vw 0px;
	}

	.point06_item img {
		width: 100%;
	}

	.point06_item .itemtitle {
		padding: 2.0vw 0px 2.0vw 0px;
		margin: 0.0vw 0px 0.0vw 0px;
		font-size: 3.8vw;
		text-align: center;
	}

	.point06_item ul.items01,
	.point06_item ul.items02 {
		padding: 0.0vw 0px 0.0vw 0px;
		margin: 0.0vw 0px 0.0vw 0px;
	}

	.point06_item ul.items01 li {
		padding: 3.0vw 0px 3.0vw 0px;
		margin: 0.0vw 0px 0.0vw 0px;
		width: 50%;
		float: left;
	}

	.point06_item ul.items02 li {
		padding: 3.0vw 0px 3.0vw 0px;
		margin: 0.0vw 0px 0.0vw 0px;
		width: 50%;
		float: left;
	}

	.point06_item a:hover {
		-moz-opacity: 0.7;
		-khtml-opacity: 0.7;
		opacity: 0.7;
		zoom: 1;
	}

	/*-----------------------------------------------------------------------------*/
	.item01,
	.item02,
	.item03,
	.item04,
	.item05,
	.item06 {
		padding: 0.0vw 0px 0.0vw 0px;
		margin: 0.0vw 0px 7.0vw 0px;
		float: inherit;
	}

	/*-----------------------------------------------------------------------------*/
	.item07 {
		padding: 0.0vw 0px 0.0vw 0px;
		margin: 0.0vw 0px 0.0vw 0px;
		float: inherit;
	}

	.item07 p {
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		width: 100%;
	}

	/*-----------------------------------------------------------------------------*/
	.point06_item .itemlist02 {
		width: 100%;
	}

	.point06_item .itemlist03 {
		width: 100%;
	}

	.point06_item .itemlist04 {
		width: 100%;
	}

	/*-----------------------------------------------------------------------------*/
	.cp_recart_bklink {
		padding: 4.0vw 0;
		margin: 0.0vw auto 0.0vw;
		width: 86%;
	}

	/*-----------------------------------------------------------------------------*/
	.iconarrow03 a:before {
		/*白いひし型 */
		display: block;
		content: "";
		position: absolute;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		top: 50%;
		right: 20px;
		width: 10px;
		height: 10px;
		margin-top: -4px;
		background: #FFFFFF;
	}

	.iconarrow03 a:after {
		/*バックグラウンドと同じ色のひし型をずらして「before要素」を隠す */
		display: block;
		content: "";
		position: absolute;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		top: 50%;
		right: 22px;
		width: 10px;
		height: 10px;
		margin-top: -4px;
		background: #ffbb05;
	}

	.iconarrow03 a:hover:after {
		/*「after要素」のマウスオーバー（カラーを合わせる） */
		background: #fdd362;
	}
}