@charset "UTF-8";

/* 共通部分
----------------------------*/
html{
	font-size: 100%;
}
body{
	font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", sans-serif;
	line-height: 1.7;
	color: #432;
    background: linear-gradient(to bottom, #d9f0f7, #f5f8fa);/*正規の指定*/
}
a{
	text-decoration: none;
}
img{
	max-width: 100%;
}

/* HEADER
----------------------------*/
.logo{
	width: 210px;
	margin-top: 14px;
}

.main-nav{
	display: flex;
	font-size: 1.25rem;
	text-transform: uppercase;
	margin-top: 34px;
	list-style: none;
}
.main-nav li{
	margin-left: 36px;
}
.main-nav a{
	color: #432;
}
.main-nav a:hover{
	color: #0bd;
}

.page-header{
	display: flex;
	justify-content: space-between;
}

.wrapper{
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 4%;
}

/*--------------------------------
メイン画像エリア
---------------------------------*/
.text_wrapper {
	width: 100%;
	text-align: center;
	margin-bottom: 90px;
}
.text_wrapper img {
	width: 90%;
}

/*もっと見る
--------------------------------*/
.more {
    text-align: center;
    margin-top: 20px;
  }
  button {
    background-color: #5C6BC0;
    border: none;
    cursor: pointer;
    outline: none;
    color:#fff;
    padding: 0;
    line-height: 40px;
    width: 160px;
    border-radius: 20px;
  }

/*Gifterとは
----------------------------------*/
.home-content{
    text-align: center;
    margin-top: 10%;
}
.home-content p {
    font-size: 1.125rem;
    margin: 10px 0 42px;
}

/*商品画像
----------------------------------*/
.grid{
	display: grid;
	gap: 26px;
	grid-template-columns: 1fr 1fr 1fr;
	margin-top: 6%;
	margin-bottom: 50px;
}



/* フッター
----------------------------------*/
footer{
    width: 100%;
    height: 211px;
text-align: center;
line-height: 211px;
background-color:#8cb1ad;
}

p.copy{
    font-size:14px;
}