@charset "utf-8";
/* ===================================================================
 style info : ヘッダーやフッターなどサイト内共通
=================================================================== */

/*----------------------------------------------------
	共通
----------------------------------------------------*/
html {
  overflow-y: scroll;/* スクロールバーの有無によるズレ対策 */
  font-size: 62.5%;
  background: #ffffff;
}

body {
  font-family: "Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
  color: #000000;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5;
  letter-spacing: 0.1em;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -o-text-size-adjust: 100%;
  text-size-adjust: 100%;
  font-feature-settings: "palt";
}
body#top {
  background: #303030;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	::i-block-chrome, body {
		font-feature-settings: "pkna";
	}
}

/*----------------------------------------------------
    リンク
----------------------------------------------------*/
a:link {
  color: #333333;
  text-decoration: none;
  transition: all .5s ease;
  -webkit-transition: all .5s ease;
}

a:visited {
  color: #333333;
  text-decoration: none;
}

a:hover {
  color: #333333;
  text-decoration: none;
}

a:active {
  color: #333333;
  text-decoration: none;
}

a.link:link {
  color: #0000ff;
  text-decoration: none;
}

a.link:visited {
  color: #0000ff;
  text-decoration: none;
}

a.link:hover {
  color: #0000ff;
  text-decoration: none;
}

a.link:active {
  color: #0000ff;
  text-decoration: none;
}

/* -----------------------------------------------------------
    Copy
----------------------------------------------------------- */
#top main > section > .content > p {
	margin: 0 0 30px;
}
#top main > section > .content > p .red {
	color: #fb0000;
}
#top main > section > .content > p .bold {
	font-weight: bold;
}
#top main > section > .content > p .underline {
	text-decoration: underline;
}
#top main > section > .content > p .big {
	font-size: 2.3rem;
}
#top main > section > .content > p .back {
	background: linear-gradient(transparent 0%, #ffff66 0%);
}
.copy-image ,
.yearbuy {
  text-align: center;
}

/* -----------------------------------------------------------
    main
----------------------------------------------------------- */
#top main {
  background: #fff;
  max-width: 700px;
  width: 100%;
  margin: 0 auto;
  padding: 3.5% 0;
}
.hawkai-thumbnail {
	margin: 10% 0;
}
/* -----------------------------------------------------------
    header
----------------------------------------------------------- */
header {
  background: #000;
  text-align: center;
  padding: 10px;
}
header > .headcoppy {
  font-size: 2.5rem;
  color: #fff;
  font-weight: bold;
}

/* -----------------------------------------------------------
    コンバージョンwrap
----------------------------------------------------------- */
.offerwrap {
  padding: 10px;
  margin: 10% 0 0;
  border: 15px solid #9d2532;
  z-index: 0;
}
.offerwrap > .title {
  position: relative;
  top: -60px;
  text-align: center;
  margin: 0 0 -40px;
}
.offerwrap > .btnwrap > .item {
  text-align: center;
  margin: 0 0 30px;
}
.offerwrap > .notedescription {
  margin: 0 0 30px;
}
.offerwrap > .notedescription > .title {
  font-size: 3.6rem;
  font-weight: bolder;
  text-align: center;
  margin: 50px 0 20px;
}
.offerwrap > .noteitem {
  list-style-type: disc;
}

/* -----------------------------------------------------------
    main
----------------------------------------------------------- */

.inner {
  max-width: 700px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

/* -----------------------------------------------------------
    footer
----------------------------------------------------------- */
#top footer {
  max-width: 700px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
footer {
  font-size: 1.2rem;
  padding: 10px;
  background: #3e3e3e;
}
footer a {
  display: block;
  text-align: center;
  color: #ffffff !important;
  margin: 0 0 10px;
}
footer .copyright {
  text-align: center;
  color: #ffffff;
}

/* -----------------------------------------------------------
    pagetop
----------------------------------------------------------- */
#pagetop {
	position: fixed;
	bottom: 0;
	right: 2%;
	z-index: 999;
}

/* -----------------------------------------------------------
    img:hover
----------------------------------------------------------- */
a img:hover {
	opacity: 0.7;
	transition: all .5s ease;
	-webkit-transition: all .5s ease;
}