@charset "utf-8";
* {
	line-height: 1.8;
	    font-family:  'Montserrat', 'Noto Sans JP', '游ゴシック体', YuGothic, sans-serif!important;
}

/* iframe制御 */
#tyoukyu-frame {
	width: 630px;
	height: 1000px;
}

/*共通*/
#tyoukyu-container {
	width: 630px;
    font-family:  'Montserrat', 'Noto Sans JP', '游ゴシック体', YuGothic, sans-serif;
	font-size: 10px;
	color: #333333;
	letter-spacing: 0.1rem;
	text-align:center;
}
/*タイトル*/
#tyoukyu-container>h1 {
	font-family: 'Montserrat', 'Zen Kaku Gothic New', 'Noto Sans JP', '游ゴシック体', YuGothic, sans-serif;
	font-size: 26px;
	font-weight: 600;
	margin: 30px 0 0;
}

/*案内詳細*/
.tyoukyu-sub1-wrap,
.tyoukyu-sub2-wrap,
.tyoukyu-sub3-wrap{
	margin-top:40px;
}

.tyoukyu-sub1-wrap,
.tyoukyu-sub3-wrap{
	border: #cc3333 1px solid;
	padding:0;
}

.tyoukyu-sub2-wrap{
	width:90%;
	margin:20px auto 40px;
	padding-bottom:15px;
	background-color: #f5f5f5;
}

.tyoukyu-sub2-wrap .tyoukyu-sub-ttl{
	background-color: #7d7d7d;
}

.tyoukyu-sub-ttl h2{
	font-family:  'Montserrat', 'Zen Kaku Gothic New', 'Noto Sans JP', '游ゴシック体', YuGothic, sans-serif;
	font-size: 24px;
	font-weight: 600;
	line-height: 2em;
	text-align: center;
	color: #fff;
	background-color: #c62a2b;
}

.tyoukyu-sub-txt{
	margin-top: 20px;
}

.tyoukyu-sub-txt p {
	font-size: 36px;
	font-family:  'Montserrat', 'Noto Sans JP', '游ゴシック体', YuGothic, sans-serif;
	font-weight: 600;
	text-align: center;
	letter-spacing: 0.05em;
	line-height: 1.1em;
}

.tyoukyu-sub-txt p span{
	font-size: 24px;
}

.tyoukyu-sub-txt p .tyoukyu-week{
	font-size: 28px;
}

.tyoukyu-sub-attention{
	width:90%;
	text-align: left;
	font-size: 16px;
	margin:20px auto;
	padding-left:20px;
}

.tyoukyu-sub-attention ul{
	list-style: none;
}

.tyoukyu-sub-attention ul li{
	text-indent:-1.1em;
}

.tyoukyu-sub-attention ul li span{
	color:#c62a2b;
	font-weight: 700;
}

.tyoukyu-sub-attention ul li .tyoukyu-week{
	font-size: 14px;
}

/* -----sub2限定 ここから*/

.tyoukyu-sub2-wrap .tyoukyu-sub-ttl h2{
	font-size: 20px;
	background-color: #929292;
}

.tyoukyu-sub2-wrap .tyoukyu-sub-txt{
	margin-top:15px;
}

.tyoukyu-sub2-wrap .tyoukyu-sub-txt p{
	line-height: 0.8em;
}

.tyoukyu-sub2-wrap .tyoukyu-sub-txt p span{
	font-size: 22px;
}

.tyoukyu-sub2-wrap .tyoukyu-sub-txt p .underline{
	border-bottom:2px solid #c62a2b;
	font-size: 28px;
}

.tyoukyu-sub2-wrap .tyoukyu-sub-txt p .tyoukyu-week{
	font-size: 22px;
}

.tyoukyu-sub2-wrap .tyoukyu-sub-attention{
	margin:15px auto;
}
/* sub2 ここまで-------- */

@media screen and (max-width: 600px){
	/* iframe制御 */
	#tyoukyu-frame {
		width: 100vw;
		height: 830px;
	}

	/*共通*/
	#tyoukyu-container {
		width: 95vw;
		margin: 0 auto;
	}

	/*タイトル*/	
	#tyoukyu-container>h1{
		font-size: 5vw;
		margin: 3vh 0 0;
	}

	/*案内詳細*/
	.tyoukyu-sub1-wrap,
	.tyoukyu-sub2-wrap,
	.tyoukyu-sub3-wrap{
		margin-top:5vh;
	}

	.tyoukyu-sub1-wrap,
	.tyoukyu-sub3-wrap{
		border: #c62a2b 1px solid;
		padding:0;
	}

	.tyoukyu-sub2-wrap{
		margin:3vh auto 2vh;
		padding-bottom:0.5vh;
		background-color: #f5f5f5;
	}

	.tyoukyu-sub-ttl h2{
		font-size: 4.5vw;
		line-height: 10vw;
	}

	.tyoukyu-sub-txt{
		margin:2vh 0 0;
	}

	.tyoukyu-sub-txt p{
		font-size: 6.2vw;
	}

	.tyoukyu-sub1-wrap .tyoukyu-sub-txt p{
		letter-spacing: 0.08em;
		line-height: 1.2em;
	}

	.tyoukyu-sub-txt p .tyoukyu-week{
		font-size: 5vw;
	}

	.tyoukyu-sub-txt p span{
		font-size: 5vw;
	}

	.tyoukyu-sub-attention{
		font-size: 3vw;
		margin: 2vh auto;
	}

	.tyoukyu-sub-attention ul li .tyoukyu-week{
		font-size: 2.6vw;
	}

	/* -----sub2限定 ここから*/
	.tyoukyu-sub2-wrap .tyoukyu-sub-ttl h2{
		font-size: 3.8vw;
	}
	
	.tyoukyu-sub2-wrap .tyoukyu-sub-txt{
		margin-top:2vh;
	}

	.tyoukyu-sub2-wrap .tyoukyu-sub-txt p{
		line-height: 0.8em;
	}

	.tyoukyu-sub2-wrap .tyoukyu-sub-txt p span{
		font-size: 4vw;
	}

	.tyoukyu-sub2-wrap .tyoukyu-sub-txt p .underline{
		font-size: clamp(17px, 4.7vw, 20px);
	}

	.tyoukyu-sub2-wrap .tyoukyu-sub-txt p .tyoukyu-week{
		font-size: 4.2vw;
	}

	.tyoukyu-sub2-wrap .tyoukyu-sub-attention{
		margin:2vh auto;
	}
	/* sub2 ここまで-------- */
}