@charset 'utf-8';

*,
.pagetop-btn,
.pickup-block,
.search-text>.input,
.series-pickup *,
[canvas=container],
[off-canvas],
[type=checkbox],
[type=radio],
legend {
	box-sizing: border-box
}

button,
input,
select,
textarea {
	font: inherit;
	margin: 0
}

optgroup {
	font-weight: 700
}

button,
select {
	text-transform: none
}

[type=button],
[type=reset],
[type=submit],
button {
	cursor: pointer
}

[disabled] {
	cursor: default
}

.action-contents>label,
.form-form .label,
.label-checkbox,
.modal-overlay .close:hover,
.secret-btn {
	cursor: pointer
}

[type=reset],
[type=submit],
button,
html [type=button] {
	-webkit-appearance: button
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0
}

button:-moz-focusring,
input:-moz-focusring {
	outline: ButtonText dotted 1px
}

fieldset {
	border: 1px solid silver;
	margin: 0 2px;
	padding: .35em .625em .75em
}

body,
button,
html,
legend,
ul {
	padding: 0
}

legend {
	color: inherit;
	display: table;
	max-width: 100%;
	white-space: normal
}

textarea {
	overflow: auto
}

[type=checkbox],
[type=radio] {
	padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
	height: auto
}

[type=search] {
	-webkit-appearance: textfield
}

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
	-webkit-appearance: none
}

iframe[name=google_conversion_frame] {
	position: absolute;
	top: 0
}

.hide-text,
[off-canvas],
html.sb-active body {
	overflow: hidden
}

button,
input,
select,
textarea {
	-webkit-appearance: none;
	outline: 0;
	border: none
}

input,
select,
textarea {
	border-radius: 0
}

li {
	list-style: none
}

.hide-text {
	position: absolute;
	height: 1px;
	width: 1px;
	clip: rect(1px, 1px, 1px, 1px)
}

.navmenu-text>.english,
.notfound-contents>.btn,
.notfound-contents>.title,
.slidenav-link>.english
{
	font-family: Roboto, sans-serif;
	font-weight: 700
}

[canvas],
[off-canvas*=push] {
	z-index: 1
}

[off-canvas*=reveal],
[off-canvas*=shift] {
	z-index: 0
}

/*!
 * Slidebars - A jQuery Framework for Off-Canvas Menus and Sidebars
 * Version: 2 Development
 * Url: http://www.adchsm.com/slidebars/
 * Author: Adam Charles Smith
 * Author url: http://www.adchsm.com/
 * License: MIT
 * License url: http://www.adchsm.com/slidebars/license/
 */

[canvas=container],
[off-canvas] {
	margin: 0;
	padding: 0
}

[canvas=container] {
	width: 100%;
	height: 100%;
	overflow-y: auto;
	position: relative;
	background-color: #fff;
	-webkit-overflow-scrolling: touch
}

[canvas=container]:after,
[canvas=container]:before {
	clear: both;
	content: '';
	display: table
}

.modal-block>.checkbox,
[off-canvas] {
	display: none
}

[off-canvas] {
	position: fixed;
	overflow-y: auto;
	background-color: #000;
	color: #fff;
	-webkit-overflow-scrolling: touch
}

[off-canvas*=top] {
	width: 100%;
	height: 255px;
	top: 0
}

[off-canvas*=right] {
	width: 255px;
	height: 100%;
	top: 0;
	right: 0
}

[off-canvas*=bottom] {
	width: 100%;
	height: 255px;
	bottom: 0
}

[off-canvas*=left] {
	width: 255px;
	height: 100%;
	top: 0;
	left: 0
}

[off-canvas*=overlay] {
	z-index: 9999
}

[canvas],
[off-canvas] {
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
	transition: -webkit-transform .3s;
	transition: transform .3s;
	transition: transform .3s, -webkit-transform .3s;
	-webkit-backface-visibility: hidden
}

[off-canvas*=shift][off-canvas*=top] {
	-webkit-transform: translate(0, 50%);
	transform: translate(0, 50%)
}

[off-canvas*=shift][off-canvas*=right] {
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0)
}

[off-canvas*=shift][off-canvas*=bottom] {
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%)
}

[off-canvas*=shift][off-canvas*=left] {
	-webkit-transform: translate(50%, 0);
	transform: translate(50%, 0)
}

.modal-overlay {
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	transition: all .3s ease;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	pointer-events: none;
	z-index: -100;
	-webkit-transform: scale(1);
	transform: scale(1);
	display: flex
}

.modal-block>input:checked~.modal-overlay,
.nav-menu>.item:hover .navmenu-link:before {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.modal-wrapper {
	background: url(../images/bg_popup.svg?1477300829) 50% 50% #fff;
	box-shadow: 0 0 10px rgba(0, 0, 0, .6);
	width: 980px;
	min-height: 424px;
	margin: 0 auto;
	align-self: center;
	border-radius: 5px;
	position: relative;
	transition: all .5s ease
}

.modal-wrapper.-simple {
	width: auto;
	max-width: 480px;
	border-radius: 0;
	box-shadow: 0 0 15px rgba(0, 0, 0, .5)
}

.action-contents>.btn,
.search-text>.input {
	box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, .7) inset
}

.modal-wrapper.-mypage {
	height: 375px
}

.modal-wrapper.-campaign:after {
	content: "";
	position: absolute;
	bottom: 24px;
	right: -78px;
	z-index: -1;
	background: url(../images/image_popup08-pc.png?1477301604) no-repeat;
	width: 382px;
	height: 342px;
	background-size: 382px auto
}

.modal-wrapper>.inner {
	position: relative;
	height: 100%;
	overflow: hidden
}

.modal-wrapper>.inner:after,
.modal-wrapper>.inner:before {
	position: absolute;
	content: ""
}

.modal-wrapper>.inner:before {
	background: url(../images/icon_ufo02.svg?1477300996) no-repeat;
	top: 25px;
	left: -25px;
	width: 127px;
	height: 75px;
	z-index: -1;
	background-size: 127px auto
}

.modal-wrapper>.inner:after {
	background: url(../images/icon_alien02.svg?1477300152) no-repeat;
	width: 113px;
	height: 135px;
	background-size: 113px auto;
	right: 25px;
	bottom: -22px;
	z-index: -1
}

.modal-wrapper.-simple>.inner:after {
	right: 8px
}

.modal-wrapper.-campaign>.inner:after {
	right: 0;
	left: 243px;
	bottom: -16px;
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1)
}

.modal-overlay .close {
	position: absolute;
	right: 20px;
	top: 20px;
	width: 43px;
	height: 43px;
	background: url(../images/btn_close.png?1476461346) no-repeat;
	background-size: 43px auto;
	z-index: 1
}

.modal-close,
.slide-menu {
	height: 100%;
	top: 0;
	left: 0
}

.modal-close {
	width: 100%;
	position: fixed;
	z-index: -100
}

.modal-block>input:checked~.modal-close {
	z-index: 9998
}

.modal-block>input:checked~.modal-overlay {
	-webkit-transform: scale(1);
	transform: scale(1);
	z-index: 9997;
	overflow: auto;
	pointer-events: auto;
	background: rgba(32, 32, 32, .7)
}

.modal-block>input:checked~.modal-overlay.-simple {
	background: rgba(32, 32, 32, .13)
}

.modal-block>input:checked~.modal-overlay .modal-wrapper {
	-webkit-transform: translateY(0);
	transform: translateY(0);
	z-index: 9999
}

.font-bold {
	font-weight: 700
}

.contact-form .select,
.form-form .select {
	text-indent: .01px;
	text-overflow: ''
}

.common-mypagemenu {
	display: none;
	position: absolute;
	top: 70px;
	z-index: 1;
	right: 215px
}

.common-mypagemenu.-left {
	right: 280px
}

.common-mypagemenu.-right {
	right: -7px
}

.common-mypagelink {
	width: 145px
}

.common-mypagelink.-left>.item:first-child>a {
	border: 1px solid #535353;
	border-radius: 5px 5px 0 0
}

.common-mypagelink.-left>.item:last-child>a {
	border-right: 1px solid #535353;
	border-left: 1px solid #535353;
	border-bottom: 1px solid #535353;
	border-radius: 0 0 5px 5px
}

.common-mypagelink.-right>.item>a {
	border-right: 1px solid #535353;
	border-left: 1px solid #535353;
	border-bottom: 1px solid #535353
}

.common-mypagelink.-right>.item:first-child>a {
	border: 1px solid #535353;
	border-radius: 5px 5px 0 0
}

.common-mypagelink.-right>.item:last-child>a {
	border-right: 1px solid #535353;
	border-left: 1px solid #535353;
	border-bottom: 1px solid #535353;
	border-radius: 0 0 5px 5px
}

.common-mypagelink>.item {
	text-align: center
}

.common-mypagelink>.item>a {
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: 700;
	display: block;
	padding: 12px 0;
	background: #000;
	transition: .3s ease
}

.common-mypagelink>.item>a:hover {
	color: #fff;
	background: #0075a9
}

.nav-menu,
.navmenu-link {
	display: flex;
	height: 100%
}

.nav-menu {
	border-left: 1px solid #535353
}

.nav-menu>.item {
	width: calc(100% / 7);
	height: 100%;
	border-right: 1px solid #535353
}

.circle-image:before,
.navmenu-link:before {
	-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
	opacity: 0
}

.navmenu-link {
	width: 100%;
	justify-content: center;
	align-items: center;
	text-align: center;
	position: relative
}

.navmenu-link:before {
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: '';
	transition: opacity .3s ease;
	background: rgba(255, 255, 255, .2)
}

.navmenu-text {
	color: #fff
}

.navmenu-text>.english {
	font-size: 16px;
	font-size: 1.6rem;
	display: block;
	margin: 0 0 2px;
	letter-spacing: .2em
}

.navmenu-text>.japanese {
	font-size: 10px;
	font-size: 1rem;
	font-weight: 700;
	letter-spacing: .2em
}

.menu-btn {
	display: none
}

.header-contents {
	position: relative
}

.header-contents>.link {
	position: absolute;
	right: 220px;
	bottom: -11px;
	z-index: 1
}

.header-contents>.product {
	display: block;
	position: absolute;
	top: 10px;
	right: -126px;
	background: url(../images/btn_product.png?1476442618) no-repeat;
	background-size: 103px auto;
	width: 103px;
	height: 103px
}

.header-contents>.shop {
	display: block;
	position: absolute;
	top: 8px;
	right: -106px;
	background: url(../images/img_shop_pc.png) no-repeat;
	background-size: contain;
	width: 93px;
	height: 63px;
	transition: -webkit-transform .2s linear;
	transition: transform .2s linear;
	transition: transform .2s linear, -webkit-transform .2s linear
}

.header-contents>.shop:hover {
	-webkit-transform: scale(1.075);
	transform: scale(1.075)
}

.action-contents>.flatbtn.-register>i {
	position: absolute;
	width: 13px;
	top: 0;
	right: 10px;
	display: block;
	height: 100%;
	background: url(../images/icon_key.svg?1476438233) 0 50% no-repeat;
	background-size: 13px auto
}

.action-contents>.flatbtn.-login>i {
	position: absolute;
	width: 13px;
	top: 0;
	right: 10px;
	display: block;
	height: 100%;
	background: url(../images/icon_login.svg?1476439391) 0 50% no-repeat;
	background-size: 13px auto
}

.action-contents>.flatbtn.-mypage {
	background: #0075a9
}

.action-contents>.flatbtn.-mypage>i {
	position: absolute;
	width: 10px;
	top: 0;
	right: 12px;
	display: block;
	height: 100%;
	background: url(../images/icon_mypage.svg?1477544114) 0 50% no-repeat;
	background-size: 10px auto
}

.header-staticlink {
	width: 165px;
	display: flex
}

.header-staticlink>.item {
	width: 50%;
	text-align: center
}

.header-staticlink>.item:first-child>a {
	border: 1px solid #535353;
	border-radius: 5px 0 0 5px
}

.header-staticlink>.item:last-child>a {
	border-top: 1px solid #535353;
	border-right: 1px solid #535353;
	border-bottom: 1px solid #535353;
	border-radius: 0 5px 5px 0
}

.header-staticlink>.item>a {
	font-size: 9px;
	font-size: .9rem;
	font-weight: 700;
	letter-spacing: .2em;
	display: block;
	padding: 5px 0;
	background: #000;
	transition: .3s ease
}

.footer-secondary,
.footer-sns,
.footer-tertiary {
	display: flex;
	margin: 0;
}

.header-staticlink>.item>a:hover {
	color: #000;
	background: #fff
}

.footer-contents {
	position: relative
}

.footer-block {
	padding: 15px 0 0
}

.footer-block>.top {
	height: 165px
}

.footer-block>.middle {
	height: 115px;
	border-bottom: 1px solid #535353
}

.footer-block>.bottom {
	font-size: 10px;
	font-size: 1rem;
	font-weight: 700;
	line-height: 1.6;
	padding: 35px 0
}

.footer-middle {
	display: flex;
	height: 100%;
	justify-content: space-between;
	align-items: center
}

.footer-secondary>.item {
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: 700;
	letter-spacing: .1em
}

.footer-secondary>.item:not(:last-child) {
	margin: 0 40px 0 0
}

.footer-tertiary>.item {
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 28px;
	margin: 0;
	padding-right: 46px;
	letter-spacing: .05em;
	border-right: 1px solid #fff
}

.footer-tertiary>.item:last-child {
	padding-right: 0;
	padding-left: 44px;
	border: none
}

.pagetop-btn {
	position: fixed;
	z-index: 666;
	right: 30px;
	bottom: 30px;
	width: 100px;
	height: 51px;
	text-align: center;
	background: url(../images/pagetop.png?1477625176) no-repeat;
	background-size: 100px auto
}

.circle-image {
	position: relative;
	overflow: hidden;
	margin: 0
}

.circle-image:before {
	position: absolute;
	z-index: 2;
	top: 50%;
	left: 50%;
	display: block;
	width: 0;
	height: 0;
	content: '';
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	border-radius: 100%;
	background: rgba(255, 255, 255, .2)
}

.article-meta {
	display: flex;
	align-items: center
}

.article-meta.-archive {
	margin: 0 0 20px
}

.article-meta.-related,
.article-meta.-series {
	margin: 0 0 10px
}

.article-meta.-sideranking {
	margin: 0 0 8px
}

.article-author {
	font-weight: 700;
	margin: 0;
	color: #fff
}

.article-author.-archive {
	font-size: 10px;
	font-size: 1rem;
	letter-spacing: .05em
}

.article-title {
	font-weight: 400;
	overflow: hidden;
	margin: 0;
	color: #fff
}

.article-title.-archive {
	font-size: 24px;
	font-size: 2.4rem;
	line-height: 1.5;
	max-height: calc(3em * 1.5)
}

.keyword-link {
	transition: .3s ease
}

.article-title.-pickup {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.4;
	max-height: 37px
}

.article-title.-related {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.25;
	max-height: 34px
}

.article-title.-sideranking {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.25;
	max-height: 52px
}

.article-title.-aside {
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.25;
	max-height: 40px;
	margin: 0 0 8px
}

.article-title.-asidebottom {
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.25;
	max-height: 58px;
	margin: 0 0 5px
}

.article-writer {
	font-weight: 400;
	margin: 5px 0 0
}

.article-writer.-series {
	font-size: 1.3rem;
	line-height: 1.5
}

.article-text {
	overflow: hidden;
	margin: 0;
	color: #fff
}

.article-text.-archive {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.4;
	display: none;
	max-height: 35px
}

.pager-block {
	background: #323237;
	height: 95px
}

.pager-list {
	display: flex;
	height: 100%;
	align-items: center;
	justify-content: center
}

.pager-link {
	font-size: 20px;
	font-size: 2rem;
	display: block;
	font-weight: 400;
	padding: 10px 15px;
	margin: 0 8px;
	border: 1px solid #535353
}

.pager-link.-arrow {
	border: none;
	margin: 0
}

.pager-link.-current {
	background: #FFF;
	color: #000;
	border-color: #FFF;
	pointer-events: none
}

.ranking-wrapper {
	background: #323237
}

.keyword-list {
	display: flex;
	flex-wrap: wrap;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff
}

.keyword-list>.item {
	width: 50%;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff
}

.keyword-link {
	display: block;
	text-align: center;
	padding: 8px 0;
	font-size: 10px;
	font-size: 1rem;
	font-weight: 700
}

body.page-writer .pickup-block {
	top: 1674px
}

.pickup-block {
	width: 100%;
	margin: 55px auto;
	padding: 45px 0;
	background: #797461
}

.search-text>.input {
	display: block;
	border-radius: 20px;
	background: #535353;
	width: 100%;
	padding: 0 38px 0 20px;
	font-size: 10px;
	font-size: 1rem;
	color: #fff;
	line-height: 30px;
	height: 30px
}

.search-text>.submit {
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	width: 38px
}

.search-text>.submit>i {
	display: block;
	width: 100%;
	height: 100%;
	background: url(../images/icon_search.svg?1476439330) 50% 50% no-repeat;
	background-size: 12px auto
}

.noresult-text {
	font-size: 24px;
	font-size: 2.4rem;
	margin: 0 0 275px
}

.writer-list {
	font-size: inherit;
	display: flex;
	padding: 0 0 2rem;
	flex-wrap: wrap;
	justify-content: space-between
}

.writer-list .writer {
	position: relative;
	width: 48.5%;
	height: 100%;
	margin-bottom: 3.5rem;
	background: #323237
}

.writer-list .writer-title {
	font-size: 2.4rem;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	margin: 0;
	padding: 14px 22px;
	background-color: rgba(0, 0, 0, .7)
}

.writer-list .writer-photo {
	width: 100%;
	height: 0;
	padding-top: 100%;
	background: 50% 50% no-repeat;
	background-size: cover
}

.writer-list .writer-contents {
	padding: 2.5rem 2rem
}

.writer-list .writer-text {
	font-size: 1.4rem;
	line-height: 1.95;
	display: -webkit-box;
	overflow: hidden;
	max-height: calc(5em * 1.95);
	margin: 0;
	-webkit-line-clamp: 5
}

.writertitle-wrap {
	display: flex;
	padding-bottom: 1.4rem;
	align-items: center
}

.writertitle-wrap>.photo {
	width: 100px;
	height: 80px;
	margin: 0;
	flex-shrink: 0
}

.writertitle-wrap>.photo>img {
	width: auto;
	height: 100%;
	border-radius: 100%
}

.writertitle-text>.title {
	font-size: 24px;
	font-size: 2.4rem;
	line-height: 1.5;
	margin: 0 0 10px
}

.writertitle-text>.text {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.65;
	margin: 0
}

.writertitle-text img {
	max-width: 100%;
	vertical-align: top
}

.contact-form .label a,
.faq-contents>.answer a,
.form-form .label a {
	font-weight: 700;
	text-decoration: underline
}

.series-pickup {
	margin: 0 auto 50px;
	background-color: #1c252b
}

.series-pickup-inner {
	position: relative;
	width: 1080px;
	margin: 0 auto;
	padding: 40px 0
}

.series-pickup-head-title {
	font-size: 2.7rem;
	line-height: 1.1;
	display: inline-block;
	margin: 0;
	padding: 0 2.3rem;
	letter-spacing: .25em;
}

.series-pickup-items {
	font-size: inherit;
	display: flex;
	margin: 35px 0 0
}

.series-pickup-item {
	position: relative;
	width: 185px
}

.series-pickup-item:not(:first-child) {
	margin-left: 45px
}

.series-pickup-item-link {
	display: block;
	padding-top: calc(73.5135% + 1.4rem)
}

.series-pickup-item-thumb {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	padding-top: 73.5135%;
	background: 50% 50% no-repeat;
	background-size: cover
}

.series-pickup-item-title {
	font-size: 1.4rem;
	line-height: 1.6;
	display: block;
	overflow: hidden;
	max-height: calc(3em * 1.6)
}

.series-pickup-bottom {
	position: absolute;
	top: 40px;
	right: 0
}

.series-pickup-bottom-link {
	font-size: 1.4rem;
	letter-spacing: .3em
}

.series-pickup-bottom-link:after {
	display: inline-block;
	margin: -4px 0 0 1.5rem;
	content: '>';
	vertical-align: middle
}

.fixedBanner {
	position: fixed;
	z-index: 777;
	right: 0;
	bottom: 0;
	display: none
}

.fixedBanner.active {
	display: block
}

.fixedBanner.active+.footer-block .pagetop-btn {
	bottom: 20vh
}

.fixedBanner.isFixedBannerDisable {
	display: none!important
}

.fixedBanner__inner {
	display: block;
	width: 100%
}

.fixedBanner__inner amp-img,
.fixedBanner__inner img {
	display: block;
	width: 100%;
	height: auto;
	transition: all .3s ease
}

.fixedBanner__inner amp-img:hover,
.fixedBanner__inner img:hover {
	opacity: .7
}

.fixedBanner__close {
	line-height: 1;
	position: absolute;
	top: .7rem;
	right: .7rem;
	display: block;
	width: 32px;
	height: 32px;
	color: #fff;
	border-radius: 100%;
	background: url(/images/icon_cross.svg) 50% 50% no-repeat rgba(0, 0, 0, .9);
	background-color: rgba(0, 0, 0, .9);
	background-size: 12px 12px
}

.contact-form .selectwrap:after,
.form-form .selectwrap:after {
	right: 18px;
	-webkit-transform: translateY(-50%);
	pointer-events: none
}

.faq-block {
	padding: 75px 55px 55px;
	background: #323237
}

.faq-block>.title {
	margin: 0
}

.faq-block>.title.-margin {
	margin: 80px 0 0
}

.faq-block>.title:before {
	top: -8px;
	left: 0;
	width: 48px;
	height: 54px;
	background: url(../images/icon_ufo.svg?1476872244) no-repeat;
	background-size: 48px auto
}

.faq-list>.item {
	padding: 45px 0;
	background: url(../images/line_dashed.png?1476874091) 0 100% repeat-x;
	background-size: 20px auto
}

.faq-contents>.answer,
.faq-contents>.question {
	font-size: 18px;
	font-size: 1.8rem;
	position: relative;
	padding: 0 0 0 50px
}

.faq-contents>.answer:before,
.faq-contents>.question:before {
	position: absolute;
	content: ''
}

.faq-contents>.question {
	margin: 0 0 50px
}

.faq-contents>.question:before {
	top: -14px;
	left: 2px;
	width: 30px;
	height: 45px;
	background: url(../images/icon_person.svg?1476872244) no-repeat;
	background-size: 30px auto
}

.faq-contents>.answer {
	margin: 0
}

.faq-contents>.answer:before {
	top: -10px;
	left: 0;
	width: 34px;
	height: 42px;
	background: url(../images/icon_alien.svg?1476872244) no-repeat;
	background-size: 34px auto
}

.faq-answer {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.7;
	margin: 20px 0 0
}

.contact-block {
	background: #323237;
	padding: 75px 55px 100px
}

.contact-block>.title {
	margin: 0 0 45px
}

.contact-block>.title:before {
	top: -6px;
	left: 17px;
	background: url(../images/icon_question.svg?1476439840) no-repeat;
	width: 28px;
	height: 47px;
	background-size: 28px auto
}

.contact-content {
	max-width: 770px;
	margin: 0 auto
}

.contact-content>.text {
	margin: 0 0 55px;
	line-height: 2.25;
	padding: 0
}

.contact-content ul.errors {
	font-size: inherit;
	color: #E5004F;
	margin-bottom: 20px
}

.contact-content ul.errors li {
	margin: 4px
}

.contact-form {
	margin: 0 0 40px
}

.contact-form dd,
.contact-form dt {
	line-height: 32px
}

.contact-form dt {
	width: 165px;
	float: left;
	margin: 0
}

.contact-form dd {
	padding: 0 0 0 165px;
	margin: 0 0 20px
}

.contact-form .selectwrap {
	position: relative;
	width: 280px;
	border-radius: 4px;
	overflow: hidden;
	padding: 0 20px;
	background: #fff
}

.contact-form .selectwrap:after {
	content: "";
	position: absolute;
	width: 0;
	top: 50%;
	transform: translateY(-50%);
	height: 0;
	border-style: solid;
	border-width: 8px 5px 0;
	border-color: #000 transparent transparent
}

.contact-form .email,
.contact-form .select,
.contact-form .textarea {
	display: block
}

.contact-form .select {
	font-size: 13px;
	font-size: 1.3rem;
	width: 130%;
	line-height: 32px;
	height: 32px
}

.contact-form .select::-ms-expand {
	display: none
}

.contact-form .email {
	padding: 0 10px;
	width: 280px
}

.contact-form .textarea {
	line-height: 1.8;
	padding: 4px 10px;
	width: 605px;
	height: 255px;
	resize: none
}

.contact-form .checkbox {
	display: none
}

.contact-form .checkbox:checked+.label:before {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.contact-form .label {
	position: relative;
	display: block;
	margin: 20px 0 0;
	line-height: 20px;
	padding: 0 0 0 28px;
	cursor: pointer
}

.contact-form .label:after,
.contact-form .label:before {
	position: absolute;
	box-sizing: border-box;
	content: '';
	display: block
}

.contact-form .label:before {
	transition: opacity .2s linear;
	z-index: 1;
	left: 7px;
	top: 3px;
	width: 5px;
	height: 9px;
	border-right: 3px solid #E5004F;
	border-bottom: 3px solid #E5004F;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}

.contact-form .label:after {
	top: 0;
	left: 0;
	width: 18px;
	background: #FFF;
	height: 18px;
	border: 1px solid #fff
}

.contact-form .error {
	margin: 5px 0 0;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.8;
	color: #E5004F;
	transition: .3s ease
}

.contact-form .error.is-hidden {
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	pointer-events: none;
	visibility: hidden
}

.contact-btn {
	background: #fff;
	width: 345px;
	display: block;
	margin: 0 auto;
	height: 60px;
	line-height: 60px;
	color: #000;
	border: none;
	padding: 0;
	outline-style: none;
	font-size: 24px;
	font-size: 2.4rem;
	border-radius: 4px
}

.form-block {
	background: #323237;
	padding: 75px 55px 100px
}

.form-content {
	max-width: 770px;
	margin: 0 auto
}

.form-content>.text {
	margin: 0 0 55px;
	line-height: 2.25;
	padding: 0
}

.form-content ul.errors {
	font-size: inherit;
	color: #E5004F;
	margin-bottom: 20px
}

.form-content ul.errors li {
	margin: 4px
}

.form-form {
	margin: 0 0 40px
}

.form-form dd,
.form-form dt {
	line-height: 32px
}

.form-form dt {
	margin: 0
}

.form-form dt::before {
	content: "■"
}

.form-form dd {
	padding: 0 0 0 40px;
	margin: 10px 0 20px
}

.form-form ul {
	margin: 0;
	padding: 0;
	font-size: inherit
}

.form-form ul li {
	margin: 6px 0
}

.form-form ul li span.item-label {
	display: inline-block;
	width: 150px
}

.form-form .caution {
	margin: 6px;
	font-size: 14px;
	line-height: 22px;
	position: relative
}

.form-form .caution::before {
	content: "※";
	position: absolute;
	top: 0;
	left: -20px
}

.form-form .selectwrap {
	position: relative;
	width: 280px;
	border-radius: 4px;
	overflow: hidden;
	padding: 0 20px;
	background: #fff
}

.form-form .selectwrap:after {
	content: "";
	position: absolute;
	width: 0;
	top: 50%;
	transform: translateY(-50%);
	height: 0;
	border-style: solid;
	border-width: 8px 5px 0;
	border-color: #000 transparent transparent
}

.form-form .email,
.form-form .gameid,
.form-form .name,
.form-form .select {
	display: inline-block
}

.form-form .textarea {
	display: block
}

.form-form .select {
	font-size: 13px;
	font-size: 1.3rem;
	width: 100px;
	line-height: 32px;
	height: 32px;
	color: #000;
	background-color: #fff;
	border-color: #fff;
	border-width: 1px;
	border-style: solid
}

.form-form .select::-ms-expand {
	display: none
}

.form-form .email,
.form-form .name {
	padding: 0 10px;
	width: 400px
}

.form-form .gameid {
	padding: 0 10px;
	width: 200px
}

.form-form .textarea {
	line-height: 1.8;
	padding: 4px 10px;
	width: 605px;
	height: 255px;
	resize: none
}

.form-form .checkbox {
	display: none
}

.form-form .checkbox:checked+.label:before {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.form-form .error.is-hidden,
.form-form .label:before,
.label-checkbox:before {
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.form-form .label {
	position: relative;
	display: block;
	margin: 20px 0 0;
	line-height: 20px;
	padding: 0 0 0 28px
}

.form-form .label:after,
.form-form .label:before {
	position: absolute;
	content: '';
	display: block;
	box-sizing: border-box
}

.form-form .label:before {
	transition: opacity .2s linear;
	z-index: 1;
	left: 7px;
	top: 3px;
	width: 5px;
	height: 9px;
	border-right: 3px solid #E5004F;
	border-bottom: 3px solid #E5004F;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}

.form-form .label:after {
	top: 0;
	left: 0;
	width: 18px;
	background: #FFF;
	height: 18px;
	border: 1px solid #fff
}

.form-form .error {
	margin: 5px 0 0;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.8;
	color: #E5004F;
	transition: .3s ease
}

.form-form .error.is-hidden {
	pointer-events: none;
	visibility: hidden
}

.form-btn {
	background: #fff;
	width: 345px;
	display: block;
	margin: 0 auto;
	height: 60px;
	line-height: 60px;
	color: #000;
	border: none;
	padding: 0;
	outline-style: none;
	font-size: 24px;
	font-size: 2.4rem;
	border-radius: 4px
}

.about-hd {
	font-size: 2.3rem;
	line-height: 1.4;
	margin: 5.5rem 0
}

.about-hd+.about-text {
	margin-top: -4rem
}

.about-text {
	font-size: 1.8rem;
	line-height: 1.67;
	margin: 5.5rem 0
}

.privacy-block {
	background: #323237;
	padding: 75px 55px 100px
}

.privacy-block>.title {
	margin: 0 0 55px
}

.privacy-block>.title:before {
	top: -6px;
	left: 0;
	background: url(../images/icon_alien.svg?1476872244) no-repeat;
	width: 35px;
	height: 43px;
	background-size: 35px auto
}

.privacy-content>.text {
	margin: 0 0 30px;
	line-height: 2;
	padding: 0;
	font-size: 14px;
	font-size: 1.4rem
}

.privacy-list {
	padding: 0;
	margin: 0
}

.privacy-mtitle {
	margin: 0 0 8px;
	font-size: 16px;
	font-size: 1.6rem
}

.privacy-text {
	margin: 0 0 30px;
	line-height: 2;
	font-size: 14px;
	font-size: 1.4rem
}

.privacy-text.-bottom {
	margin: 0
}

.privacy-text>a {
	text-decoration: underline
}

.post-meta {
	display: flex
}

.post-block {
	margin: 0 0 20px;
	padding: 50px 55px;
	background: #323237
}

.post-block.-secret {
	padding-bottom: 100px
}

.post-block>.title {
	font-size: 36px;
	font-size: 3.6rem;
	font-weight: 400;
	line-height: 1.333;
	margin: 0 0 30px
}

.post-block .shibuya-game-archive-note {
	font-size: 88%;
	margin: 0 0 2em
}

.post-meta {
	margin: 0 0 15px;
	justify-content: space-between;
	align-items: center
}

.post-meta>.author {
	font-size: 14px;
	font-size: 1.4rem;
	margin: 0;
	letter-spacing: .05em
}

.post-header {
	margin: 0 0 30px
}

.post-header>img {
	display: block;
	width: 100%
}

.post-header__agenda {
	position: relative;
	margin: 60px 0;
	padding: 30px 0 20px;
}

.post-header__agenda .title {
	font-size: 2rem;
	font-weight: 700;
	line-height: 1.1;
	position: absolute;
	top: -.7em;
	display: inline-block;
	padding: 0 1rem;
	text-indent: -1rem;
	color: #fff;
	background-color: #323237
}

.post-header__agenda ol,
.post-header__agenda ul {
	margin: 0;
	padding: 0;
	list-style: none
}

.post-header__agenda .level2__item {
	font-size: 1.7rem;
	font-weight: 700;
	line-height: 1.7
}

.post-header__agenda .level2__item+.level2__item {
	margin-top: 20px
}

.post-header__agenda .level2__hd {
	position: relative;
}

.post-header__agenda .level2__hd:hover {
	border-bottom: none
}

.post-header__agenda .level3 {
	margin-top: 14px
}

.post-header__agenda .level3__item {
	font-size: 1.5rem;
  flex-direction: column;
	line-height: 1.5;
	position: relative;
	padding-left: 1.25em
}

.post-header__agenda .level3__item+.level3__item {
	margin-top: 7px
}

.post-header__agenda .level3__item::before {
	font-size: 1.2rem;
	position: absolute;
	top: 2px;
	left: 0;
	display: inline-block;
	content: '▼';
}

.post-header__agenda .level3__hd {
	font-weight: 400;
}

.post-block .pager-block {
	margin: 28px 0;
	order: 5
}

.post-block .contents .ms_fund_before {
	margin-bottom: 2em
}

.post-block .contents .ms_fund_before .ms_fund_hd {
	font-size: 3.6rem;
	text-align: center
}

.post-block .contents .ms_fund_after {
	font-size: 1.2rem;
	margin-top: 2em
}

.post-author {
	display: flex;
	margin: 10px 0 40px;
	justify-content: flex-end
}

.post-authorlink {
	display: flex;
	align-items: center
}

.post-authorlink>.image {
	width: 26px;
	height: 26px;
	margin: 0;
	border-radius: 100%;
	background-position: 50% 50%;
	background-size: cover!important
}

.post-authorlink>.name {
	font-size: 14px;
	font-size: 1.4rem;
	margin: 0 0 0 10px
}

.post-ms_fund {
	margin: 2em 0;
	padding: 4.5%;
	background: #222
}

.post-ms_fund .ms_fund_hd {
	font-size: 2.6rem;
	font-weight: 700;
	line-height: 1;
	margin: 0 0 3%
}

.post-ms_fund p {
	line-height: 1.6;
	margin: 0 0 1em
}

.post-ms_fund ul {
	font-size: 1.2rem;
	line-height: 1.6
}

.post-bottom>.keyword {
	padding: 25px 0 20px;
	border-top: 1px solid #959595;
	border-bottom: 1px solid #959595
}

.post-bottom>.share {
	padding: 25px 0 35px;
	border-bottom: 1px solid #959595
}

.postbottom-item>.title {
	font-size: 13px;
	font-size: 1.3rem;
	margin: 0 0 25px;
	text-align: center
}

.post-keywordlist {
	display: flex;
	flex-wrap: wrap
}

.post-keywordlist>.item {
	margin: 0 15px 15px 0
}

.post-keywordlink {
	font-size: 14px;
	font-size: 1.4rem;
	display: block;
	padding: 8px 20px;
	border: 1px solid #fff
}

.post-sharelist {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between
}

.secret-text {
	font-size: 18px;
	font-size: 1.8rem;
	margin: 90px 0 45px
}

.secret-btn {
	display: flex;
	width: 450px;
	height: 70px;
	margin: 0 auto;
	border-radius: 4px;
	justify-content: center;
	align-items: center
}

.secret-btn:hover {
	color: #fff
}

.secret-btn.-register {
	line-height: 1.25;
	margin-bottom: 25px;
}

.secret-btn.-login {
	line-height: 1.25;
	background: #0075a9
}

.secret-btn>.text {
	font-size: 24px;
	font-size: 2.4rem;
	position: relative;
	padding: 0 0 0 45px
}

.secret-btn>.text:before {
	position: absolute;
	left: 0;
	content: ''
}

.secret-btn>.text.-register:before {
	top: 3px;
	display: block;
	width: 25px;
	height: 25px;
	background: url(../images/icon_key.svg?1476438233) 0 50% no-repeat;
	background-size: 25px auto
}

.secret-btn>.text.-login:before {
	top: 2px;
	display: block;
	width: 23px;
	height: 25px;
	background: url(../images/icon_login.svg?1476439391) 0 50% no-repeat;
	background-size: 23px auto
}

span.admin_preview {
	margin-left: 12px
}

span.admin_preview a {
	font-size: 14px
}

.simple-wrapper {
	padding: 75px 70px
}

.simple-wrapper .logo {
	margin: 0;
	width: 100%;
	text-align: center
}

.simple-wrapper .logo img {
	vertical-align: top
}

.simple-wrapper .simple-text {
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 1.7;
	color: #313131
}

.simple-contents {
	padding: 10px 0 0;
	display: flex
}

.simple-btnwrap {
	margin: 0 auto;
	padding: 0 2px;
	width: 100%
}

.campaign-wrapper {
	padding: 40px 0
}

.campaign-wrapper>.title {
	color: #000
}

.campaign-wrapper .period>dd,
.campaign-wrapper>.title>.-lead span {
	color: #e60012
}

.campaign-wrapper>.title>.-title {
	margin: 0 0 20px;
	width: auto;
	height: 40px;
	background: url(../images/text_popuptitle-pc.png) 50% 0 no-repeat;
	background-size: 570px 40px
}

.campaign-wrapper>.title>.-lead {
	margin: 0;
	padding: 0 80px;
	text-align: center;
	font-size: 30px;
	font-size: 3rem
}

.campaign-wrapper .period {
	margin: 2px 0 0;
	font-size: 24px;
	font-size: 2.4rem;
	text-align: center
}

.campaign-wrapper .period>dd,
.campaign-wrapper .period>dt {
	margin: 0;
	display: inline-block;
	font-weight: 400
}

.campaign-wrapper .period>dt:after {
	content: "："
}

.campaign-contents {
	padding: 24px 0 0;
	display: flex
}

.campaign-contents>.title-wrapper {
	padding-left: 58px
}

.campaign-contents>.title-wrapper>.title {
	margin: 0 0 18px;
	padding: 0 5px;
	width: 235px;
	height: auto;
	color: #000;
	font-size: 1.9rem;
	font-size: 19px;
	font-weight: 400;
	line-height: 1.35
}

.campaign-contents>.title-wrapper>.title.-limit {
	margin: 32px 0 12px;
	padding: 0;
	font-size: 1.7rem;
	font-size: 17px;
	line-height: 2
}

.campaign-contents>.title-wrapper>.title.-limit span.date {
	color: #e60012;
	letter-spacing: .085em
}

.campaign-contents>.title-wrapper>.title span {
	display: block
}

.campaign-contents>.text {
	background: url(../images/text_popup05.png) no-repeat;
	width: 126px;
	height: 99px;
	background-size: 126px auto;
	margin: 0 0 0 40px
}

.campaign-btnwrap {
	margin: 0 0 0 40px
}

.modal-btnlink {
	width: 315px;
	display: flex;
	font-size: 16px;
	font-size: 1.6rem;
	height: 44px;
	color: #FFF;
	padding: 0 0 0 65px;
	line-height: 44px;
	border-radius: 5px;
	margin: 0 auto
}

.modal-btnlink.-simple {
	position: relative;
	width: 100%;
	height: 50px;
	line-height: 50px;
	border-radius: 0
}

.modal-btnlink.-simple:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 64px;
	height: 50px;
	line-height: 50px;
	background-color: #ccc
}

.modal-btnlink.-simple.-mail:before {
	background-color: #58523D
}

.modal-btnlink.-simple.-facebook:before {
	background-color: #1c3872
}

.modal-btnlink.-simple.-twitter:before {
	background-color: #1981d1
}

.modal-btnlink:hover {
	color: #FFF
}

.modal-btnlink:not(:last-child) {
	margin-bottom: 15px
}

.modal-btnlink.-simple:not(:last-child) {
	margin-bottom: 24px
}

.modal-btnlink.-mail {
	background: #797461
}

.modal-btnlink.-login {
	background: #0075a9
}

.modal-btnlink.-facebook {
	background: #3b5998
}

.modal-btnlink.-twitter {
	background: #55acee
}

.modal-btnlink.-detail {
	display: block;
	margin-left: -2px;
	width: 220px;
	padding: 0;
	text-align: center;
	background-color: #e60012
}

.modal-btnlink.-detail.-large {
	width: 234px;
	height: 50px;
	line-height: 50px
}

.modal-btnlink>.text {
	padding: 0 0 0 33px;
	position: relative
}

.modal-btnlink.-simple>.text {
	padding: 0 0 0 18px
}

.modal-btnlink.-simple>.text.-mail:before {
	left: -44px;
	top: 18px;
	width: 24px;
	height: 18px;
	background-size: 24px auto;
	-webkit-transform: rotate(-15deg);
	transform: rotate(-15deg)
}

.modal-btnlink.-simple>.text.-facebook>i,
.modal-btnlink.-simple>.text.-twitter>i {
	left: -44px;
	top: 14px;
	font-size: 24px;
	font-size: 2.4rem
}

.modal-btnlink>.text.-mail:before {
	position: absolute;
	left: 0;
	top: 16px;
	content: "";
	background: url(../images/icon_mail.svg?1477299571) no-repeat;
	width: 20px;
	height: 14px;
	background-size: 20px auto
}

.modal-btnlink>.text.-register:before {
	position: absolute;
	left: 0;
	content: "";
	background: url(../images/icon_key.svg?1476438233) no-repeat;
	top: 12px;
	width: 18px;
	height: 18px;
	background-size: 18px auto
}

.modal-btnlink>.text.-login:before {
	position: absolute;
	left: 0;
	content: "";
	background: url(../images/icon_login.svg?1476439391) no-repeat;
	top: 13px;
	width: 16px;
	height: 17px;
	background-size: 16px auto
}

.modal-btnlink>.text.-facebook>i {
	position: absolute;
	left: 0;
	top: 12px;
	font-size: 18px;
	font-size: 1.8rem
}

.modal-btnlink>.text.-twitter>i {
	position: absolute;
	left: 0;
	top: 13px;
	font-size: 16px;
	font-size: 1.6rem
}

.modal-grid {
	display: flex;
	justify-contents: center;
	height: 100%
}

.modalgrid-contents {
	display: flex;
	width: 100%;
	align-items: center
}

.modalgrid-contents>.title {
	padding: 85px 0 0;
	margin: 0 105px 0 0;
	position: relative;
	width: 310px;
	font-weight: 400;
	font-size: 30px;
	font-size: 3rem;
	color: #000
}

.modalgrid-contents>.title:after,
.modalgrid-contents>.title:before {
	content: "";
	position: absolute;
	left: 0
}

.modalgrid-contents>.title:before {
	top: 0;
	width: 310px;
	height: 38px;
	background: url(../images/logo02.svg?1477305728) no-repeat;
	background-size: 310px auto
}

.modalgrid-contents>.title:after {
	top: 64px;
	height: 1px;
	width: 100%;
	background: #000
}

.modal-form {
	width: 290px
}

.modal-form.-error {
	position: relative
}

.modal-form.-error>.text {
	margin: 0;
	white-space: nowrap;
	position: absolute;
	top: -35px;
	left: 0;
	color: #E5004F;
	font-weight: 700;
	font-size: 14px;
	font-size: 1.4rem
}

.modal-form.-password>.text {
	margin: 0 0 25px;
	font-size: 18px;
	font-size: 1.8rem;
	white-space: nowrap;
	color: #626262
}

.modal-form>.item {
	padding: 10px;
	font-size: 14px;
	font-size: 1.4rem;
	border: 1px solid #535353;
	border-radius: 4px;
	display: block;
	width: 100%;
	margin: 0 0 12px;
	color: #000;
	box-sizing: border-box
}

.modal-form>.item.-margin {
	margin: 0 0 45px
}

.modal-form>.item.-error {
	background: #E5004F;
	color: #FFF
}

.modal-form>.item.-error:-ms-input-placeholder,
.modal-form>.item.-error::-moz-placeholder,
.modal-form>.item.-error::-webkit-input-placeholder {
	color: #fff
}

.modal-form>.item:-ms-input-placeholder,
.modal-form>.item::-moz-placeholder,
.modal-form>.item::-webkit-input-placeholder {
	color: #bfbfbf
}

.modal-form>.item::-ms-clear,
.modal-form>.item::-ms-reveal {
	display: none
}

.label-checkbox {
	position: relative;
	display: block;
	margin: 10px 0 0;
	line-height: 20px;
	padding: 0 0 5px 28px;
	color: #000;
	font-size: 14px;
	font-size: 1.4rem
}

.label-checkbox:after,
.label-checkbox:before {
	position: absolute;
	display: block;
	box-sizing: border-box;
	content: ''
}

.label-checkbox.-margin {
	margin-bottom: 20px
}

.label-checkbox:before {
	transition: opacity .2s linear;
	z-index: 1;
	top: 3px;
	left: 7px;
	width: 5px;
	height: 9px;
	border-right: 3px solid #E5004F;
	border-bottom: 3px solid #E5004F;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}

.label-checkbox:after {
	top: 0;
	left: 0;
	width: 18px;
	background: #FFF;
	height: 18px;
	border: 1px solid #000
}

.modal-checkbox {
	display: none
}

.modal-checkbox:checked+.label-checkbox:before {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.modal-errortext {
	margin: 0 0 20px;
	-webkit-transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;
	-webkit-perspective: 1000;
	-webkit-transform: translateZ(0);
	overflow: hidden;
	position: relative;
	font-size: 10px;
	font-size: 1rem;
	color: #E5004F;
	transition: opacity .3s ease, visibility .3s ease
}

.modal-errortext.is-hidden {
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	pointer-events: none;
	visibility: hidden
}

.modal-submit {
	display: block;
	width: 100%;
	border-radius: 5px;
	color: #FFF;
	padding: 12px 0;
	text-align: center;
	background: #797461;
	font-size: 14px;
	font-size: 1.4rem
}

.complete-wrapper {
	position: relative;
	padding: 55px 0 0;
	margin: 0 auto
}

.complete-contents>.logo {
	background: url(../images/logo02.svg?1477305728) no-repeat;
	width: 515px;
	height: 64px;
	background-size: 515px auto;
	margin: 0 auto 35px
}

.complete-contents>.title {
	display: none
}

.complete-contents>.title:before {
	top: 0;
	content: "";
	position: absolute;
	background: url(../images/logo02.svg?1477305728) no-repeat;
	left: 21px;
	width: 150px;
	height: 20px;
	background-size: 150px auto
}

.complete-contents>.title:after {
	content: "";
	position: absolute;
	left: 0;
	height: 1px;
	width: 100%;
	background: #000;
	top: 30px
}

.complete-contents>.mtitle {
	margin: 0 0 10px;
	color: #000;
	font-size: 24px;
	font-size: 2.4rem
}

.complete-contents>.text {
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 2.5;
	color: #000;
	margin: 0 0 35px
}

.complete-contents>.btn {
	display: block;
	margin: 0 auto;
	text-align: center;
	width: 380px;
	border-radius: 5px;
	font-size: 16px;
	font-size: 1.6rem;
	background: #797461;
	padding: 18px 0
}

.complete-contents>.btn:hover {
	color: #FFF
}

.modallogin-inner {
	width: 100%;
	display: flex;
	justify-content: center
}

.modallogin-inner>.item.-left {
	margin: 0 65px 0 0
}

.modallogin-inner>.item.-right {
	padding: 0 0 0 65px;
	border-left: 1px solid #959595
}

.modallogin-contents>.title {
	color: #000;
	font-size: 24px;
	font-size: 2.4rem;
	text-align: center;
	font-weight: 400;
	margin: 0 0 40px
}

.modallogin-contents>.btn {
	margin: 0 0 35px
}

.modallogin-contents>.forgot {
	margin: 0 0 12px;
	text-align: center
}

.modallogin-contents>.forgot>a {
	font-size: 14px;
	font-size: 1.4rem;
	color: #000
}

.modallogin-contents>.register {
	margin: 0;
	text-align: center
}

.modallogin-contents>.register>a {
	text-decoration: underline;
	font-size: 14px;
	font-size: 1.4rem;
	color: #000
}

.mypage-wrapper {
	padding: 35px 0 0
}

.mypage-wrapper>.icon {
	display: block;
	width: 50px;
	height: 50px;
	margin: 0 auto 2px;
	border: 1px solid #313131;
	border-radius: 100%;
	background: url(../images/icon_mypage02.svg?1477547444) 50% 50% no-repeat;
	background-size: 25px auto
}

.mypage-wrapper>.title {
	text-align: center;
	color: #313131;
	font-size: 24px;
	font-size: 2.4rem;
	margin: 0 0 15px;
	font-weight: 400
}

.mypage-wrapper>.btn {
	width: 175px;
	font-size: 15px;
	font-size: 1.5rem;
	height: 44px;
	line-height: 44px;
	text-align: center;
	border-radius: 2px;
	background: #0075A9;
	display: block;
	margin: 0 auto 10px
}

.mypage-wrapper>.-tinytext {
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 22px
}

.mypage-wrapper>.-red {
	background-color: #F02222
}

@-webkit-keyframes circle {
	0%,
	40% {
		opacity: 1;
		-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'
	}
	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
		-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'
	}
}

@keyframes circle {
	0%,
	40% {
		opacity: 1;
		-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'
	}
	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
		-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'
	}
}

@media screen and (min-width:569px) {
	.secret-text {
		text-align: center
	}
}

@media screen and (min-width:769px) {
	.bottom-contents,
	.footer-sns,
	.pc-none,
	.slide-menu {
		display: none
	}
	a {
		transition: color .3s 0s ease
	}
	a:hover {
		color: #959595
	}
	.article-link:hover .article-time.-aside,
	.article-link:hover .article-title.-aside,
	.article-link:hover .article-title.-asidebottom,
	.article-link:hover .article-title.-pickup,
	.article-link:hover .article-title.-related,
	.article-link:hover .article-title.-sideranking {
		text-decoration: underline
	}
	.circle-link:hover .circle-image:before {
		-webkit-animation: circle .75s;
		animation: circle .75s
	}
	.article-author.-sideranking {
		display: none
	}
	.pager-link {
		transition: .3s ease
	}
	.pager-link:not(.-arrow):hover {
		background: #FFF;
		color: #000;
		border-color: #FFF
	}
	.ranking-wrapper {
		padding: 25px 20px
	}
	.keyword-link:hover {
		color: #000;
		background: #FFF
	}
	.nav-menu>.item:hover .megamenu {
		visibility: visible;
		transition: all .3s ease .1s;
		opacity: 1
	}
	.fixedBanner__inner {
		width: 300px
	}
	.campaign-contents>.text {
		width: 155px
	}
	.modal-btnlink:not(:last-child).-small {
		margin-bottom: 12px
	}
	.modal-btnlink.-small {
		width: 290px;
		height: 36px;
		line-height: 36px;
		font-size: 14px;
		font-size: 1.4rem
	}
	.modal-btnlink>.text.-small {
		padding: 0 0 0 25px
	}
	.modal-btnlink>.text.-facebook>i.-small {
		font-size: 16px;
		font-size: 1.6rem;
		top: 9px
	}
	.modal-btnlink>.text.-twitter>i.-small {
		font-size: 15px;
		font-size: 1.5rem;
		top: 10px
	}
	.modal-grid {
		align-items: center
	}
	.modalgrid-contents {
		justify-content: center
	}
	.complete-wrapper {
		width: 740px
	}
	.complete-wrapper:after {
		position: absolute;
		bottom: -20px;
		left: -20px;
		content: "";
		background: url(../images/image_popup03.png?1477320586) no-repeat;
		width: 138px;
		height: 157px;
		background-size: 138px auto
	}
	.complete-contents>.mtitle,
	.complete-contents>.text {
		text-align: center
	}
}

@media screen and (max-width:768px) {
	.bx-wrapper .bx-controls-direction,
	.common-mypagemenu,
	.tablet-none {
		display: none
	}
	.campaign-wrapper .period>dt:after,
	.modal-wrapper>.inner:after {
		content: none
	}
	.bx-pager {
		padding: 20px 0
	}
	.bxpager-wrapper {
		overflow: hidden;
		width: 100%
	}
	.bxpager-wrapper>.inner {
		overflow-x: auto;
		width: 100%
	}
	.modal-wrapper {
		background-size: 290px auto;
		width: 280px;
		height: auto
	}
	.modal-wrapper.-campaign:after {
		bottom: 0;
		top: 178px;
		right: -35px;
		width: 328px;
		height: 132px;
		background-image: url(../images/image_popup08-sp.png?1477301604);
		background-size: 328px auto;
		background-position: 50% 50%
	}
	.modal-wrapper>.inner:before {
		top: 13px;
		left: -13px;
		width: 65px;
		height: 40px;
		background-size: 65px auto
	}
	.modal-wrapper.-simple {
		width: 280px;
		min-height: auto
	}
	.modal-overlay .close {
		top: 10px;
		right: 10px;
		width: 22px;
		height: 22px;
		background-size: 22px auto
	}
	.common-primary {
	}
	.footer-tertiary,
	.main-block {
		border-top: 1px solid #535353
	}
	.nav-menu {
		height: 100%;
		padding: 0!important;
		border-left: none
	}
	.nav-menu>.item {
		min-width: 100px;
		height: 100%;
		border-right: none
	}
	.nav-menu>.item:not(:first-child) {
		border-left: 1px solid #a1a1a1
	}
	.navmenu-text {
		margin: 2px 0 0
	}
	.navmenu-text>.english {
		font-size: 11px;
		font-size: 1.1rem;
		letter-spacing: .2em;
		margin-bottom: 1px
	}
	.navmenu-text>.japanese {
		display: inline-block;
		font-size: 1rem;
		-webkit-transform: scale(.8);
		transform: scale(.8)
	}
	.navmenu-link {
		background: #313131
	}
	.menu-btn {
		display: block;
		width: 20px;
		height: 17px;
		background: url(../images/icon_menu_line.svg) no-repeat;
		background-size: 20px auto
	}
	.action-contents,
	.footer-block>.top,
	.header-contents>.link,
	.pickup-block,
	.series-pickup-item:nth-child(n+5) {
		display: none
	}
	.main-block.-bg-gray {
		background: #323232
	}
	.footer-block {
		padding: 0
	}
	.footer-block>.middle {
		height: auto
	}
	.footer-block>.bottom {
		padding: 20px 0
	}
	.footer-middle {
		flex-direction: column
	}
	.footer-secondary,
	.footer-tertiary {
		flex-direction: column;
		padding: 20px 0
	}
	.footer-secondary>.item {
		text-align: center
	}
	.footer-secondary>.item:not(:last-child) {
		margin: 0 0 20px
	}
	.footer-tertiary {
		width: 100%;
		text-align: center
	}
	.footer-tertiary>.item {
		font-size: 14px;
		font-size: 1.4rem;
		line-height: inherit;
		margin: 0 0 20px;
		padding: 0;
		text-align: center;
		border-right: none
	}
	.footer-tertiary>.item:last-child {
		margin: 0;
		padding: 0
	}
	.pagetop-btn {
		right: 2%;
		bottom: 20px
	}
	.bottom-contents {
		margin: 30px 0 50px
	}
	.pager-block {
		background: 0 0;
		height: auto;
		padding: 25px 0
	}
	.contact-block,
	.faq-block,
	.form-block,
	.post-block {
		background: #000
	}
	.noresult-text {
		margin: 0 0 150px
	}
	.series-pickup-inner {
		width: 100%;
		padding: 40px 30px
	}
	.series-pickup-head {
		text-align: center
	}
	.series-pickup-head-title {
		font-size: 2.5rem
	}
	.series-pickup-items {
		flex-wrap: wrap;
		justify-content: space-between
	}
	.series-pickup-item {
		width: 47.5%
	}
	.contact-form .textarea,
	.form-form .textarea,
	.form-form dt {
		width: 100%
	}
	.series-pickup-item:not(:first-child) {
		margin: 0
	}
	.series-pickup-item:nth-child(n+3) {
		margin-top: 40px
	}
	.series-pickup-item-title {
		font-size: 2.4rem;
		line-height: 1.4;
		max-height: calc((3em * 1.4) - 2px)
	}
	.series-pickup-bottom {
		position: static;
		padding: 50px 0 0;
		text-align: center
	}
	.series-pickup-bottom-link {
		font-size: 2.4rem
	}
	.faq-block {
		padding: 30px 0 0
	}
	.contact-block {
		padding: 50px 0 0
	}
	.contact-form dt {
		float: none;
		width: 100%
	}
	.contact-form dd {
		padding: 0
	}
	.form-block {
		padding: 50px 0 0
	}
	.form-form dt {
		float: none
	}
	.form-form dd {
		padding: 0
	}
	.privacy-block {
		padding: 50px 0 20px;
		background: #000
	}
	.post-block {
		margin: 0;
		padding: 30px 0 50px
	}
	.post-block.-bg-gray {
		background: #323232
	}
	.post-block>.title {
		margin-right: 30px;
		margin-left: 30px
	}
	.post-header__agenda {
		margin: 60px 30px;
		padding: 30px 0 20px
	}
	.post-meta {
		margin-right: 30px;
		margin-left: 30px
	}
	.post-author {
		margin: 10px 30px 40px
	}
	.post-bottom {
		margin: 0 30px
	}
	.post-bottom>.share {
		padding-bottom: 25px
	}
	.post-sharelist>.item {
		width: 48%;
		margin: 0 0 15px
	}
	.simple-wrapper {
		padding: 50px 30px
	}
	.simple-wrapper .logo {
		margin: 0;
		width: 100%
	}
	.simple-wrapper .simple-text {
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 1.6
	}
	.simple-btnwrap {
		padding: 0
	}
	.campaign-wrapper {
		padding: 30px 0 0
	}
	.campaign-wrapper.-morepadding {
		padding: 25px 0 10px
	}
	.campaign-wrapper>.title>.-title {
		margin-bottom: 6px;
		height: 43px;
		background-image: url(../images/text_popuptitle-sp.png);
		background-size: 225px auto
	}
	.campaign-wrapper>.title>.-lead {
		padding: 0 20px;
		font-size: 15px;
		font-size: 1.5rem;
		line-height: 1.45
	}
	.campaign-wrapper .period {
		margin: 14px 0 0;
		text-align: center
	}
	.campaign-wrapper .period>dd,
	.campaign-wrapper .period>dt {
		display: block;
		font-weight: 400;
		font-size: 12px;
		font-size: 1.2rem
	}
	.campaign-wrapper .period>dd {
		font-size: 16px;
		font-size: 1.6rem
	}
	.campaign-wrapper .period>dd>span {
		padding: 0 4px;
		vertical-align: text-bottom;
		font-size: 12px;
		font-size: 1.2rem
	}
	.campaign-contents>.title {
		order: 3;
		margin: 0 0 0 15px;
		position: absolute;
		bottom: 50px;
		width: 150px;
		height: 83px;
		background-size: 150px auto
	}
	.campaign-contents>.btn {
		order: 1
	}
	.campaign-contents>.btn.-detail {
		margin-bottom: 28px;
		padding-bottom: 28px
	}
	.campaign-contents>.btn.-detail::after {
		content: "";
		position: relative;
		bottom: -28px;
		z-index: -2;
		display: block;
		width: 100%;
		height: 1px;
		background-color: #b2b2b2
	}
	.campaign-contents>.text {
		font-size: 10px;
		font-size: 1rem;
		margin: 0;
		text-align: center;
		order: 2
	}
	.campaign-btnwrap {
		margin: 0 0 20px
	}
	.modal-btnlink {
		padding: 0 0 0 15px;
		font-size: 15px;
		font-size: 1.5rem;
		width: 200px;
		border-radius: 2px
	}
	.modal-btnlink:not(:last-child) {
		margin-bottom: 10px
	}
	.modal-btnlink.-simple {
		position: relative;
		width: 100%;
		height: 44px;
		line-height: 44px;
		border-radius: 0
	}
	.modal-btnlink.-simple:before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 44px;
		height: 44px;
		line-height: 44px;
		background-color: #ccc
	}
	.complete-contents>.logo,
	.modal-form.-error>.text,
	.modal-form.-password>.text {
		display: none
	}
	.modal-btnlink.-simple.-register:before {
		background-color: #826600
	}
	.modal-btnlink.-simple.-login:before {
		background-color: #00567a
	}
	.modal-btnlink.-detail {
		margin: auto;
		padding: 0;
		width: 175px
	}
	.modal-btnlink.-login,
	.modal-btnlink.-register {
		padding: 0 0 0 28px;
		width: 175px
	}
	.modal-btnlink>.text {
		padding: 0 0 0 25px
	}
	.modal-btnlink.-simple>.text {
		padding: 0 0 0 30px
	}
	.modal-btnlink.-simple>.text.-login:before,
	.modal-btnlink.-simple>.text.-register:before {
		left: -14px;
		top: 14px
	}
	.modal-btnlink>.text.-mail:before {
		top: 17px;
		width: 15px;
		height: 9px;
		background-size: 15px auto
	}
	.modal-btnlink>.text.-facebook>i {
		top: 13px;
		font-size: 16px;
		font-size: 1.6rem
	}
	.modal-btnlink>.text.-twitter>i {
		font-size: 15px;
		font-size: 1.5rem
	}
	.modalgrid-contents {
		padding: 50px 0 0;
		flex-direction: column
	}
	.modalgrid-contents>.title {
		padding: 42px 0 0;
		margin: 0 auto 20px;
		width: 195px;
		text-align: center;
		font-size: 15px;
		font-size: 1.5rem
	}
	.modalgrid-contents>.title:before {
		left: 21px;
		width: 150px;
		height: 20px;
		background-size: 150px auto
	}
	.modalgrid-contents>.title:after {
		top: 30px
	}
	.modal-form {
		width: 195px
	}
	.modal-form>.item {
		font-size: 10px;
		font-size: 1rem;
		border-radius: 2px;
		padding: 8px 10px
	}
	.label-checkbox {
		padding-left: 20px;
		font-size: 10px;
		font-size: 1rem
	}
	.label-checkbox:before {
		left: 5px;
		top: 5px
	}
	.label-checkbox:after {
		width: 15px;
		height: 15px;
		top: 3px
	}
	.modal-submit {
		border-radius: 2px;
		font-size: 15px;
		font-size: 1.5rem
	}
	.complete-wrapper {
		padding: 50px 0 0
	}
	.complete-contents {
		width: 195px;
		margin: 0 auto
	}
	.complete-contents>.title {
		display: block;
		position: relative;
		font-weight: 400;
		color: #000;
		padding: 42px 0 0;
		margin: 0 auto 20px;
		width: 195px;
		text-align: center;
		font-size: 15px;
		font-size: 1.5rem
	}
	.complete-contents>.mtitle {
		font-size: 26px;
		font-size: 2.6rem;
		line-height: 1.2;
		margin: 0 0 5px
	}
	.complete-contents>.mtitle>span {
		display: block
	}
	.complete-contents>.text {
		font-size: 12px;
		font-size: 1.2rem;
		line-height: 1.6;
		margin: 0 0 25px
	}
	.complete-contents>.btn {
		width: 100%;
		font-size: 15px;
		font-size: 1.5rem;
		border-radius: 2px;
		padding: 13px 0
	}
}

@media screen and (max-width:568px) {
	.nav-menu {
		overscroll-behavior: none
	}
	.sp-none {
		display: none
	}
	.contact-block>.title:before,
	.form-block>.title:before {
		content: none
	}

	.footer-middle>.copyright {
		font-size: 10px;
		font-size: 1rem
	}
	.footer-secondary>.item {
		font-size: 12px;
		font-size: 1.2rem
	}
	.footer-tertiary>.item {
		font-size: 10px;
		font-size: 1rem
	}
	.pagetop-btn {
		right: 5%;
		bottom: 10px;
		width: 50px;
		height: 26px;
		background-size: 50px auto
	}
	.main-articleblock.-secondblock {
		margin-top: -20px
	}
	.article-list.-sideranking.-writer {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between
	}
	.article-list>.item.-archive+.item.-archive {
		margin: 15px 0 0
	}
	.article-list>.item.-related,
	.article-list>.item.-sideranking {
		margin: 0 0 15px
	}
	.article-author,
	.article-meta.-related,
	.article-text.-archive {
		display: none
	}
	.article-meta.-archive {
		margin: 0 0 10px
	}
	.article-time.-aside {
		font-size: 11px;
		font-size: 1.1rem
	}
	.article-author.-ranking {
		color: #000
	}
	.article-author.-sideranking {
		font-size: 1rem;
		letter-spacing: .05em;
		color: #000
	}
	.article-title.-archive {
		font-size: 12px;
		font-size: 1.2rem;
		margin: 0
	}
	.article-title.-related {
		font-size: 10px;
		font-size: 1rem;
		line-height: 1.2;
		max-height: 35px
	}
	.article-title.-ranking {
		color: #000
	}
	.article-title.-sideranking {
		font-size: 12px;
		font-size: 1.2rem;
		max-height: 45px;
		color: #000
	}
	.article-title.-sideranking.-writer {
		font-weight: 700;
	}
	.article-title.-aside {
		font-size: 12px;
		font-size: 1.2rem;
		max-height: 28px
	}
	.article-title.-asidebottom {
		font-size: 12px;
		font-size: 1.2rem;
		max-height: 44px
	}
	.pager-block {
		padding: 10px 0 0
	}
	.pager-link {
		font-size: 16px;
		font-size: 1.6rem;
		padding: 6px 10px
	}
	.breadcrumb-block.-ranking {
		background: #333
	}
	.writer-list .writer,
	.writertitle-wrap>.inner {
		width: 100%
	}
	
	.noresult-text {
		font-size: 12px;
		font-size: 1.2rem
	}
	.writer-list .writer-title {
		font-size: 2.2rem
	}
	.writer-list .writer-text {
		font-size: 1.3rem
	}
	.writertitle-wrap {
		flex-direction: column;
		align-items: center
	}
	.writertitle-wrap>.photo {
		margin: 0 0 10px
	}
	.writertitle-text>.title {
		font-size: 15px;
		font-size: 1.5rem;
		margin: 0 0 5px
	}
	.writertitle-text>.text {
		font-size: 11px;
		font-size: 1.1rem;
		font-weight: 700;
		line-height: 1.5;
		max-height: 100%;
		text-align: left
	}
	.series-pickup-inner {
		padding: 25px 15px
	}
	.series-pickup-head-title {
		font-size: 1.7rem;
		letter-spacing: .2em
	}
	.series-pickup-items {
		margin: 25px 0 0
	}
	.series-pickup-item-link {
		padding-top: calc(73.5135% + 1rem)
	}
	.series-pickup-item-title {
		font-size: 1.2rem
	}
	.series-pickup-bottom {
		padding: 20px 0 0
	}
	.series-pickup-bottom-link {
		font-size: 1.4rem
	}
	.faq-block {
		padding: 15px 0 0
	}
	.faq-block>.title.-margin {
		margin: 40px 0 0
	}
	.faq-block>.title:before {
		top: -1px;
		width: 27px;
		height: 28px;
		background-size: 27px auto
	}
	.faq-list>.item {
		padding: 25px 0;
		background-size: 10px auto
	}
	.faq-contents>.answer,
	.faq-contents>.question {
		font-size: 13px;
		font-size: 1.3rem;
		padding: 0 0 0 30px
	}
	.faq-contents>.question {
		margin: 0 0 25px
	}
	.faq-contents>.question:before {
		top: -7px;
		width: 18px;
		height: 26px;
		background-size: 18px auto
	}
	.faq-contents>.answer:before {
		top: -5px;
		width: 21px;
		height: 26px;
		background-size: 21px auto
	}
	.faq-answer {
		font-size: 12px;
		font-size: 1.2rem;
		margin: 10px 0 0
	}
	.contact-block {
		padding: 15px 0 0
	}
	.contact-block>.title {
		margin: 0 0 25px;
		padding: 0;
		border: none
	}
	.contact-content>.text {
		line-height: 1.75;
		font-size: 12px;
		font-size: 1.2rem;
		margin: 0 0 20px
	}
	.contact-form {
		margin: 0
	}
	.contact-form dd,
	.contact-form dt {
		line-height: 28px
	}
	.contact-form dt {
		font-size: 12px;
		font-size: 1.2rem
	}
	.contact-form dd {
		margin: 0 0 15px
	}
	.contact-form .selectwrap {
		width: 100%;
		border-radius: 20px
	}
	.contact-form .select {
		font-size: 12px;
		font-size: 1.2rem
	}
	.contact-form .email {
		width: 100%;
		padding: 5px 10px
	}
	.contact-form .label {
		padding-left: 20px;
		font-size: 12px;
		font-size: 1.2rem
	}
	.contact-form .label:before {
		left: 5px;
		top: 5px
	}
	.contact-form .label:after {
		width: 15px;
		height: 15px;
		top: 3px
	}
	.contact-form .error {
		font-size: 10px;
		font-size: 1rem;
		margin: 2px 0 0
	}
	.contact-btn {
		width: 100%;
		height: 46px;
		line-height: 46px;
		border-radius: 3px;
		font-size: 18px;
		font-size: 1.8rem;
		padding-left: 0;
		text-align: center
	}
	.form-block {
		padding: 15px 0 0
	}
	.form-block>.title {
		margin: 0 0 25px;
		padding: 0;
		border: none
	}
	.form-content>.text {
		line-height: 1.75;
		font-size: 12px;
		font-size: 1.2rem;
		margin: 0 0 20px
	}
	.form-form {
		margin: 0
	}
	.form-form dd,
	.form-form dt {
		line-height: 28px
	}
	.form-form dt {
		font-size: 12px;
		font-size: 1.2rem
	}
	.form-form dd {
		margin: 0 0 15px
	}
	.form-form dd .message-label,
	.form-form dd span.item-label {
		font-size: 12px;
		fotn-size: 1.2rem
	}
	.form-form .caution {
		font-size: 12px;
		width: 90%;
		margin: 4px 4px 4px auto
	}
	.form-form .selectwrap {
		width: 100%;
		border-radius: 20px
	}
	.form-form .select {
		font-size: 12px;
		font-size: 1.2rem;
		background-color: #fff;
		color: #000
	}
	.form-form .email,
	.form-form .gameid,
	.form-form .name {
		width: 100%;
		padding: 5px 10px
	}
	.form-form .label {
		padding-left: 20px;
		font-size: 12px;
		font-size: 1.2rem
	}
	.privacy-block {
		padding: 0
	}
	.form-form .label:before {
		left: 5px;
		top: 5px
	}
	.form-form .label:after {
		width: 15px;
		height: 15px;
		top: 3px
	}
	.form-form .error {
		font-size: 10px;
		font-size: 1rem;
		margin: 2px 0 0
	}
	ul.alienwarecup-entry-errors li {
		font-size: 12px;
		font-size: 1.2rem
	}
	.form-btn {
		width: 100%;
		height: 46px;
		line-height: 46px;
		border-radius: 3px;
		font-size: 18px;
		font-size: 1.8rem;
		padding-left: 0;
		text-align: center
	}
	.privacy-block>.title:before {
		top: -4px;
		left: 9px;
		width: 18px;
		height: 30px;
		background-size: 18px auto
	}
	.about-hd {
		font-size: 1.7rem;
		margin: 3.5rem 0
	}
	.about-hd+.about-text {
		margin-top: -2rem
	}
	.about-text {
		font-size: 1.3rem;
		margin: 3.5rem 0
	}
	.privacy-block>.title {
		margin: 0 0 25px
	}
	.privacy-content>.text,
	.privacy-mtitle,
	.privacy-text {
		font-size: 12px;
		font-size: 1.2rem
	}
	.post-block .meta .ms_fund_logo {
		width: auto;
		max-height: 20px
	}
	.post-block .contents .ms_fund_before .ms_fund_hd {
		font-size: 2.2rem
	}
	.post-ms_fund {
		margin: 1em;
		padding: 6%;
		order: 5
	}
	.post-ms_fund .ms_fund_hd {
		font-size: 2rem;
		margin: 0 0 1em
	}
	.post-ms_fund p {
		font-size: 1.4rem;
		line-height: 1.7
	}
	.post-ms_fund ul {
		font-size: 1.1rem;
		line-height: 1.8
	}
	.post-block {
		display: flex;
		flex-direction: column;
		padding: 0 0 35px
	}
	.post-block>.meta {
		order: 2
	}
	.post-block>.title {
		font-size: 22px;
		font-size: 2.2rem;
		margin: 0 15px 25px;
		order: 3
	}
	.post-block>.header {
		order: 1
	}
	.post-block>.post-header__agenda {
		margin: 50px 15px;
		padding: 30px 0 20px;
		order: 3
	}
	.post-block>.post-header__agenda .title {
		font-size: 1.8rem
	}
	.post-block>.contents {
		order: 4
	}
	.post-block>.bottom {
		order: 5
	}
	.post-meta {
		margin-right: 15px;
		margin-left: 15px
	}
	.post-meta>.author {
		font-size: 10px;
		font-size: 1rem
	}
	.post-header {
		margin: 0 0 15px
	}
	.post-author {
		margin: 10px 15px 20px;
		order: 5
	}
	.post-authorlink>.name {
		font-size: 12px;
		font-size: 1.2rem
	}
	.post-bottom {
		margin: 0 15px
	}
	.post-bottom>.keyword {
		padding: 20px 0 15px
	}
	.post-bottom>.share {
		padding: 20px 0 10px
	}
	.postbottom-item>.title {
		margin: 0 0 15px
	}
	.post-keywordlist>.item {
		margin: 0 10px 10px 0
	}
	.post-keywordlink {
		font-size: 12px;
		font-size: 1.2rem;
		padding: 5px 10px
	}
	.secret-text {
		font-size: 12px;
		font-size: 1.2rem;
		margin: 0 0 40px
	}
	.secret-btn {
		width: 275px;
		height: 45px
	}
	.secret-btn.-register {
		margin-bottom: 20px
	}
	.secret-btn>.text {
		font-size: 12px;
		font-size: 1.2rem;
		padding: 0 0 0 25px
	}
	.secret-btn>.text.-register:before {
		top: 0;
		width: 15px;
		height: 15px;
		background-size: 15px auto
	}
	.secret-btn>.text.-login:before {
		top: 0;
		width: 14px;
		height: 15px;
		background-size: 14px auto
	}
	
}

@media screen and (min-width:569px) and (max-width:768px) {
	.layout-wrapper {
		padding-bottom: 0
	}
}