@charset "utf-8";
/* CSS Document */

/*  ---------- single 共通 ---------  */

.h1_s h1{
	font-size: 32px;
	font-weight: bold;
	margin-bottom: 40px;
}

.h2_s h2{
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 20px;
}

.h1_c h1{
	font-size: 32px;
	font-weight: bold;
	margin-bottom: 14px;
	line-height: 1.6;
}


/*  ---------- privacy ---------  */

.privacy_box{
	padding: 30px 0 70px;
}

.privacy_box p{
	line-height: 1.6;
	padding-bottom: 40px;
}

/*  ---------- contact ---------  */

.contact_box{
	padding: 30px 0 40px;
}

.contact_box p{
	line-height: 2;
}

input[type="text"],
input[type="email"],
textarea {
    width: 100%;
    padding: 8px;
    border: 1px solid #ccc;       /* 枠線 */
    border-radius: 8px;            /* 角丸 */
    margin-bottom: 40px;
  }

textarea {
    height: 100px;
    resize: vertical;
  }


input[type="submit"] {
  position: relative;
  overflow: hidden;
  border-radius: 999px;
  display: block;
  max-width: 230px;
  background: #FFF;
  margin: 0 auto;
  padding: 7px 50px;
  text-align: center;
  line-height: 1.8;
  color: #000;
  transition:color 0.5s ease , background-color 0.5s ease;
	border: 1px solid #000;
	font-size: 14px;
	font-weight: 500;
  }

input[type="submit"]:hover {
      background-color: #000;
    color: #FFF;
  }


/*  ---------- column ---------  */

.single main {
    position: relative;
}

.single main::before {
    content: "";
    position: absolute;
    top: -100px;
    left: 0;
    width: 100%;
    height: 50vh; 
    z-index: -1; 
    background-color: #f0f0f0;
}

.s_column_img{
	position: relative;
	z-index: 1;
	width: 100%;
	height: auto;
	margin-bottom: 70px;
}

.s_column_img img{
	width: 100%;
	height: auto;
}

.s_column_box time{
	display: block;
	margin-bottom: 14px;
	font-size: 15px;
	letter-spacing: 2px;
}

.s_cta{
	padding-right: 30px;
	display: block;
	margin-bottom: 10px;
	font-size: 15px;
}
.s_cta::before{
	content: "#";
	position: relative;
}

.column_content{
	padding: 70px 0;
	width: 100%;
}


.s_column_box .index{
	padding: 30px 0 70px;
}

.s_column_box .index ul {
	background: #f5f5f2;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	padding: 25px 50px 20px;
}

.s_column_box .index ul .index_tl{
	font-size: 28px;
	font-weight: bold;
	margin-bottom: 24px;
}

.s_column_box .index ul .index_txt{
	line-height: 1.8;
	padding-bottom: 15px;
	font-size: 16px;
}

.s_column_box h2{
	font-size: 28px;
	margin-bottom: 60px;
	font-weight: bold;
	line-height: 1.6;
	
}

.s_column_box h3{
	font-size: 20px;
	margin-top: 50px;
	margin-bottom: 40px;
	font-weight: bold;
	
}

.s_column_box p{
	padding-bottom: 20px;
	line-height: 1.8;
}

.midashi_img{
	width: 80%;
	height: auto;
	margin: 0 auto;
	margin-bottom: 60px;
}

.check ul{
	background: #f5f5f2;
	padding: 40px;
	margin: 30px auto 50px;
}

.check ul li{
	position: relative;
	padding-bottom: 20px;
	padding-left: 30px;
	line-height: 1.8;
}

.check ul li:last-child{
	padding-bottom: 0 ;	
}

.check ul li::before{
	position: absolute;
	content: "✓";
	top: 0;
	left: 0;
}

.s_column_box table{
	border-collapse: collapse;
	width: 100%;
	margin: 30px auto 50px;
}

.s_column_box table th,td{
	border: 1px solid #000;
	padding: 15px 20px;
	line-height: 1.8;
}

.afi{
	border: 1px solid #ccc;
	margin: 30px auto 50px;
	padding: 30px;
	display: flex;
	gap:40px;
	width: 100%;
}

.afi_img{
	width: 20%;
	height: auto;
}

.afi_img img{
	width: 100%;
	height: auto;
}

.afi_txt{
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.afi_txt .product{
	font-weight: bold;
	padding-bottom: 10px;
	font-size: 16px;
}

.afi_txt .price{
	padding-bottom: 10px;
	font-size: 16px;
}

.afi_txt .price span{
	font-size: 14px;
	color: #ccc;
	padding-left: 10px;
}

.afi_btn ul{
	display: flex;
	gap:30px;
	margin-top: 20px;
}

.afi_btn ul .rakuten{
	background: #BF0000;
	border-radius: 30px;
	height: auto;
	padding: 5px 40px 8px;
}

.afi_btn ul .rakuten a{
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
}

.afi_btn ul .amazon{
	background: #ff9900;
	border-radius: 30px;
	height: auto;
	padding: 5px 40px 8px;
}

.afi_btn ul .amazon a{
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
}