@charset "utf-8";
/*汎用*/
#wrapper {
	background:#4e5ac8;
}
#wrapper img{
width:100%;
height:auto;
vertical-align: bottom;
}
.btn img {
	width: 100%;
}
header {
	position: relative;
	margin-bottom: calc(48 / 640 * 100vw);
}
header h1 {
	position: absolute;
	top: calc(14 / 640 * 100vw);
	width: calc(599 / 640 * 100vw);
	left: 50%;
	transform: translateX(-50%);
}
header .menu {
	background:#4e5ac8;
}
header .menu nav ul {
	display:flex;
	flex-wrap:wrap;
	/*justify-content: space-around;*/
	justify-content: center;
	width: 97%;
	margin: calc(10 / 640 * 100vw) auto 0;
    padding-left: 0.5%;
}
header .menu nav ul li {
	width:calc(202 / 640 * 100vw);
	margin-top: calc(10 / 640 * 100vw);
	margin-left: calc(2 / 640 * 100vw);
	margin-right: calc(2 / 640 * 100vw);
}
header .menu nav ul li a {
	display:inline-block;
}
header .menu nav ul li a:hover {
	background-color: transparent;	
}
header .menu nav ul li a:hover img,
header .menu_qa a:hover img {
    visibility: hidden;
}
header .menu nav ul li:nth-child(1) {
	background:url(../img/menu1_hover.png) no-repeat;
	background-size:100%;
}
header .menu nav ul li:nth-child(2) {
	background:url(../img/menu2_hover.png) no-repeat;
	background-size:100%;
}
header .menu nav ul li:nth-child(3) {
	background:url(../img/menu3_hover.png) no-repeat;
	background-size:100%;
}
header .menu nav ul li:nth-child(4) {
	background:url(../img/menu4_hover.png) no-repeat;
	background-size:100%;
}
/*header .menu nav ul li:nth-child(5) {
	background:url(../img/menu5_hover.png) no-repeat;
	background-size:100%;
}
header .menu nav ul li:nth-child(6) {
	background:url(../img/menu6_hover.png) no-repeat;
	background-size:100%;
}*/
header .menu_qa {
	width:calc(480 / 640 * 100vw);
	background:url(../img/menu_qa_hover.png) no-repeat;
	background-size:100%;
	margin: calc(10 / 640 * 100vw) auto 0;
}
header .menu_qa a {
	width: 100%;
}
.content {
	position:relative;
	background: #fff;
}
.content::before {
	position:absolute;
	content:"";
	top:calc(-9 / 640 * 100vw);
	left:0;
	background:url(../img/con_bg_top.png) repeat-x;
	background-size: calc(28.5 / 640 * 100vw);
	height:calc(10 / 640 * 100vw);
	width:100%;
	display:block;
}
.content::after {
	position:absolute;
	content:"";
	bottom:calc(-10 / 640 * 100vw);
	left:0;
	background:url(../img/con_bg_bottom.png) repeat-x;
	background-size: calc(28.5 / 640 * 100vw);
	height:calc(10 / 640 * 100vw);
	width:100%;
	display:block;
}

.icon_new h2::before {
  position:absolute;
	content:"";
	left:0;
	background:url(../img/icon_new.png) no-repeat;
	background-size: calc(83 / 640 * 100vw);
	height:calc(35 / 640 * 100vw);
	width:100%;
	display:block;
}

#cont1 {
	padding: calc(53 / 640 * 100vw) calc(20 / 640 * 100vw) calc(48 / 640 * 100vw);
	margin-bottom: calc(71 / 640 * 100vw);
}
#cont1 h2 {
	margin:0 calc(6 / 640 * 100vw) calc(38 / 640 * 100vw) calc(5 / 640 * 100vw)
}
#cont1 .img1 {
	margin-bottom: calc(44 / 640 * 100vw);
}

#cont2 {
	padding: calc(53 / 640 * 500px) 0 calc(53 / 640 * 500px);
	margin-bottom: calc(71 / 640 * 100vw);
}
#cont2 h2 {
  padding: 0 calc(20 / 640 * 100vw);
	margin:0 calc(6 / 640 * 100vw) 0 calc(5 / 640 * 100vw);
}
#cont2.icon_new h2::before {
  top:calc(50 / 640 * 100vw);
}
#cont2 .img1 {
	margin-bottom: calc(8 / 640 * 100vw);
}
#cont2 a{
  display:inline-block;
  text-align: center;
}
#cont2 a:hover {
	background-color: transparent;
}
#cont2 a:hover img {
  visibility: hidden;
}
#cont2 .con_btn1  {
  padding: 0 calc( 28 / 640*100vw);
  margin: calc( -70 / 640*100vw) 0 calc(50 / 640 * 100vw);
}
#cont2 .con_btn1 a {
  background: url(../img/con2_btn1_hover.png) no-repeat;
	background-size: 100%;
}
#cont2 .con_btn2 {
  background: #ebe0cc;
  padding: calc( 50 / 640*100vw) calc( 28 / 640*100vw);
}
#cont2 .con_btn2 a {
  background: url("../img/con2_btn2_hover.png") no-repeat;
	background-size: 100%;
}

#cont3 {
	padding: calc(43 / 640 * 100vw) calc(20 / 640 * 100vw) calc(51 / 640 * 100vw);
	margin-bottom: calc(71 / 640 * 100vw);
}
#cont3 h2 {
	margin:0 calc(6 / 640 * 100vw) calc(-8 / 640 * 100vw) calc(5 / 640 * 100vw);
}
#cont3.icon_new h2::before {
  top:calc(38 / 640 * 100vw);
}
#cont3 .img1 {
	margin-bottom: calc(30 / 640 * 100vw);
}
#cont3 .img2 {
	margin-bottom: calc(30 / 640 * 100vw);
}

#cont4 {
	padding: calc(43 / 640 * 100vw) calc(20 / 640 * 100vw) calc(55 / 640 * 100vw);
	margin-bottom: calc(71 / 640 * 100vw);
}
#cont4 h2 {
	margin:0 calc(6 / 640 * 100vw) calc(32 / 640 * 100vw) calc(5 / 640 * 100vw);
}
#cont4.icon_new h2::before {
  top: calc(38 / 640 * 100vw);
}
#cont4 .img1, #cont4 .img2, #cont4 .img3, #cont4 .img5 {
	margin-bottom: calc(30 / 640 * 100vw);
}
#cont4 .img4 {
  margin-bottom: calc(34 / 640 * 100vw);
}
#cont4 ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 0 calc(13 / 640 * 100vw);
}
#cont4 li {
  width: calc(280 / 640 * 100vw);
  margin-bottom: calc(21 / 640 * 100vw);
}
#cont4 li:nth-last-child(2) {
  margin-bottom: 0;
}
#cont4 li:last-child {
  text-align: left;
  padding-top: calc(66 / 640 * 100vw);
  margin-bottom: 0;
}
#cont4 li:last-child img {
  width: calc(80 / 640 * 100vw);
}


footer{
	width:100%;
	padding: 0 0 calc(41 / 640 * 100vw) 0;
	text-align:center;
	background:#4e5ac8;
}
.sns {
	padding-bottom:5vw;
	text-align:center;
}
.sns ul {
	width: calc(170 / 640 * 100vw);
	margin: 0 auto;
	display: flex;
}
.sns ul li {
	display: inline-block;
	margin-right: 18%;
	vertical-align: middle;
	list-style:none;
}
.sns ul li:last-child{
	margin-right: 0;
}
footer .banner {
	width:calc(470 / 640 * 100vw);
	margin:0 auto calc(35 / 640 * 100vw);
}
footer .copyright {
color: #ffffff;
font-size: calc(18 / 640 * 100vw);
}
.pageup{
	position: fixed;
	right: 0;
	bottom: 0;
	display: none;
	width: calc(70 / 640 * 100vw);
}

/*ショップリスト*/
header#list_header{
  margin-bottom: calc( 35 / 640*100vw);
}
#list_wrapper {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
  font-size: calc(22 / 640 * 100vw);
  color: #595959;
  line-height: 1.3;
  margin-bottom: calc( 60 / 640*100vw);
  padding: calc(55 / 640 * 100vw) calc(20 / 640 * 100vw) calc(60 / 640 * 100vw); 
}
#list_wrapper a {
  text-decoration: none;
}
#list_wrapper h2 {
	margin:0 calc(20 / 640 * 100vw) calc(37 / 640 * 100vw);  
}
#list_wrapper li {
  margin-bottom: calc(10 / 640 * 100vw);
}
#list_wrapper .text {
  margin-bottom: calc(30 / 640 * 100vw);  
}
#list_wrapper h3 {
  font-size: calc(24 / 640 * 100vw);
  font-weight: 700;
  text-align: center;
  background: #decbaa;
  margin-bottom: calc(25 / 640 * 100vw); 
  padding: calc(3 / 640 * 100vw) calc(8 / 640 * 100vw) calc(6 / 640 * 100vw);
}
#list_wrapper .btn_recommend {
  padding: 0 calc( 28 / 640*100vw) calc( 37 / 640*100vw);
}
#list_wrapper .btn_recommend a {
  display: inline-block;
  text-align: center;
  background: url("../img/btn_recommend_hover.png") no-repeat;
  background-size: 100%;
}
#list_wrapper .btn_recommend a:hover {
  background-color: transparent;
}
#list_wrapper .btn_recommend a:hover img {
  visibility: hidden;
}
#list_area ul {
  display: flex;
  flex-wrap: wrap;
  font-size: calc(28 / 640 * 100vw);
  margin: 0 calc(5 / 640 * 100vw);
}
#list_area ul li {
  margin-bottom: calc(25 / 640 * 100vw);
}
#list_area a {
  display: inline-block;
  color: #bd9856;
  text-decoration: none;
  margin: 0 calc(10 / 640 * 100vw);
}
#list_area a:hover {
  color: #bebcbc;
}
#list_area .list_shop_note {
  color: #fff;
  font-size: calc(24 / 640 * 100vw);
  font-weight: 700;
  line-height: 1.6;
  background: #878df3;
  margin-bottom: calc(50 / 640 * 100vw);
  padding: calc(23 / 640 * 100vw) calc(30 / 640 * 100vw) calc(25 / 640 * 100vw);
}
#list_shop h3 {
  text-align: left;
  padding: calc(9 / 640 * 100vw) calc(10 / 640 * 100vw) calc(9 / 640 * 100vw);  
}
#list_shop table {
  margin-bottom: calc(23 / 640 * 100vw);
}
#list_shop th {
  font-weight: 700;
  color: #fff;
  text-align: center;
  background: #878df3;
  padding: calc(12 / 640 * 100vw) calc(12 / 640 * 100vw) calc(13 / 640 * 100vw);
  border: 1px solid #878df3;
}
#list_shop th:first-child {
  width: calc(380 / 640 * 100vw);
  font-size: calc(24 / 640 * 100vw);
  text-align: left;
}
#list_shop th:nth-child(n+2) {
  width: calc(110 / 640 * 100vw);
  font-size: calc(22 / 640 * 100vw);
}
#list_shop td {
  font-size: calc(22 / 640 * 100vw);
  font-weight: 700;
  padding: calc(12 / 640 * 100vw) calc(12 / 640 * 100vw) calc(7 / 640 * 100vw);
  border: 1px solid #7da3f9;
}
#list_shop td:first-child {
  background: #eaeeff;
}
#list_shop td:nth-child(n+2) {
  text-align: center;
}
#list_shop .page_top {
  text-align: right;
  margin-bottom: calc( 25 / 640*100vw);
}
#list_shop .page_top:last-child {
  margin-bottom: calc( 52 / 640*100vw);
}
#list_shop .page_top a {
  font-size: calc(21 / 640 * 100vw);
  font-weight: 700;
  color: #bd9856;
}
#list_wrapper .btn_back {
  padding: 0 calc( 6 / 640*100vw) 0 calc( 10 / 640*100vw);
}
#list_wrapper .btn_back a {
  display: inline-block;
  text-align: center;
  background: url("../img/btn_back_hover.png") no-repeat;
  background-size: 100%;
}
#list_wrapper .btn_back a:hover {
  background-color: transparent;
}
#list_wrapper .btn_back a:hover img {
  visibility: hidden;
}

/*フェア対象作品リスト*/
#list_title {
  font-size: calc( 24/ 640*100vw);  
}
#list_title h3 {
  margin-bottom: calc( 20 / 640*100vw);
}
#list_title h4 {
  text-align: center;
  color: #bd9856;
  font-size: calc( 24/ 640*100vw);  
  font-weight: 700;
  margin-bottom: calc( 25 / 640*100vw);  
}
#list_title ul {
  margin-bottom: calc( 53 / 640*100vw);  
}
#list_title li {
  margin-bottom: calc( 16 / 640*100vw);
}
#list_title li strong {
  font-weight: bold;
}
#list_title li:last-child {
  margin-bottom: 0;
}
#list_title li span {
  font-weight: bold;
  font-size: calc( 20/ 640*100vw);
}
#list_title li a {
  color: #ff499a;
  font-weight: bold;
  padding-bottom: calc( 5/ 640*100vw);
}

/*よくある質問*/
#list_qa h2 {
  width: calc(300 / 640*100vw);
  margin-right: auto;
  margin-left: auto;
}
#list_qa dl {
  margin: 0 calc(5 / 640 * 100vw) calc(30 / 640*100vw);
  border: solid 1px #bd9856;
}
#list_qa dl:last-of-type {
  margin: 0 calc(5 / 640 * 100vw) calc(50 / 640*100vw);
}
#list_qa dt {
  position: relative;
  display: flex;
  align-items: center;
  min-height: calc( 64/ 640*100vw);
  vertical-align: middle;
  background: #ebe0cc;
  padding: calc(36 / 640*100vw) calc(20 / 640*100vw);
}
#list_qa dt p {
  font-size: calc(24 / 640*100vw);
  font-weight: 700;
  padding-left: calc(102 / 640*100vw);
}
#list_qa dt p::before {
  position: absolute;
  display: block;
  content: "";
  top: calc(30 / 640*100vw);
  left: calc(25 / 640*100vw);
  width: calc(74 / 640*100vw);
  height: calc(74 / 640*100vw);
  background: url("../img/qa_icon.png") no-repeat center top;
  background-size: cover;
}
#list_qa dd {
  font-size: calc(24 / 640*100vw);
  text-align: justify;
  padding: calc(36 / 640*100vw) calc(20 / 640*100vw);
}
#list_qa dd a {
  color: #ff499a;
  font-weight: bold;
  padding-bottom: calc( 5/ 640*100vw);
}

@media screen and (min-width:768px) and (max-width:1024px) {
body {
	text-align:center;
	background:url(../img/stripe.png) center top;
	background-size: 250px;
}
#wrapper{
	width:500px;
	margin:0 auto;
	padding: 0 50px;
}
header {
	margin-bottom: calc(40 / 640 * 500px);
}
header h1 {
	top: calc(14 / 640 * 500px);
	width: calc(599 / 640 * 500px);
}
header .menu nav ul {
	margin: calc(10 / 640 * 500px) auto 0;
}
header .menu nav ul li {
	width:calc(200 / 640 * 500px);
	margin-top: calc(10 / 640 * 500px);
	margin-left: calc(1 / 640 * 100vw);
	margin-right: calc(1 / 640 * 100vw);
}
header .menu_qa {
	width:calc(480 / 640 * 500px);
	margin: calc(10 / 640 * 500px) auto 0;
}
.content::before {
	top:calc(-10 / 640 * 500px);
	left:0;
	background-size: calc(28.5 / 640 * 500px);
	height:calc(10 / 640 * 500px);
}
.content::after {
	bottom:calc(-10 / 640 * 500px);
	background-size: calc(28.5 / 640 * 500px);
	height:calc(10 / 640 * 500px);
}
.icon_new h2::before {
	background-size: calc(83 / 640 * 500px);
	height:calc(35 / 640 * 500px);
}

#cont1 {
	padding: calc(53 / 640 * 500px) calc(20 / 640 * 500px) calc(48 / 640 * 500px);
	margin-bottom: calc(71 / 640 * 500px);
}
#cont1 h2 {
	margin:0 calc(6 / 640 * 500px) calc(38 / 640 * 500px) calc(5 / 640 * 500px)
}
#cont1 .img1 {
	margin-bottom: calc(44 / 640 * 500px);
}

#cont2 {
	padding: calc(53 / 640 * 500px) 0 calc(53 / 640 * 500px);
	margin-bottom: calc(71 / 640 * 500px);
}
#cont2 h2 {
  padding: 0 calc(20 / 640 * 500px);
	margin:0 calc(6 / 640 * 500px) 0 calc(5 / 640 * 500px)
}
#cont2.icon_new h2::before {
  top:calc(50 / 640 * 500px);
}
#cont2 .img1 {
	margin-bottom: calc(8 / 640 * 500px);
}
#cont2 .con_btn1  {
  padding: 0 calc( 28 / 640 * 500px);
  margin: calc( -70 / 640 * 500px) 0 calc(50 / 640 * 500px);
}
#cont2 .con_btn2 {
  background: #ebe0cc;
  padding: calc( 50 / 640 * 500px) calc( 28 / 640 * 500px);
}

#cont3 {
	padding: calc(43 / 640 * 500px) calc(20 / 640 * 500px) calc(51 / 640 * 500px);
	margin-bottom: calc(71 / 640 * 500px);
}
#cont3 h2 {
	margin:0 calc(6 / 640 * 500px) calc(-8 / 640 * 500px) calc(5 / 640 * 500px);
}
#cont3.icon_new h2::before {
  top:calc(38 / 640 * 500px);
}  
#cont3 .img1 {
	margin-bottom: calc(30 / 640 * 500px);
}
#cont3 .img2 {
	margin-bottom: calc(30 / 640 * 500px);
}

#cont4 {
	padding: calc(43 / 640 * 500px) calc(20 / 640 * 500px) calc(55 / 640 * 500px);
	margin-bottom: calc(71 / 640 * 500px);
}
#cont4.icon_new h2::before {
  top: calc(38 / 640 * 500px);
}
#cont4 h2 {
	margin:0 calc(6 / 640 * 500px) calc(32 / 640 * 500px) calc(5 / 640 * 500px);
}
#cont4 .img1, #cont4 .img2, #cont4 .img3, #cont4 .img5 {
	margin-bottom: calc(30 / 640 * 500px);
}
#cont4 .img4 {
  margin-bottom: calc(34 / 640 * 500px);
}
#cont4 ul {
  padding: 0 calc(13 / 640 * 500px);
}
#cont4 li {
  width: calc(280 / 640 * 500px);
  margin-bottom: calc(21 / 640 * 500px);
}
#cont4 li:last-child {
  padding-top: calc(66 / 640 * 500px);
  margin-bottom: 0;
}
#cont4 li:last-child img {
  width: calc(80 / 640 * 500px);
}

footer{
	padding: 0 0 calc(41 / 640 * 500px) 0;
}
.sns {
	padding-bottom:35px;
}
.sns ul {
	width: calc(170 / 640 * 500px);
	margin: 0 auto;
	display: flex;
}
footer .banner {
	width:calc(470 / 640 * 500px);
	margin:0 auto calc(35 / 640 * 500px);
}
footer .copyright {
	font-size: calc(18 / 640 * 500px);
}
.pageup{
	width: calc(70 / 640 * 500px);
}
footer .copyright{
font-size: 14px;
}
/*ショップリスト*/
header#list_header{
  margin-bottom: calc( 35 / 640*500px);
}
#list_wrapper {
  font-size: 16px;
  text-align: left;
  margin-bottom: calc( 60 / 640*500px);
  padding: calc(55 / 640 * 500px) calc(20 / 640 * 500px) calc(60 / 640 * 500px); 
}  
#list_wrapper h2 {
	margin: 0 calc(20 / 640 * 500px) calc(37 / 640 * 500px);  
}
#list_wrapper li {
  margin-bottom: calc(10 / 640 * 500px);
} 
#list_wrapper .text {
  margin-bottom: calc(30 / 640 * 500px);  
}
#list_wrapper h3 {
  font-size: 18px;
  margin-bottom: calc(25 / 640 * 500px); 
  padding: calc(3 / 640 * 500px) calc(8 / 640 * 500px) calc(6 / 640 * 500px);
}
#list_wrapper .btn_recommend {
  padding: 0 calc( 28 / 640 * 500px) calc( 20 / 640 * 500px);
}
#list_area ul {
  font-size: 20px;
  margin: 0 calc(5 / 640 * 500px);
}
#list_area ul li {
  margin-bottom: calc(25 / 640 * 500px);
}
#list_area a {
  margin: 0 calc(15 / 640 * 500px);
}
#list_area .list_shop_note {
  font-size: 18px;
  margin-bottom: calc(50 / 640 * 500px);
  padding: calc(23 / 640 * 500px) calc(30 / 640 * 500px) calc(25 / 640 * 500px);
}
#list_shop h3 {
  padding: calc(9 / 640 * 500px) calc(10 / 640 * 500px) calc(9 / 640 * 500px);  
}  
#list_shop table {
  margin-bottom: calc(23 / 640 * 500px);
}
#list_shop th {
  padding: calc(12 / 640 * 500px) calc(12 / 640 * 500px) calc(13 / 640 * 500px);
}
#list_shop th:first-child {
  width: calc(380 / 640 * 500px);
  font-size: 17px;
} 
#list_shop th:nth-child(n+2) {
  width: calc(110 / 640 * 500px);
  font-size: 16px;
}  
#list_shop td {
  font-size: 16px;
  padding: calc(12 / 640 * 500px) calc(12 / 640 * 500px) calc(7 / 640 * 100vw);
}
#list_shop .page_top {
  margin-bottom: calc( 25 / 640*500px);
}
#list_shop .page_top:last-child {
  margin-bottom: calc( 52 / 640*500px);
}  
#list_shop .page_top a {
  font-size: 15px;
} 
  
/*フェア対象作品リスト*/
#list_title {
  font-size: 17px;  
}
#list_title h3 {
  margin-bottom: calc( 20 / 640*500px);
}
#list_title h4 {
  font-size: 18px; 
  margin-bottom: calc( 25 / 640*500px);  
}
#list_title ul {
  margin-bottom: calc( 53 / 640*500px);  
}
#list_title li {
  margin-bottom: calc( 16 / 640*500px);
}
#list_title li span {
  font-size: 14px;
}
  
/*よくある質問*/
#list_qa h2 {
  width: calc(300 / 640*500px);
  margin-right: auto;
  margin-left: auto;
}
#list_qa dl {
  margin: 0 calc(5 / 640 * 500px) calc(30 / 640*500px);
}
#list_qa dl:last-of-type {
  margin: 0 calc(5 / 640 * 500px) calc(50 / 640*500px);
}  
#list_qa dt {
  font-size: 18px;
  min-height: calc( 64/ 640*500px);
  padding: calc(36 / 640*500px) calc(8 / 640*500px);
}
#list_qa dt p {
  font-size: 16px;
  padding-left: calc(90 / 640*500px);
}
#list_qa dt p::before {
  top: calc(30 / 640*500px);
  left: calc(16 / 640*500px);
  width: calc(68 / 640*500px);
  height: calc(68 / 640*500px);
}
#list_qa dd {
  font-size: 16px;
  padding: calc(36 / 640*500px) calc(20 / 640*500px);
}
#list_qa dd a {
  padding-bottom: calc( 5/ 640*500px);
}
}

@media screen and (min-width:1024px) {
body {
	text-align:center;
	background:url(../img/stripe.png) center top;
	background-size: 250px;
}
#wrapper{
	width:500px;
	background:#4e5ac8;
	margin:0 auto;
	padding: 0 50px;
}
header h1 {
	top: calc(14 / 640 * 500px);
	width: calc(599 / 640 * 500px);
}
header {
	margin-bottom: calc(40 / 640 * 500px);
}
header h1 {
	top: calc(14 / 640 * 500px);
	width: calc(599 / 640 * 500px);
}

header .menu nav ul {
	margin: calc(10 / 640 * 500px) auto 0;
}
header .menu nav ul li {
	width:calc(200 / 640 * 500px);
	margin-top: calc(10 / 640 * 500px);
	margin-left: calc(0 / 640 * 100vw);
	margin-right: calc(1 / 640 * 100vw);
}
header .menu_qa {
	width:calc(480 / 640 * 500px);
	margin: calc(10 / 640 * 500px) auto 0;
}
.content::before {
	top:calc(-10 / 640 * 500px);
	left:0;
	background-size: calc(28.5 / 640 * 500px);
	height:calc(10 / 640 * 500px);
}
.content::after {
	bottom:calc(-10 / 640 * 500px);
	background-size: calc(28.5 / 640 * 500px);
	height:calc(10 / 640 * 500px);
}
.icon_new h2::before {
	background-size: calc(83 / 640 * 500px);
	height:calc(35 / 640 * 500px);
}

#cont1 {
	padding: calc(53 / 640 * 500px) calc(20 / 640 * 500px) calc(48 / 640 * 500px);
	margin-bottom: calc(71 / 640 * 500px);
}
#cont1 h2 {
	margin:0 calc(6 / 640 * 500px) calc(38 / 640 * 500px) calc(5 / 640 * 500px)
}
#cont1 .img1 {
	margin-bottom: calc(44 / 640 * 500px);
}
#cont2 {
	padding: calc(43 / 640 * 500px) 0 calc(51 / 640 * 500px);
	margin-bottom: calc(71 / 640 * 500px);
}
#cont2 h2 {
  padding: 0 calc(20 / 640 * 500px);
	margin:0 calc(6 / 640 * 500px) 0 calc(5 / 640 * 500px);
}
#cont2.icon_new h2::before {
  top:calc(50 / 640 * 500px);
}
#cont2 .img1 {
	margin-bottom: calc(8 / 640 * 500px);
}
#cont2 .con_btn1  {
  padding: 0 calc( 28 / 640 * 500px);
  margin: calc( -70 / 640 * 500px) 0 calc(50 / 640 * 500px);
}
#cont2 .con_btn2 {
  background: #ebe0cc;
  padding: calc( 50 / 640 * 500px) calc( 28 / 640 * 500px);
}

#cont3 {
	padding: calc(43 / 640 * 500px) calc(20 / 640 * 500px) calc(51 / 640 * 500px);
	margin-bottom: calc(71 / 640 * 500px);
}
#cont3 h2 {
	margin:0 calc(6 / 640 * 500px) calc(-8 / 640 * 500px) calc(5 / 640 * 500px);
}
#cont3.icon_new h2::before {
  top:calc(38 / 640 * 500px);
}  
#cont3 .img1 {
	margin-bottom: calc(30 / 640 * 500px);
}
#cont3 .img2 {
	margin-bottom: calc(30 / 640 * 500px);
}

#cont4 {
	padding: calc(43 / 640 * 500px) calc(20 / 640 * 500px) calc(55 / 640 * 500px);
	margin-bottom: calc(71 / 640 * 500px);
}
#cont4 h2 {
	margin:0 calc(6 / 640 * 500px) calc(32 / 640 * 500px) calc(5 / 640 * 500px);
}
#cont4.icon_new h2::before {
  top: calc(38 / 640 * 500px);
}
#cont4 .img1, #cont4 .img2, #cont4 .img3, #cont4 .img5 {
	margin-bottom: calc(30 / 640 * 500px);
}
#cont4 .img4 {
  margin-bottom: calc(34 / 640 * 500px);
}
#cont4 ul {
  padding: 0 calc(13 / 640 * 500px);
}
#cont4 li {
  width: calc(280 / 640 * 500px);
  margin-bottom: calc(21 / 640 * 500px);
}
#cont4 li:last-child {
  padding-top: calc(66 / 640 * 500px);
  margin-bottom: 0;
}
#cont4 li:last-child img {
  width: calc(80 / 640 * 500px);
  
}


footer{
	padding: 0 0 calc(41 / 640 * 500px) 0;
}
.sns {
	padding-bottom:35px;
}
.sns ul {
	width: calc(170 / 640 * 500px);
	margin: 0 auto;
	display: flex;
}
footer .banner {
	width:calc(470 / 640 * 500px);
	margin:0 auto calc(35 / 640 * 500px);
}
footer .copyright {
	font-size: calc(18 / 640 * 500px);
}
.pageup{
	width: calc(70 / 640 * 500px);
}
footer .copyright{
font-size: 14px;
}
footer .copyright {
font-size: 14px;
}

/*ショップリスト*/
header#list_header{
  margin-bottom: calc( 35 / 640*500px);
}
#list_wrapper {
  font-size: 16px;
  text-align: left;
  margin-bottom: calc( 60 / 640*500px);
  padding: calc(55 / 640 * 500px) calc(20 / 640 * 500px) calc(60 / 640 * 500px); 
}  
#list_wrapper h2 {
	margin: 0 calc(20 / 640 * 500px) calc(37 / 640 * 500px);  
}
#list_wrapper li {
  margin-bottom: calc(10 / 640 * 500px);
} 
#list_wrapper .text {
  margin-bottom: calc(30 / 640 * 500px);  
}
#list_wrapper h3 {
  font-size: 18px;
  margin-bottom: calc(25 / 640 * 500px); 
  padding: calc(3 / 640 * 500px) calc(8 / 640 * 500px) calc(6 / 640 * 500px);
}
#list_wrapper .btn_recommend {
  padding: 0 calc( 28 / 640 * 500px) calc( 37 / 640 * 500px);
}
#list_area ul {
  font-size: 20px;
  margin: 0 calc(5 / 640 * 500px);
}
#list_area ul li {
  margin-bottom: calc(25 / 640 * 500px);
}
#list_area a {
  margin: 0 calc(15 / 640 * 500px);
}
#list_area .list_shop_note {
  font-size: 18px;
  margin-bottom: calc(50 / 640 * 500px);
  padding: calc(23 / 640 * 500px) calc(30 / 640 * 500px) calc(25 / 640 * 500px);
}
#list_shop h3 {
  padding: calc(9 / 640 * 500px) calc(10 / 640 * 500px) calc(9 / 640 * 500px);  
}  
#list_shop table {
  margin-bottom: calc(23 / 640 * 500px);
}
#list_shop th {
  padding: calc(12 / 640 * 500px) calc(12 / 640 * 500px) calc(13 / 640 * 500px);
}
#list_shop th:first-child {
  width: calc(380 / 640 * 500px);
  font-size: 17px;
} 
#list_shop th:nth-child(n+2) {
  width: calc(110 / 640 * 500px);
  font-size: 16px;
}  
#list_shop td {
  font-size: 16px;
  padding: calc(12 / 640 * 500px) calc(12 / 640 * 500px) calc(3 / 640 * 100vw);
}
#list_shop .page_top {
  margin-bottom: calc( 25 / 640*500px);
}
#list_shop .page_top:last-child {
  margin-bottom: calc( 52 / 640*500px);
}    
#list_shop .page_top a {
  font-size: 15px;
} 
  
/*フェア対象作品リスト*/
#list_title {
  font-size: 17px;  
}
#list_title h3 {
  margin-bottom: calc( 20 / 640*500px);
}
#list_title h4 {
  font-size: 18px; 
  margin-bottom: calc( 25 / 640*500px);  
}
#list_title ul {
  margin-bottom: calc( 53 / 640*500px);  
}
#list_title li {
  margin-bottom: calc( 16 / 640*500px);
}
#list_title li span {
  font-size: 14px;
} 
  
/*よくある質問*/
#list_qa h2 {
  width: calc(300 / 640*500px);
  margin-right: auto;
  margin-left: auto;  
}
#list_qa dl {
  margin: 0 calc(5 / 640 * 500px) calc(30 / 640*500px);
}
#list_qa dl:last-of-type {
  margin: 0 calc(5 / 640 * 500px) calc(50 / 640*500px);
}  
#list_qa dt {
  font-size: 18px;
  min-height: calc( 64/ 640*500px);
  padding: calc(36 / 640*500px) calc(8 / 640*500px);
}
#list_qa dt p {
  font-size: 16px;
  padding-left: calc(90 / 640*500px);
}
#list_qa dt p::before {
  top: calc(30 / 640*500px);
  left: calc(16 / 640*500px);
  width: calc(68 / 640*500px);
  height: calc(68 / 640*500px);
}
#list_qa dd {
  font-size: 16px;
  padding: calc(36 / 640*500px) calc(20 / 640*500px);
}
#list_qa dd a {
  padding-bottom: calc( 5/ 640*500px);
}  

}