@charset "UTF-8";
/*
 Share Style <
-------------------------------------------------
*/
html,body,#wrapper div,#wrapper p,#wrapper li,#wrapper ul,#wrapper ol,#wrapper span,#wrapper img,#wrapper dl,#wrapper dt,#wrapper dd,#wrapper h1,#wrapper h2,#wrapper h3,#wrapper h4,#wrapper h5,#wrapper h6,#wrapper a,#wrapper form,#wrapper table,#wrapper tr,#wrapper th,#wrapper td,#wrapper form,#wrapper 
header,#wrapper hgroup,#wrapper footer,#wrapper section,#wrapper article,#wrapper nav,button{ 
	background:transparent;
	border:0;
	font-size:100%;
	margin:0;
	padding:0;
	vertical-align:baseline;
	box-sizing: border-box;
}
body{
	margin:0;
	padding:0;
  	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
	box-sizing: border-box;
}

html{
	font-size:100%;
}

@font-face {
	font-family: 'arial-black';
	src: local('Arial Black');
}

h1,h2,h3,h4,h5{
	margin:0;
	padding:0;
}

#pageWrap img{
	border:0;
	max-width: 100%;
	width: auto;
	height: auto;
}
#pageWrap ul{list-style:none;}

body,
#htbdfwp_contents{
	background-color:#f7f1e7;
}

#pageWrap ul{
	margin:0;
	padding:0;
	list-style:none;
}

#pageWrap {
	margin: 0 auto;
	color: #000;
	line-height:1.5;
	background-color:#ffffff;
	max-width:1095px;
	width: 100%;
}

@media screen and (max-width:750px){
	#pageWrap {
		width:100%;
	}
}

/*-- clearfix --*/
.cf {overflow: hidden;}

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

	#header

---------------------------------*/
#pageWrap header{
	padding:0;
	background-color:#000000;
	width:100%;
	max-width: 1095px;
}

#pageWrap header h1{
	padding:0;
	line-height:0;
}

@media screen and (max-width:750px){
	#pageWrap header h1{
		padding:0;
		width:100%;
	}

	#pageWrap header{
		min-width:100%;
	}
}

/*----------------------------------------------------
	.text
----------------------------------------------------*/

#mainContents{
	background-color: #e6e6e6;
	padding: 10px 0;
}

.txtBox,#senkou,#ippan{
	background-color: #fff;
	border-radius: 15px;
	max-width: 800px;
	width: 95%;
	margin: 30px auto;
	padding: 40px;
	box-sizing: border-box;
}

#pageWrap .txtBox h2{
	color:#333;
	padding:0 0 20px 0;
	font-size:25px;
	line-height:1.7;
	text-align:center;
	
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 800;
}

#pageWrap .txtBox figure{
	margin: 0 auto;
	max-width: 600px;
}

#pageWrap .txtBox p{
	font-size:0.9rem;
	line-height: 1.7;
	margin: 10px 0;
}
#pageWrap .txtBox p.kati300{
	text-align: center;
	font-size: 1.3rem;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 700;
}
#pageWrap .txtBox p.kati300 span{
	font-size: 2.5rem;
}

#pageWrap .txtBox .about{
	color: #505050;
	background-color: #ececec;
	border-radius: 10px;
	padding:10px 20px;
	margin-top: 20px;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 700;
}

/* 先行発売 */
#pageWrap #senkou h3{
	color:#e6271d;
	padding:0 0 20px 0;
	font-size:25px;
	line-height:1.7;
	text-align:center;
	
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 800;
}

#pageWrap #senkou .date{
	border: 1px solid #e6271d;
	color: #e6271d;
	width: fit-content;
	margin: 0 auto;
	padding:6px 30px;
	font-size: 1.3rem;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 800;
}

#pageWrap #senkou p{
	padding: 20px 0;
	font-size: 1.1rem;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 400;
}
#pageWrap #senkou p strong{
	font-weight: 800;
	color:#e6271d;
}

#pageWrap #senkou ul{
	display: flex;
    flex-wrap: wrap;
	gap: 20px;
}

#pageWrap #senkou ul li{
	box-sizing: border-box;
  	width: calc((100% - 40px)/3);
	text-align: center;
	border: 1px solid #d6d6d6;
	padding: 0 0 20px;
}
#pageWrap #senkou ul li span{
	color: #e6271d;
	font-size: 14px;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 700;
	line-height: 1.5;
	display: block;
	padding: 0 0 10px;
}
#pageWrap #senkou ul li p{
	font-size: 12px;
	padding: 0;
	margin: 0;
}
#pageWrap #senkou ul li figure{
	margin: 0;
	padding: 0;
}
#pageWrap #senkou .other{
	margin: 30px 0 0;
	font-size: 1.1rem;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 400;
}

/* 一般発売 */
#pageWrap #ippan h3{
	color:#0a5ac2;
	padding:0 0 20px 0;
	font-size:25px;
	line-height:1.7;
	text-align:center;
	
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 800;
}
#pageWrap #ippan p{
	text-align: center;
	font-size:1.3rem;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 800;
	padding: 0 0 20px;
	margin: 0;
}
#pageWrap #ippan p.stxt{
	font-size: 0.9rem;
}
#pageWrap #ippan span{
	display: block;
	font-size:0.8rem;
	margin-top: -15px;
}

#pageWrap #ippan .kakoi{
	border: 1px solid #a3bfcf;
	padding: 8px 20px;
	margin: 20px 0;
	font-size: 1.1rem;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 500;
}
#pageWrap #ippan .kakoi strong{
	font-weight: 800;
	color: #0a5ac2;
}
table {
	border-collapse: collapse;
	table-layout: fixed;
	width: 100%;
	text-align: center;
}
th, td {
	padding: 5px 3px;
	border: 2px solid #0a82c2;
	font-size: 0.8rem;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 500;
	text-align: left;
}
th{
	background-color: #0a82c2;
	color: #fff;
	width: 100px;
	text-align: center;
}
.hname{
	width: 110px;
	text-align: center;
}

@media screen and (max-width:750px){
	.txtBox,#senkou,#ippan{
		padding: 5%;
		margin: 10px auto 20px;
	}
	#pageWrap .txtBox h2{
		font-size: clamp(1rem, 3.5vw, 1.6em);
	}

	#pageWrap .txtBox p{
		font-size: clamp(0.75rem, 1vw, 0.9rem);
	}
	#pageWrap .txtBox p.kati300{
		font-size: 1rem;
	}
	#pageWrap .txtBox p.kati300 span{
		font-size: 2rem;
	}
	
	#pageWrap #senkou h3,
	#pageWrap #ippan h3{
		font-size: clamp(1.3rem, 3.5vw, 1.6em);
	}
	#pageWrap #senkou .date{
		padding:6px 20px;
		font-size: clamp(1rem, 3.5vw, 1.3em);
	}
	#pageWrap #senkou p,
	#pageWrap #ippan p{
		padding: 0;
		font-size: clamp(0.9rem, 3.5vw, 1.1em);
	}
	#pageWrap #senkou ul{
		display: block;
	}

	#pageWrap #senkou ul li{
		width:100%;
		display: flex;
		align-items: center;
		text-align: left;
		border: 1px solid #d6d6d6;
		padding: 0;
		margin-bottom: 5px;
	}
	#pageWrap #senkou ul li p{
		padding-left: 10px;
	}
	#pageWrap #senkou .other{
		margin: 20px 0 0;
		font-size: clamp(0.9rem, 3.5vw, 1.1em);
	}

	#pageWrap #senkou ul li span{
		font-weight: 700;
		line-height: 1.5;
		display: block;
		padding: 0 0 5px;
	}
	#pageWrap #senkou ul li figure{
		width: 30%;
		max-width: 200px;
	}

	#pageWrap #ippan .kakoi{
		padding: 8px 15px;
		margin: 20px 0;
		font-size: 1.1rem;
		font-size: clamp(0.8rem, 3.5vw, 1.1em);
	}
	#pageWrap #ippan span{
		font-size:0.7rem;
		margin-top: -15px;
	}
	#pageWrap #ippan p.stxt{
		font-size: clamp(0.75rem, 3.5vw, 0.9em);
	}
	table {
		margin: 10px auto;
	}
	th, td {
		font-size: 0.7rem;
	}
	th{
		width: 80px;
	}
	.hname{
		width: 100px;
	}
}


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

   link

-----------------------*/
a:link,
a:visited{
	color:#ffa600;
}
a:hover{
	color:#ffde00;
}

.backLink a{
	background-color:#ed0712;
	width:300px;
	border-radius: 50px;
	margin:10px auto;
	text-align:center;
	padding:18px 0;
	display:block;
	
	font-family: 'Noto Sans JP', sans-serif;
}
.backLink a:link,
.backLink a:visited{
	color:#ffffff;
	text-decoration:none;
	font-size:1.1rem;
	font-weight:bold;
}
.backLink a:hover{
	background-color:#ff7e00;
}

@media screen and (max-width:750px){
	.backLink a{
		width:280px;
		margin:0 auto 0;
		text-align:center;
		padding:15px 0 10px;
	}

	.backLink a:link,
	.backLink a:visited{
		color:#fff;
		text-decoration:none;
		font-size:1rem;
		font-weight:bold;
	}
}