@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%;
	}
    
    
    #tmcaution
----------------------------------------------- */
.tmcaution{
	display:block;
	width:100%;
	background:#f0f0f0;
	padding:10px 0 40px;
}
.tmcaution p{
	font-size:15px;
	color:#333333;
	line-height:1.4;
	width:768px;
	margin:15px auto 0;
}
.tmcaution h2{
	font-size:22px;
	font-weight:bold;
	color:#000;
	text-align:center;
	width:600px;
	padding-left: 20px;
	margin:10px auto 10px;
	display:flex;
    align-items:center;
    text-align:center; /* for no-flexbox browsers */
}
.tmcaution h3{
	font-size:26px;
	font-weight:bold;
	color:#024097;
	text-align:center;
	width:850px;
	margin:0 auto 40px;
	display:flex;
    align-items:center;
    text-align:center; /* for no-flexbox browsers */
}

.tmcaution h3:before,
.tmcaution h3:after {
    border-top:2px solid;
    content:"";
    display:inline; /* for IE */
    flex-grow:1;
}

.tmcaution h3:before {
    margin-right:0.5em;
}

.tmcaution h3:after {
    margin-left:0.5em;
}
.tmcaution dl {
	font-size:16px;
	color:#333333;
	line-height:1.7;
	width:850px;
	margin:15px auto 0;
}
.tmcaution dl dt {
	font-weight:bold;
}
.tmcaution dl dd {
	margin-bottom:30px;
}
.tmcaution dl dd a {
	color:#00a7e8;
	text-decoration:underline;
}

.tmcaution{
	padding:10.66vw 0 6.66vw;
}
.tmcaution p{
	font-size:2.933vw;
	width:85.33%;
	margin:0 auto;
}
.tmcaution h2{
	font-size:3.2vw;
	width:93%;
	margin:0 auto 6vw;
}

.tmcaution h3{
	font-size:4.8vw;
	width:85.33%;
	margin:0 auto 6vw;
}
.tmcaution dl {
	font-size:2.933vw;
	width:85.33%;
	margin:0 auto;
}
.tmcaution dl dd {
	margin-bottom:4.66vw;
}


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