@charset "utf-8";
/* CSS Document */
body {
	background-color: #212909;
	min-width: 320px;
	padding-top: 50px;
}
main {
	background: url(../img/common/bg.jpg) repeat center top;
	background-size: 16.40rem 2.56rem;
	position: relative;
	overflow: hidden;
	text-align: center;
}
a,
a:hover {
	color: #fff;
}
.container {
	width: 320px;
	margin: 0 auto;
	position: relative;
}

@media ( min-width : 384px ) {
.container {
	width: 384px;
}
}

@media ( min-width : 512px ) {
.container {
	width: 512px;
}
}

@media ( min-width : 640px ) {
.container {
	width: 640px;
}
}

@media ( min-width : 960px ) {
.container {
	width: 960px;
}
*{
image-rendering: -webkit-optimize-contrast;
image-rendering: crisp-edges;
}
}
@media ( min-width : 1260px ) {
.container {
	width: 1260px;
}
}
strong {
	color: #eff801;
	font-weight: bold;
}
img {
	max-width: 100%;
	height: auto;
}
.text-img {
	line-height: 1;
}
.text-img img {
	vertical-align: bottom;
}
.btn {
	display: block;
	text-indent: 110%;
	overflow: hidden;
	white-space: nowrap;
	position: relative;
}
.btn:hover {
	opacity: 0.9 !important;
}
.btn.arrow-to:after {
	display: block;
	content: '';
	background: url(../img/common/arrow.svg) no-repeat center center;
	background-size: contain;
	width: 0.64rem;
	height: 0.4rem;
	position: absolute;
	right: 0.3rem;
	top: 50%;
	margin-top: -0.22rem;
}
.btn.arrow:after {
	display: block;
	content: '';
	background: url(../img/common/arrow.svg) no-repeat center center;
	background-size: contain;
	width: 0.4rem;
	height: 0.24rem;
	transform: rotate(-90deg);
	position: absolute;
	top: 50%;
	margin-top: -0.15rem;
	right: 0.3rem;
}
.btn.arrow-to-s:after {
	display: block;
	content: '';
	background: url(../img/common/arrow.svg) no-repeat center center;
	background-size: contain;
	width: 0.32rem;
	height: 0.20rem;
	position: absolute;
}
/*header---------------------------------------------------------*/
header {
	height: 50px;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	min-width: 320px;
	z-index: 1000;
	background-color: #fff;
}
body[class*="pc"] header {
	position: absolute;
}
header h1 {
	width: 120px;
	float: left;
	height: 100%;
	padding-left: 5px;
}
header h1 a {
	display: block;
	width: 108px;
	height: 50px;
	margin-left:4px;
	background: url(../img/common/logo_header.png) no-repeat center center;
	background-size: 108px auto;
	text-indent: -9999px;
}
header:after {
	display: block;
	content: '';
	clear: both;
}
header .nav .sns {
	display: inline-block;
	position: absolute;
	top: 0;
	right: 0;
	letter-spacing: -0.4em;
	text-align: center;
}
header .nav .sns {
	padding: 7px 2px 7px 7px;
}
header .nav .sns li {
	float: left;
	margin-right: 5px;
}

/*menu-----------------------------------------------------------*/
@media ( max-width : 959px ) {
.nav {
	float: right;
}
.nav .btn-nav {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 2;
	display: block;
	width: 122px;
	height: 55px;
	margin-left: -72px;
	background: url(../img/common/menu-assets/menu_sp_header_bg.png) no-repeat right top;
	background-size: contain;
	overflow: hidden;
}
.nav .btn-nav:before {
	position: absolute;
	display: block;
	content: '';
	top: 5px;
	right: 5px;
	z-index: 1;
	display: block;
	width: 40px;
	height: 40px;
	margin-left: -72px;
	background: url(../img/common/menu-assets/menu_sp_header_btn.png) no-repeat center center;
	background-size: contain;
	opacity: 0.8;
}
.nav .btn-nav span {
	position: relative;
	z-index: 2;
	display: block;
	float: right;
	width: 50px;
	height: 50px;
	background: url(../img/common/menu-assets/menu_sp_header_icon_close.png), url(../img/common/menu-assets/menu_sp_header_icon.png);
	background-repeat: no-repeat;
	background-position: -9999px center, center center;
	background-size: 15px 15px, 20px 23px;
	text-indent: 110%;
	overflow: hidden;
	white-space: nowrap;
}
.nav.active .btn-nav span {
	background-position: center center, -9999px center;
}
.nav .nav-transition {
	position: absolute;
	top: 50px;
	right: -260px;
	background-color: #fff;
	border-radius: 0 0 0 12px;
	padding: 0 0 3px 3px;
	-webkit-backface-visibility: hidden;
	-webkit-transition: -webkit-transform 0.3s ease, visibility 0.3s ease;
	transition: transform 0.3s ease, visibility 0.3s ease;
	-webkit-transform: translateX(0);
	transform: translateX(0);
	visibility: hidden;
}
.nav.active .nav-transition {
	-webkit-transform: translateX(-260px);
	transform: translateX(-260px);
	visibility: visible;
}
.nav .nav-transition > div {
	width: 250px;
	background-color: #2faae1;
	border-left: 2px solid #c7e0dd;
	border-bottom: 2px solid #c7e0dd;
	border-radius: 0 0 0 10px;
	padding: 10px;
}
.nav nav ul li {
	width: 230px;
	height: 50px;
	vertical-align: top;
	position: relative;
}
.nav nav ul li:before {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	content: '';
	height: 100%;
	width: 100%;
	opacity: 0.8;
	background: url(../img/common/menu-assets/menu_sp_btn.png) no-repeat center top;
	background-size: 230px 50px;
}
.nav nav ul li:first-of-type:before {
	background: url(../img/common/menu-assets/menu_sp_btn_first.png) no-repeat center top;
	background-size: 230px 50px;
}
.nav nav ul li:last-of-type:before {
	background: url(../img/common/menu-assets/menu_sp_btn_last.png) no-repeat center top;
	background-size: 230px 50px;
}
.nav nav ul li:after {
	display: block;
	content: "";
	width: 9px;
	height: 9px;
	border-top: 3px solid #fff;
	border-right: 3px solid #fff;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	position: absolute;
	right: 18px;
	top: 50%;
	margin-top: -6px;
}
.nav nav ul li.active:after {
	display: none;
}
.nav nav ul li a {
	display: block;
	height: 100%;
	width: 100%;
	text-indent: 110%;
	overflow: hidden;
	white-space: nowrap;
	position: relative;
	z-index: 1;
}
.nav nav ul li.active a {
	pointer-events: none;
}
.nav nav ul li.active a:before {
	display: block;
	content: '';
	background: url(../img/common/menu-assets/menu_sp_active_icon.svg) no-repeat left center;
	background-size: contain;
	width: 5px;
	height: 20px;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -10px;
}
.nav .nav-news a {
	background: url(../img/common/menu-assets/menu_sp_text_news.png) no-repeat 15px center;
	background-size: auto 18.5px;
}
.nav .nav-about a {
	background: url(../img/common/menu-assets/menu_sp_text_about.png) no-repeat 15px center;
	background-size: auto 19px;
}
.nav .nav-playguide a {
	background: url(../img/common/menu-assets/menu_sp_text_playguide.png) no-repeat 15px center;
	background-size: auto 18.5px;
}
.nav nav~.sns {
	margin-top: 22px;
	background-color: #fff;
	width: 230px;
	border-radius: 6px;
	text-align: center;
	letter-spacing: -0.4em;
	padding: 7px;
	position: relative;
}
.nav nav~.sns:before {
	display: block;
	content: '';
	background: url(../img/common/menu-assets/menu_sp_header_share.png) no-repeat center center;
	background-size: contain;
	width: 35px;
	height: 7px;
	position: absolute;
	top: -14px;
	left: 50%;
	margin-left: -17.5px;
}
.nav nav~.sns li {
	letter-spacing: normal;
	display: inline-block;
	float: none;
	margin: 0 3.5px;
}
.store-link .amazon {
    margin-top: 0.10rem;
}
}

@media ( min-width : 960px ) {
.btn-nav {
	display: none;
}
.nav nav {
	background: url(../img/common/menu-assets/menu_pc_bg.png) no-repeat center top;
	background-size: contain;
	width: 7.70rem;
	height: 0.86rem;
	margin: 0 auto;
	letter-spacing: -0.4em;
	text-align: center;
}
.nav nav li {
	width: 1.80rem;
	height: 0.70rem;
	display: inline-block;
	letter-spacing: 0;
	margin: 0 0.025rem;
	position: relative;
}
.nav nav li:before {
	display: block;
	height: 100%;
	width: 100%;
	content: '';
	background: url(../img/common/menu-assets/meunu_pc_btn_up.png) no-repeat center bottom;
	background-size: contain;
	opacity: 0.8;
	transition: opacity 0.12s linear;
}
.nav nav li:hover:before {
	opacity: 1;
}
.nav nav li.active:before {
	background: url(../img/common/menu-assets/menu_pc_btn_over.png) no-repeat center bottom;
	background-size: contain;
	opacity: 0.8;
}
 .nav nav li.active:before:hover {
 opacity: 0.8;
}
.nav nav li.active:after {
	display: block;
	width: 0.40rem;
	height: 0.06rem;
	content: '';
	background: url(../img/common/menu-assets/menu_pc_active_icon.svg) no-repeat center top;
	background-size: contain;
	position: absolute;
	left: 50%;
	top: 0;
	margin-left: -0.20rem;
}
.nav nav li a {
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	display: block;
	height: 100%;
	width: 100%;
	margin-top: 0.06rem;
	text-indent: 110%;
	overflow: hidden;
	white-space: nowrap;
}
.nav nav li.active a {
	pointer-events: none;
	cursor: default;
}
.nav nav .nav-news a {
	background: url(../img/common/menu-assets/menu_pc_text_news.png) no-repeat center 0.11rem;
	background-size: auto 0.45rem;
}
.nav nav .nav-about a {
	background: url(../img/common/menu-assets/menu_pc_text_about.png) no-repeat center 0.11rem;
	background-size: auto 0.44rem;
}
.nav nav .nav-playguide a {
	background: url(../img/common/menu-assets/menu_pc_text_playguide.png) no-repeat center 0.11rem;
	background-size: auto 0.45rem;
}
}
/*sns------------------------------------------------------------*/
.sns * {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
.sns li {
	vertical-align: top;
}
.sns li > div:hover {
	opacity: 0.8;
}
.sns .li > div {
	background: #00c300 url(../img/common/icon_line.svg) no-repeat center 53%;
	background-size: 24px auto;
	border-radius: 100%;
	width: 36px;
	height: 36px;
	overflow: hidden;
}

.sns .tw > div {
	/*background: #55acee url(../img/common/icon_twitter.svg) no-repeat 54% 56%;
	background-size: 22px auto;
	border-radius: 100%;*/
	width: 36px;
	height: 36px;
	overflow: hidden;
}
.sns .fb > div {
	background: #3b579d url(../img/common/icon_facebook.svg) no-repeat center center;
	background-size: auto 20px;
	border-radius: 100%;
	width: 36px;
	height: 36px;
	overflow: hidden;
	cursor: pointer;
}
.sns .li .line-it-button {
	opacity: 0;
	-webkit-transform: scale(0.9, 0.9);
	transform: scale(0.9, 0.9);
	-webkit-transform-origin: left top;
	transform-origin: left top;
}
.sns .tw .twitter-share-button {
	opacity: 0;
	/* display: block;
	width: 36px;
	height: 36px; */
	-webkit-transform: scale(0.48, 1.8);
	transform: scale(0.48, 1.8);
	-webkit-transform-origin: left top;
	transform-origin: left top;
}
.sns .fb .fb-share-button span {
	vertical-align: top !important;
	cursor: pointer;
}
.sns .fb .fb-share-button a{
	opacity: 0;
}
.sns .fb .fb-share-button iframe {
	opacity: 0;
	-webkit-transform: scale(0.6, 1.8);
	transform: scale(0.6, 1.8);
	-webkit-transform-origin: left top;
	transform-origin: left top;
	cursor: pointer;
}
/*footer---------------------------------------------------------*/
footer {
	padding: 0.20rem 0 0.10rem;
	background-color: #212909;
	color: #999d8b;
	font-size: 12px;
	text-align: center;
	position: relative;
	z-index: 999;
}
body[class*="pc"] footer {
	letter-spacing: 0.1em;
}
footer .footer-link {
	letter-spacing: -0.4em;
	margin-bottom: 0.3rem;
}
body[class*="sp"] footer .footer-link li {
	display: table;
	margin: 0.1rem auto;
}
footer .footer-link li {
	display: inline-block;
	margin: 0 0.05rem;
	letter-spacing: normal;
	padding-top: 0.1rem;
}
footer .footer-link li a {
	display: block;
	color: #fff;
	line-height: 1;
	background-color: rgba(255,255,255,0.15);
	padding: 10px 15px;
	text-decoration: none;
	border-radius: 20px;
}
footer .footer-link li a:hover {
	background-color: rgba(255,255,255,0.2);
}
footer .company {
	letter-spacing: -0.4em;
	margin-bottom: 0.1rem;
}
footer .company li {
	display: inline-block;
	margin: 0 5px;
}
footer .company .logo-fw img {
	width: 152px;
	height: 30px;
}
footer .company .logo-dre img {
	width: 128px;
	height: 30px;
}
footer .copyright,
footer .footer-text {
	font-size: 10px;
}
footer .copyright span,
footer .footer-text span {
	display: inline-block;
	margin: 0 0.5em;
}
footer hr {
	padding: 0;
	margin: 0.1rem 0;
	border: none;
	border-top: solid 1px #1a2107;
	border-bottom: solid 1px #383f22;
}
/*btn-page-top-----------------------------------------------------------------*/
.btn-page-top {
	position: fixed;
	right: 20px;
	bottom: 30px;
	width: 44px;
	height: 44px;
	z-index: 1024;
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.2s linear;
}
.btn-page-top.show {
	opacity: 1;
	pointer-events: auto;
}
.btn-page-top span {
	display: block;
	width: 44px;
	height: 44px;
	border-radius: 5px;
	background-color: rgba(0,0,0,0.5);
	text-indent: 110%;
	overflow: hidden;
	white-space: nowrap;
	cursor: pointer;
	opacity: 0.6;
}
body{class=*"pc"} .btn-page-top span:hover {
	opacity: 0.5;
}
.btn-page-top span:before {
	content: '';
	height: 0;
	width: 0;
	display: block;
	border: 15px transparent solid;
	border-top-width: 0;
	border-bottom-color: #fff;
	position: absolute;
	top: 6px;
	left: 7px;
	transform: scaleX(0.8);
	-transform: scaleX(0.8);
	opacity: 0.7;
}
.btn-page-top span:after {
	content: '';
	height: 15px;
	width: 10px;
	display: block;
	background: #fff;
	position: absolute;
	top: 21px;
	left: 17px;
	opacity: 0.7;
}
/*btn-page-top-----------------------------------------------------------------*/

.btn-site a {
	display: inline-block;
	background-color: #fff;
	border: 2px solid #00aa2d;
	color: #00aa2d !important;
	padding: 5px 15px;
	font-weight: bold;
	border-radius: 20px;
	text-decoration: none;
}
.btn-site a:hover {
	opacity: 0.8;
}
input[type='text'],
input[type='email'],
input[type='password'],
textarea {
	height: 40px;
	padding: 8px;
	border-radius: 6px;
	font-size: 16px;
	line-height: 20px;
	letter-spacing: 0;
	border: 2px solid #cccccc;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	-webkit-appearance : none;
	background-color: #fff;
	color: #333;
	text-align: left;
}
select {
	height: 40px;
	border-radius: 6px;
	padding: 8px;
	font-size: 16px;
	letter-spacing: 0;
	border: 2px solid #cccccc;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background-color: #fff;
	color: #333;
	white-space: nowrap;
	text-align: left;
}
select option {
	white-space: nowrap;
	text-align: left;
}
button {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
input[type=radio],
input[type=checkbox] {
	width: 20px;
	height: 20px;
	padding: 0;
	margin: 0;
	border: none;
	border: 2px solid #cccccc;
	vertical-align: middle;
}
input::-webkit-input-placeholder {
padding: 5px 0;
line-height:16px;
font-size:16px;
color:#999;
text-align: left;
}
input:-ms-input-placeholder {
line-height:20px;
font-size:16px;
color:#999;
text-align: left
}
input:-moz-placeholder {
line-height:20px;
font-size:16px;
color:#999;
text-align: left;
opacity:1;
}
input::-moz-placeholder {
line-height:20px;
font-size:16px;
color:#999;
text-align: left;
opacity:1;
}
textarea::-webkit-input-placeholder {
line-height:20px;
font-size:16px;
color:#999;
text-align: left;
}
textarea:-ms-input-placeholder {
line-height:20px;
font-size:16px;
color:#999;
text-align: left;
}
textarea:-moz-placeholder {
line-height:20px;
font-size:16px;
color:#999;
text-align: left;
opacity:1;
}
textarea::-moz-placeholder {
line-height:20px;
font-size:16px;
color:#999;
text-align: left;
opacity:1;
}
/*modal----------------------------------------------------------------*/

.modal-gb {
	background-color: #f0f0e6;
	max-width: 480px;
	margin: 0 auto;
	position: relative;
}
.modal-gb h2 {
	height: 60px;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	line-height: 60px;
	color: #fff;
	background-color: #095fa7;
}
.modal-gb > div {
	padding: 20px;
}
#modal-error > div {
	text-align: center;
}
#modal-error p {
	display: inline-block;
	text-align: left;
}
/*common-box------------------------------------------------------------*/
.common-box {
	background-color: #fff;
	border-radius: 0.12rem;
	padding: 0.02rem;
}
.common-box-inner {
	border: 0.04rem solid #135fb4;
	border-radius: 0.10rem;
}
/*icon-----------------------------------------------------------------*/
.icon-new {
	display: inline-block;
	background: url(../img/common/icon_new.png) no-repeat 0px 0px;
	background-size: contain;
	width: 35px;
	height: 16px;
	text-indent: 110%;
	overflow: hidden;
	white-space: nowrap;
	vertical-align: middle;
	position: relative;
	top: -1px;/*
	animation: new-ticker 2s steps(2) 0s infinite;
	-webkit-animation: new-ticker 2s steps(2) 0s infinite;
	*/
}
@keyframes new-ticker {
0% {
background-position: 0px 0px;
}
75% {
background-position: 0px 0px
}
100% {
background-position: 0px -40px
}
}
@-webkit-keyframes new-ticker {
0% {
background-position: 0px 0px;
}
75% {
background-position: 0px 0px;
}
100% {
background-position: 0px -40px
}
}
/*common-btn-------------------------------------------------------------------------*/
.btns {
	text-align: center;
	letter-spacing: -0.4em;
}
.btn-common {
	display: inline-block;
	min-width: 0.80rem;
	height: 0.80rem;
	border-radius: 0.40rem;
	box-shadow: 0px 0.05rem 0.03rem 0px rgba(0, 0, 0, 0.3);
	position: relative;
	background: url(../img/common/btn_common_mid_up.png) repeat-x center top;
	background-size: auto 0.80rem;
}
.btn-common:before {
	display: inline-block;
	content: '';
	background: url(../img/common/btn_common_side_up.png) no-repeat left top;
	background-size: cover;
	height: 0.80rem;
	width: 0.40rem;
	border-radius: 0.40rem 0 0 0.40rem;
	position: absolute;
	left: 0;
	top: 0;
}
.btn-common:after {
	display: inline-block;
	content: '';
	background: url(../img/common/btn_common_side_up.png) no-repeat right top;
	background-size: cover;
	height: 0.80rem;
	width: 0.40rem;
	border-radius: 0 0.40rem 0.40rem 0;
	right: 0;
	top: 0;
	position: absolute;
}
.btn-common a {
	display: table-cell;
	height: 0.80rem;
	min-width: 0.80rem;
	border-radius: 0.40rem;
	text-align: center;
	vertical-align: middle;
	font-size: 0.28rem;
	font-weight: bold;
	font-family: Arial, Helvetica, "sans-serif";
	text-decoration: none;
	position: relative;
	z-index: 2;
	color: #0d4daa;
}
.btn-common:hover:not(.active) {
	opacity: 0.9;
}
.btn-common span {
	display: inline-block;
	text-indent: -9999px;
	margin: 0 0.25rem 0 0.25rem;
	image-rendering: -webkit-optimize-contrast;
}
.btn-common span:before {
	display: block;
	content: '';
	width: 0.18rem;
	height: 0.18rem;
	border-top: 0.04rem solid #135fb4;
	border-right: 0.04rem solid #135fb4;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	right: 0.25rem;
	top: 0.29rem;
}
@media ( min-width : 960px ) {
/*smaller*/
.btn-common.smaller {
	min-width: 0.54rem;
	height: 0.54rem;
	border-radius: 0.27rem;
	background-size: auto 0.54rem;
}
.btn-common.smaller:before {
	height: 0.54rem;
	width: 0.27rem;
	border-radius: 0.27rem 0 0 0.27rem;
}
.btn-common.smaller:after {
	height: 0.54rem;
	width: 0.27rem;
	border-radius: 0 0.27rem 0.27rem 0;
}
.btn-common.smaller a {
	height: 0.54rem;
	min-width: 0.54rem;
	border-radius: 0.27rem;
	font-size: 0.27rem;
}
.btn-common.smaller:hover:not(.active) {
	opacity: 0.9;
}
.btn-common.smaller span {
	margin: 0 0.18rem 0 0.18rem;
}
.btn-common.smaller span:before {
	display: block;
	content: '';
	width: 0.12rem;
	height: 0.12rem;
	border-top: 0.035rem solid #135fb4;
	border-right: 0.035rem solid #135fb4;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	right: 0.18rem;
	top: 0.20rem;
}
}
/*paging----------------------------------------------------------------------------*/
.paging {
	margin-top: 0.30rem;
	position: relative;
	text-align: center;
	letter-spacing: -0.4em;
	padding: 0 0.80rem;
}
.paging .btn-common {
	letter-spacing: normal;
}
.paging .btn-num {
	margin: 0 0.10rem;
}
.paging .btn-num.active a {
	color: #fff;
	pointer-events: none;
	cursor: default;
}
.paging .btn-num.active {
	background: url(../img/common/btn_common_mid_active.png) repeat-x center top;
	background-size: auto 0.80rem;
}
.paging .btn-num.active:before {
	background: url(../img/common/btn_common_side_active.png) no-repeat left top;
	background-size: cover;
}
.paging .btn-num.active:after {
	background: url(../img/common/btn_common_side_active.png) no-repeat right top;
	background-size: cover;
}
.paging .btn-prev a span,
.paging .btn-next a span {
	display: none;
}
.paging .btn-prev {
	position: absolute;
	top: 0;
	left: 0;
}
.paging .btn-next {
	position: absolute;
	top: 0;
	right: 0;
}
.paging .btn-prev a:before {
	display: inline-block;
	content: '';
	width: 0.18rem;
	height: 0.18rem;
	border-bottom: 0.04rem solid #135fb4;
	border-left: 0.04rem solid #135fb4;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	margin-bottom: -0.02rem;
	margin-left: 0.08rem;
}
.paging .btn-next a:before {
	display: inline-block;
	content: '';
	width: 0.18rem;
	height: 0.18rem;
	border-top: 0.04rem solid #135fb4;
	border-right: 0.04rem solid #135fb4;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	margin-bottom: -0.02rem;
	margin-left: -0.08rem;
}
/*ttl2------------------------------------------------------------------------------*/
.ttl2 {
	position: relative;
	width: inherit;
	height: 1.58rem;
	padding-bottom: 0.15rem;
}
.ttl2:before {
	display: block;
	content: '';
	background: url(../img/regist_campaign-assets/sttl_ball.png) no-repeat left bottom;
	background-size: contain;
	width: 0.80rem;
	min-height: 0.80rem;
	position: absolute;
	bottom: 0;
	left: -0.30rem;
	z-index: 2;
}
.ttl2:after {
	display: block;
	content: '';
	background: url(../img/common/sttl_bg_sp.svg) no-repeat left bottom;
	background-size: contain;
	width: 6.90rem;
	min-height: 1.58rem;
	position: absolute;
	left: 0.10rem;
	bottom: 0;
	z-index: 1;
}
.ttl2 span {
	display: block;
	text-indent: -9999px;
	position: relative;
	z-index: 3;
	height: 100%;
	background-position: 0.20rem bottom;
	background-repeat: no-repeat;
}
@media ( min-width : 960px ) {
.ttl2 {
	height: 2.38rem;
	left: 20px;
}
.ttl2:after {
	background: url(../img/common/sttl_bg_pc.svg) no-repeat left bottom;
	background-size: contain;
	width: 12.10rem;
	min-height: 2.38rem;
}
}
/*line hr---------------------------------------------------------------------------*/
main hr {
	margin: 0;
	padding: 0;
	border: none;
	border-top: 0.02rem solid #000;
	border-bottom: 0.02rem solid #fff;
	opacity: 0.2;
}
/*store link---------------------------------------------------------------------------*/
.store-link {
	display: inline-block;
	letter-spacing: -0.4em;
	position: relative;
}
.store-link dt{
	display: inline-block;
	background: url(../img/common/store_link_text.png) no-repeat center top;
	background-size: contain;
	width: 5.36rem;
	height: 0.42rem;
	margin-bottom: 0.15rem;
	text-indent: -9999px;
}
.store-link li {
	display: inline-block;
	margin: 0 0.10rem;
}
.store-link li img {
	width: 2.80rem;
	height: auto;
}
.store-link .qr {
	display: none;
}

@media ( min-width : 960px ) {
.store-link dt {
    position: absolute;
    width: 4.37rem;
    height: 0.34rem;
    left: 0.32rem;
    top: 0;
}
.store-link li {
	padding-top: 0.45rem;
	margin: 0 0.025rem;
	vertical-align: top;
	position: relative;
	z-index: 11;
}
.store-link li img {
	width: 1.69rem;
	height: 0.50rem;
}
.store-link .amazon img {
	width: 1.72rem;
}
.store-link .qr {
	padding-top: 0;
	margin: 0 0.075rem;
	display: inline-block;
}
.store-link .qr img {
	width: 0.94rem;
	height: 0.94rem;
}
}

/*content footer (subpage footer content detail) -------------------------------------------------------------*/
.content-footer .store-link {
	margin-bottom: 0.40rem;
}
.content-footer {
	padding: 0.35rem 0;
	text-align: center;
}
.content-footer .sns {
	letter-spacing: -0.4em;
}
.content-footer .sns dt{
	display: inline-block;
	background: url(../img/common/content_footer/sns_text.png) no-repeat center top;
	background-size: contain;
	height: 0.35rem;
	width: 3.79rem;
	margin-bottom: 0.15rem;
	text-indent: -9999px;
}
.content-footer .sns li {
	display: inline-block;
	margin: 0 5px;
}