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

/*---------------------------------------------
Reset
---------------------------------------------*/
html {
	color: #333;
	overflow-y: scroll;
	font-family: 'M PLUS 1p', sans-serif , "Noto Sans JP", "ヒラギノ角ゴ ProN W3", Meiryo, sans-serif;
	font-size: 62.5%;
	line-height:1.3;
}

h1, h2, h3, h4, h5, h6 { font-weight: normal; margin: 0; padding: 0; }
img { border: none; vertical-align: bottom; max-width: 100%; height: auto; margin: 0; padding: 0; }
div, dl, dt, dd, form, input, ul, ol, li, p, select, textarea, span, th, td { margin: 0; padding: 0;}

/*---------------------------------------------
Style
---------------------------------------------*/
*, *:before, *:after {
	box-sizing: border-box;
}

body {
	text-align: center;
	margin: 0 auto;
	padding: 0;
	font-size:1.8rem;
}

.box_800{
	max-width:800px;
	margin:0 auto;
}

.box_900{
	max-width:900px;
	margin:0 auto;
}

.box_980{
	max-width:980px;
	margin:0 auto;
}

.box_1080{
	max-width:1080px;
	margin:0 auto;
}

.bg_w{
	background:#fff;
}

.outline {
  display        : inline-block;
  text-shadow    : 
       2px  2px 1px #fff,
      -2px  2px 1px #fff,
       2px -2px 1px #fff,
      -2px -2px 1px #fff,
       2px  0px 1px #fff,
       0px  2px 1px #fff,
      -2px  0px 1px #fff,
       0px -2px 1px #fff;        /* 文字の影 */
}

.for_sp{
	display:none;
	margin:0 auto;
}

.for_pc{
	display:block;
	margin:0 auto;
}

/*---------------------------------------------
ヘッダー
---------------------------------------------*/
header{
text-align: left;
}

.logo {
width: 20%;
}

/*---------------------------------------------
スタンプ発売開始
---------------------------------------------*/

.title {
background-color: #fffac2;

}

.title img {
margin-bottom: -9%;
}

.lineup {
background-color: #3aae36;
padding: 100px 0 30px 0;

}

/*---------------------------------------------
購入
---------------------------------------------*/

.wrap {

}

.text {
text-align: left;
width: 80%;
margin: 24px auto;
}

/* ボタン */

a.btn_03 {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto 16px auto;
    font-size: 3rem;
    width: 65%;
    position: relative;
    background: #3aae36;
    border: 1px solid #3aae36;
    border-radius: 50px;
    box-sizing: border-box;
    padding: 0 45px 0 25px;
    color: #fff;
    letter-spacing: 0.1rem;
    text-align: center;
    text-decoration: none;
    transition-duration: 0.3s;
    padding: 16px 0;
}
a.btn_03:before {
  content: '';
  width: 10px;
  height: 10px;
  border: 0;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  right: 25px;
  margin-top: -6px;
}
a.btn_03:hover {
  background: #fff;
  color: #3aae36;
}
a.btn_03:hover:before {
  border-top: 2px solid #3aae36;
  border-right: 2px solid #3aae36;
}


.btn_line{
    margin: 16px auto;
}


/*---------------------------------------------
フッター
---------------------------------------------*/

footer{
	width: 100%;
	padding: 20px 0;
	font: Arial, Helvetica, sans-serif;
	background: #2b2b2b;
	font-size: 90%;
}

footer a{
	color: #fff;
	text-decoration: none;
}


footer address{
	color: #fff;
}

/* 以下、スマホ表示調整が必要な場合に使用※不要な場合は削除 */

@media screen and (max-width: 768px){

body {
	text-align: center;
	margin: 0 auto;
	padding: 0;
	font-size:1.5rem;
}

.for_sp{
	display:block;
	margin:0 auto;
}

.for_pc{
	display:none;
	margin:0 auto;
}

.lineup {
padding: 50px 0 20px 0;

}

.title img {
margin-bottom: -14%;
}

/*---------------------------------------------
ヘッダー
---------------------------------------------*/

a.btn_03 {
    font-size: 1.6rem;
    width: 85vw;
    padding: 1.2rem 0;
    line-height: 1.3;
}

.logo {
width: 50%;
}


/*---------------------------------------------
フッター
---------------------------------------------*/
	footer{
		padding:10px 0;
	}

	footer a{
	font-size: 0.5em;
	}
	
	#page-top a{
	margin: 0 -10px 0 0;
	}
}