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


/*----------------共通設定----------------*/

/* スマホ用(縦) CSS */
/*----------------トピックス----------------*/
.topics-wrap{
	padding: .5rem 0 0 0;
	position: relative;
}
.day{
  font-weight : bold;
  font-size : 14px;
  letter-spacing : 0.56px;
	position: absolute;
	right: 0;
	top: .2rem;
}
.topics-wrap h1{
	font-family: 'M PLUS 1p', sans-serif;
  font-size : 20px;
  line-height : 33px;
  letter-spacing : 0.4px;
	font-weight: 500;
	margin-bottom: .2rem;
	text-align: center;
}
.topics-wrap img{
	
}
.open{
	font-family: 'M PLUS 1p', sans-serif;
  font-size : 13px;
  letter-spacing : 0.78px;
  color : #FFFFFF;
	background-color: var(--pink);
	padding:  0 20px;
	line-height: 34px;
	display: inline-block;
	margin-top: 10px;
	
}



.topics-naiyou{
	padding: 0 .2rem;
}
.topics-naiyou h3{
	font-family: 'M PLUS 1p', sans-serif;
  font-size : 18px;
  line-height : 24px;
  letter-spacing : 0.45px;	
}
.topics-naiyou p{
	margin-top: .1rem
}



.topics-store{
	padding: 0 .2rem;
	margin-top: .2rem
}
.topics-store h4{
	font-family: 'M PLUS 1p', sans-serif;
  font-size : 16px;
  line-height : 28.25px;
	margin-bottom: .15rem
}

.topics-store dl{
  font-size : 13px;
  letter-spacing : 0.78px;
	margin-bottom: .03rem
}
.topics-store dt{
	display: inline-block;
	vertical-align: top;
	width: .8rem;
	font-weight: 500;
}
.topics-store dd{
	display: inline-block;
	width: 2.1rem;
}
.topics-store dl a{
	color: var(--pink);
}
.topics-store dl a:hover{
	opacity: 0.6;
}



.topics-button{
  font-size : 16px;
  letter-spacing : 0.96px;
	text-align: center;
	font-weight: 600;
	padding: .4rem 0;
}
.back{
	background-color: var(--brown2);
	height: 45px;
	width: 256px;
	text-align: center;
	border-style: none;
	border-radius: 10px;
	color: #FFFFFF;
	filter: drop-shadow(3px 3px 4px #828282);
}
.prev,
.next{
	background-color: var(--orange);
	height: 45px;
	width: 123px;
	text-align: center;
	border-style: none;
	border-radius: 10px;
	color: #FFFFFF;
	margin-top: 20px;
	filter: drop-shadow(3px 3px 4px #828282);
}
.prev{
	margin-right: 5px;
}
.next{
	margin-left: 5px;
}

.topics-button button:hover{
		opacity: 0.9;
		filter: drop-shadow(3px 3px 4px #5b5b5a);
		transition: all 0.2s 0s ease;
}



/* スマホ用(横)  CSS */
@media (min-width: 480px) {/* 画面サイズが480px以下の時、{　}内のCSSを追加するメディアクエリ */  
}



/* タブレット用  CSS */
@media (min-width: 768px) {/* 画面サイズが768px以下の時、{　}内のCSSを追加するメディアクエリ */

/*----------------共通設定----------------*/

/*----------------トピックス----------------*/
.topics-wrap{
	padding: 1.3rem 0 0 0;
	width: 6rem;
	max-width: 600px;
	margin: auto;
}
.day{
  font-size : .14rem;
  letter-spacing : 0.56px;
	top: .5rem;
}
.topics-wrap h1{
  font-size : .35rem;
  line-height : .53rem;
  letter-spacing : 0.7px;
	margin-bottom: .3rem;
}

.open{
  font-size : .15rem;
  line-height : .53rem;
  letter-spacing : 0.3px;
	padding:  0 20px;
	display: inline-block;
	margin-top: .2rem;
}



.topics-naiyou{
	padding: 0 0;
	margin-top: .25rem;
}
.topics-naiyou h3{
  font-size : .25rem;
  letter-spacing : 0.63px;
	
}
.topics-naiyou p{
	margin-top: .2rem
}



.topics-store{
	padding: 0 0;
	margin-top: .4rem
}
.topics-store h4{
  font-size : .18rem;
  line-height : .28rem;
	margin-bottom: .15rem;
	font-weight: 500;
}

.topics-store dl{
  font-size : .15rem;
  line-height : .28rem;
  letter-spacing : 0.9px;
	margin-bottom: .03rem
}
.topics-store dt{
	width: .9rem;
}
.topics-store dd{
	width: 5rem;
}




.topics-button{
  font-size : .21rem;
	padding: .2rem 0 .5rem 0;
	width: 10.80rem;
	max-width: 1080px;
	margin: auto;
}
.back{
	height: .57rem;
	width: 3.31rem;
	margin-right:3.5rem;
}
.prev,
.next{
	height: .57rem;
	width: 1.79rem;
	margin-top: .20rem;
}
.prev{
	margin-right: 5px;
}
.next{
	margin-left: 5px;
}













	
	





}










/* PC用  CSS */
@media (min-width: 992px) {/* 画面サイズが992px以下の時、{　}内のCSSを追加するメディアクエリ */

	
	
	
  
}










/* PC用  CSS */
@media (min-width: 1280px) {
	
/*----------------トピックス----------------*/
.topics-wrap{
	padding: 130px 0 0 0;
}
.day{
  font-size : 14px;
	top: 50px;
}
.topics-wrap h1{
  font-size : 35px;
  line-height : 53px;
	margin-bottom: 30px;
}

.open{
  font-size : 15px;
  line-height : 53px;
	margin-top: 20px;
}



.topics-naiyou{
	margin-top: 25px;
}
.topics-naiyou h3{
  font-size : 25px;
}
.topics-naiyou p{
	margin-top: 20px
}



.topics-store{
	margin-top: 40px
}
.topics-store h4{
  font-size : 18px;
  line-height : 28px;
	margin-bottom: 15px;
}

.topics-store dl{
  font-size : 15px;
  line-height : 28px;
	margin-bottom: 03px
}
.topics-store dt{
	width: 90px;
}
.topics-store dd{
	width: 500px;
}




.topics-button{
  font-size : 21px;
	padding: 20px 0 50px 0;
}
.back{
	height: 57px;
	width: 331px;
	margin-right:350px;
}
.prev,
.next{
	height: 57px;
	width: 179px;
	margin-top: 20px;
}


	
	
	
	

	
	
		
	
  
}