@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,700&display=swap');

a{
	text-decoration: none;
	color:#fff;
}

body {
max-width:900px;
	color:#363636;
  margin: 0 auto;
  padding: 0;
  font-family:'Noto Sans JP', '游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-weight:500;
	font-size:1.1em;
}

#answer{
  position: relative;
  height: 50vw;
  width: 100%;
}

 #answer h3 {
	 color:#363636;
    font-size:1.5em;
    display: block;
    font-weight: 600;
    text-align: center;
	 padding:10px;
	border-top:1px solid #aaa;
	border-bottom:1px solid #aaa;
  }

.img{
	margin:2% 0;
	width:100%;
}

#answer img{
	width:100%;
	mix-blend-mode: multiply;
}


@media screen and (min-width:768px) {
	
 #answer h3 {
	 color:#363636;
    font-size:2.0em;
    display: block;
    font-weight: 600;
    text-align: center;
	 padding:10px;
	border-top:1px solid #aaa;
	border-bottom:1px solid #aaa;
  }

#answer ul{
	display: flex;
	width:100%;
	margin:0 auto;
	padding:0;
	
}

#answer li{
	list-style: none;
	text-decoration: none;
	width: calc(100% / 2 - 20px);
	margin:1% auto;
}

.itembox{
	padding:3%;
	border:1px solid #ccc;
}


.itembox:hover{
	opacity: 0.8;
	background:#ffffee;
	transition: 0.2s;
}
	
.price{
	font-size:1.2em;
	padding:0;
	margin:0;
	text-align:right;
	}
	
.kissteprice
	{
	font-size:1rem;
	color:#363636;
	}
	
.price01{
	font-size:2.5em;
	font-weight:bold;
	color:#ED2B56;
	}
	
.yen{
	font-size:1em;
	color:#ED2B56;
	font-weight:bold;
	}
	
	
}


@media screen and (max-width:767px) {
	
	
#answer{
  position: relative;
  height: 50vw;
  width: 100%;
}

#answer ul{
	width:100%;
	margin:0 auto;
	padding:0;
	
}

#answer li{
	list-style: none;
	text-decoration: none;
	margin:2% 2% 10%;
}
	
.itembox{
	padding:3%;
	border:1px solid #ccc;
}
	
.price{
	font-size:1.2em;
	padding:0;
	margin:0;
	text-align:right;
	}
	
.kissteprice
	{
	font-size:1rem;
	color:#363636;
	}
	
.price01{
	font-size:1.8em;
	font-weight:bold;
	color:#ED2B56;
	}
	
.yen{
	font-size:1em;
	color:#ED2B56;
	font-weight:bold;
	}

	
}

