@charset "utf-8";


/* CSS Document */

@media screen and (max-width: 767px) {
	
	/*  ---------- single 共通 ---------  */

	.h1_s h1{
		font-size: 28px;
		margin-bottom: 30px;
	}
	
	.h2_s h2{
		font-size: 20px;
		margin-bottom: 20px;
	}
	
	.h1_c h1{
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 14px;
	line-height: 1.6;
	}
	
	/*  ---------- privacy ---------  */
	
	.privacy_box{
		padding: 30px 0 0px;
	}
	
	/*  ---------- column ---------  */
	.single main::before{
		height: 40vh;
	}
	
	.s_column_img{
		margin-bottom: 30px;
	}
	
	.column_content{
		padding: 30px 0 ;
	}
	
	.s_column_box .index{
		padding: 10px 0 40px;
	}
	
	.s_column_box .index ul{
		padding: 25px 30px 20px
	}
	
	.s_column_box h2{
		font-size: 20px;
		margin-bottom: 30px;
	}
	
	.s_column_box h3{
		margin-top: 20px;
		margin-bottom: 30px;
	}
	
	.midashi_img{
		margin-bottom: 30px;
	}
	
	.check ul{
		margin: 20px auto 40px;
		padding: 30px;
	}
	
	.s_column_box table{
		margin: 20px auto 40px;
	}
	
	.afi{
		flex-direction: column;
		gap:20px;
	}
	
	.afi_img{
		width: 100%;
	}
	
	.afi_txt .price{
		padding-bottom: 0;
	}
	
	.afi_btn ul{
		flex-direction: column;
		gap:10px;
	}
	
	.afi_btn ul .rakuten , .amazon{
		width: 100%;
		text-align: center;
	}


}