@charset "UTF-8";
/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 767px) {
	#tm_main_wrap {
		padding: 0.0vw 0px 0.0vw 0px;
		margin: 0.0vw 0px 0.0vw 0px;
		width: 100%;
		overflow-x: hidden;
		/*	font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;*/
		font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif !important;
		font-size: 62.5%; /*em換算値用*/
	}
	.tm_main_wrap {
		padding: 0.0vw 0px 0.0vw 0px;
		margin: 0.0vw 0px 0.0vw 0px;
		width: 100%;
	}
	/*--------------------------------------------------------------------------------------------------------*/
	#tm_title_wrap {
		padding: 0.0vw 0px 0.0vw 0px;
		margin: 0.0vw 0px 0.0vw 0px;
		width: 100%;
		height: inherit;
		background-color: #78d7ef;
		background-image: url("https://web.tsite.jp/resource/t-mall/cp/5tmallday/img/title_backs_sp.png");
		background-position: top center;
		background-repeat: no-repeat;
		padding-top: 63.75%;
		background-size: contain;
	}
	.tm_title_wrap {
		padding: 0.0vw 0px 0.0vw 0px;
		margin: 0.0vw auto 0.0vw;
		width: 100%;
	}
	.tm_title_wrap img {
		width: 100%;
	}
	.tm_title_wrap h1 {
		padding: 0.0vw 0px 0.0vw 0px;
		margin: -63.75% 0px 0.0vw 0px;
		width: 100%;
	}
	/*--------------------------------------------------------------------------------------------------------*/
	#tm_step_wrap {
		padding: 0.0vw 0px 0.0vw 0px;
		margin: 0.0vw 0px 10.0vw 0px;
		width: 100%;
	}
	.tm_step_wrap {
		padding: 0.0vw 0px 0.0vw 0px;
		margin: 0.0vw auto 0.0vw;
		width: 100%;
	}
	.tm_step_wrap img {
		width: 100%;
	}
	.tm_step_wrap h2 {
		padding: 0.0vw 0px 0.0vw 0px;
		margin: 8.0vw 0px 8.0vw 0px;
		width: 100%;
	}
	.tm_step_wrap ul {
		padding: 0.0vw 0px 0.0vw 0px;
		margin: 0.0vw 0px 0.0vw 0px;
		width: 100%;
	}
	.tm_step_wrap ul li {
		padding: 0.0vw 0px 0.0vw 0px;
		margin: 0.0vw 0px 0.0vw 0px;
		float: inherit;
	}
	.tm_step_wrap ul li.tm_step01 {
		width: 100%;
	}
	.tm_step_wrap ul li.tm_step02 {
		width: 100%;
	}
	.tm_step_wrap ul li.tm_step03 {
		width: 100%;
	}
	.tm_step_wrap ul li.tm_flow01 {
		width: 100%;
	}
	.tm_step_wrap h3 {
		padding: 0.0vw 0px 0.0vw 0px;
		margin: 8.0vw 0px 8.0vw 0px;
		font-size: 5.0vw;
		text-align: center;
	}
	/*--------------------------------------------------------------------------------------------------------*/
	.tm_shoplist_wrap {
		padding: 0.0vw 0px 0.0vw 0px;
		margin: 0.0vw auto 0.0vw;
		width: 90%;
	}
	.tm_shoplist {
		padding: 5.0vw 0px 5.0vw 0px;
		margin: 0.0vw 0px 5.0vw 0px;
		width: 48%;
		background-color: #f2f2f2;
		float: left;
	}
	.tm_shoplist:nth-child(2n) {
		float: right;
	}
	.tm_shoplist h4 {
		padding: 0.0vw 0px 0.0vw 0px;
		margin: 3.5vw auto 0.0vw;
		width: 60%;
	}
	.tm_shoplist h4 img {
		width: 100%;
		height: 50%;
	}
	.tm_step_wrap .tm_ratio_wrap {
		padding: 0.0vw 0px 0.0vw 0px;
		margin: 0.0vw auto 0.0vw;
		width: 72%;
	}
	.tm_step_wrap .tm_tpoint img {
		padding: 0.0vw 0px 0.0vw 0px;
		margin: 0.0vw 2.0vw 0.0vw 0.0vw;
		width: 30%;
		float: left;
	}
	.tm_step_wrap .tm_ratio {
		padding: 0.0vw 0px 0.0vw 0px;
		margin: 1.0vw 0px 0.0vw 0px;
		font-size: 8.0vw;
		text-align: center;
		color: #ff3f3f;
		float: right;
	}
	.tm_step_wrap .tm_ratio span {
		font-size: 0.6em;
	}
	.tm_step_wrap .tm_read01 {
		padding: 0.0vw 1.0vw 0.0vw 1.0vw;
		margin: 3.5vw 0px 0.0vw 0px;
		font-size: 4.0vw;
		line-height: 1.5em;
		font-weight: bold;
		text-align: center;
	}
	.tm_step_wrap .tm_read02 {
		padding: 0.0vw 0px 0.0vw 0px;
		margin: 2.0vw 0px 0.0vw 0px;
		font-size: 4.0vw;
		font-weight: bold;
		text-align: center;
	}
	.tm_step_wrap .tm_catch {
		padding: 0.0vw 0px 0.0vw 0px;
		margin: 2.0vw 0px 0.0vw 0px;
		font-size: 6.5vw;
		text-align: center;
		color: #ff3f3f;
	}
	.tm_step_wrap .tm_catch span {
		font-size: 0.6em;
	}
	/*--------------------------------------------------------------------------------------------------------*/
	#tm_note_wrap {
		padding: 0.0vw 0px 0.0vw 0px;
		margin: 0.0vw 0px 10.0vw 0px;
		width: 100%;
	}
	.tm_note_wrap {
		padding: 0.0vw 0px 0.0vw 0px;
		margin: 0.0vw auto 0.0vw;
		width: 100%;
	}
	.tm_note_wrap img {
		width: 100%;
	}
	.tm_note_wrap h3 {
		padding: 0.0vw 0px 0.0vw 0px;
		margin: 0.0vw 0px 0.0vw 0px;
		width: 100%;
	}
		.tm_note_inwrap {
		padding: 0.0vw 1.0em 0.0vw 0px;
		margin: 10.0vw auto 10.0vw;
		width: 90%;
	}
	.tm_note_inwrap p {
		padding: 0.0vw 0px 0.0vw 0px;
		margin: 0.0vw auto 3.0vw;
		font-size: 3.5vw;
		line-height: 1.5em;
		padding-left: 1.0em;
		text-indent: -1.0em;
	}
	/*--------------------------------------------------------------------------------------------------------*/
	.tm_br01 {
		display: block;
	}
	.tm_br02 {
		display: none;
	}
	/*--------------------------------------------------------------------------------------------------------*/
	#hoge {
		padding: 0.0vw 0px 0.0vw 0px;
		margin: 0.0vw 0px 0.0vw 0px;
		width: 100%;
	}
	.hoge {
		padding: 0.0vw 0px 0.0vw 0px;
		margin: 0.0vw auto 0.0vw;
		width: 90%;
	}
	.hoge img {
		width: 100%;
	}
}