@charset "UTF-8";

/* reset ---------------------------------------*/

div,dl,dt,dd,ul,ol,
li,h1,h2,h3,h4,h5,
h6,pre,code,form,fieldset,legend,
input,textarea,p,blockquote,
th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;word-break: break-all;font-size:inherit;width:100%;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q::before,q::after{content:'';}
abbr{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{font-size:100%;}
legend{color:#000;}
select,input,button,textarea{font-size:inherit;font-family:inherit;box-sizing: border-box;}
pre,code,kbd,samp{font-family:monospace;font-size:108%;line-height:100%;}
figure{padding:0;margin:0;}
input[type="submit"],
input[type="button"],
button {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
	border: none;
  box-sizing: border-box;
  cursor: pointer;
  background: none;
  color:#333;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration,
button::-webkit-search-decoration {display: none;}
input[type="submit"]::focus,
input[type="button"]::focus,
button::focus {outline-offset: -2px;}


/* base ---------------------------------------*/

*{box-sizing:border-box;}

html,body{height:100%;}

body{
	-webkit-text-size-adjust: 100%;
	padding:0;
	margin: 0;
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 400;
	font-feature-settings: "palt" 1;
	-webkit-font-feature-settings: "palt" 1;
	color: #333;
	line-height: 1.5;
	line-break: strict;
}

a{
	text-decoration: none;
	color:inherit;
	transition: all .3s ease;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

a:hover{opacity: 0.7;}

img{
	vertical-align: bottom;
	line-height: 1;
	max-width:100%;
	height:auto;
}


/* common item ---------------------------------------*/

.clearfix::after,
.inner::after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

.ov-h {
	overflow: hidden;
}

.font-en {
	font-family: "din-2014", sans-serif;
	font-weight: 400;
	font-style: normal;
}

.text-link {
	text-decoration: underline;
}

.text-link:hover {
	text-decoration: none;
	opacity: 1;
}


/* header ---------------------------------------*/

header {
	background: #333333;
	color: #fff;
	padding: 24px 0;
	position: relative;
	z-index: 10;
}

.header-inner {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 24px;
}

.header-message {
	padding-left: 90px;
	font-size: min(calc(24 / 1000 * 100vw), 24px);
	font-weight: bold;
	line-height: 1;
	position: relative;
}

.header-message::before {
	display: block;
	content: '';
	background: url('../img/bar.png') no-repeat left top;
	background-size: 100%;
	width: 75px;
	height: 6px;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translate(0, -50%);
}

.header-btn {}

.header-btn-list {
	display: flex;
	flex-wrap: wrap;
	gap: 24px;
}

.header-btn-list img {
	width: auto;
	height: min(calc(40 / 1000 * 100vw), 41px);
}


/* kv ---------------------------------------*/

.kv {
	position: relative;
	width: 100%;
	z-index: 10;
}

.kv img {
	width: 100%
}


/* btn ---------------------------------------*/

.select-btn-wrapper {
	text-align: center;
	padding-top: 10px;
	line-height: 1;
}

.select-btn {
	max-width: 120px;
	width: 100%;
	padding: 8px 5px;
	background: #fff;
	border: 1px solid #707070;
	color:#333 !important;
	border-radius: 20px;
	font-size: 20px;
	line-height: 1;
	transition: all .25s ease;
	cursor: pointer;
}

.select-btn.is-selected {
	background: #75FBC2;
}


/* common ---------------------------------------*/

.wrapper {
	padding: 0 3.15vw;
	overflow: hidden;
}

.inner {
	position: relative;
	z-index: 2;
}

.bg-zebra {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100vh;
	background: url(../img/bg.png) no-repeat left top;
	background-size: 100%;
	z-index: 1;
}


/* how ---------------------------------------*/

.how {
	padding: 100px 50px 70px;
}

.how-inner {}

.how-title {
	text-align: center;
	line-height: 1;
	margin-bottom: 56px;
}

.how-title b {
	display: block;
	font-size: 64px;
	font-weight: 900;
	margin-bottom: 30px;
	letter-spacing: 0.02em;
}

.how-title small {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	gap: 20px;
	font-size: 52px;
	font-weight: 900;
	letter-spacing: 0.1em;
}

.how-title small img {
	transform: translate(0, 6px);
}

.how-list {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 30px;
	margin-bottom: 20px;
}

.how-list>li {
	position: relative;
	width: calc(186 / 768 * 100vw);
	max-width: 282px;
}

.how-list>li:not(:first-child)::before {
	display: block;
	content: '';
	background: url('../img/arrow_01.svg') no-repeat left top;
	background-size: 100%;
	width: 40px;
	height: 38px;
	position: absolute;
	left: -36px;
	top: 47%;
	transform: translate(0, -50%);
}

.how-btn {
	text-align: center;
}


/* prize ---------------------------------------*/

.prize {
	padding: 80px 50px 70px;
}

.prize-inner {
	max-width: 900px;
	margin: 0 auto;
	border-radius: 30px;
	overflow: hidden;
}

.prize-head {
	background: #DCFF00;
	padding: 30px 20px 20px;
	text-align: center;
	position: relative;
	z-index: 5;
}

.prize-head::after {
	border-left: 450px solid transparent;
	border-right: 450px solid transparent;
	border-top: 80px solid #DCFF00;
	position: absolute;
	left: 50%;
	bottom: -80px;
	transform: translateX(-50%);
	content: '';
}

.prize-title {
	font-size: min(calc(52 / 1080 * 100vw), 52px);
	font-weight: 900;
	line-height: 1.5;
	margin-bottom: 28px;
	letter-spacing: 0.035em;
}

.prize-campaign {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	gap: 20px;
}

.prize-campaign-term {
	width: calc(211 / 860 * 100%);
	text-align: center;
	background: #0376FF;
	color: #fff;
	border-radius: 25px;
	line-height: 1;
	padding: 9px 0px;
	font-size: min(calc(20 / 1080 * 100vw), 20px);
	font-weight: 700;
	letter-spacing: 0.05em;
}

.prize-campaign img {
	width: calc(485 / 860 * 100%);
	margin-right: 20px;
}

.prize-body {
	background: url(../img/bg_prize.png) no-repeat center top #0376FF;
	background-size: 100%;
	color: #fff;
	padding: 134px 50px 100px;
	position: relative;
}

.prize-body-bgtitle {
	position: absolute;
	left: 0;
	top: 78px;
	width: 100%;
	text-align: center;
}

.prize-list {
	position: relative;
	z-index: 2;
	display: flex;
	gap: 24px;
	margin-bottom: 60px;
}

.prize-item-head {
	height: 156px;
	display: flex;
	align-items: flex-end;
	margin-bottom: 12px;
}

.prize-item-name {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 108px;
	text-align: center;
}

.prize-item-name b {
	font-size: min(calc(40 / 1080 * 100vw), 40px);
	line-height: 1.2;
	display: block;
	font-weight: 800;
}

.prize-item-name small {
	font-size: min(calc(30 / 1080 * 100vw), 30px);
	line-height: 1.3;
	display: block;
	font-weight: 800;
}

.prize-item-count {
	display: flex;
	justify-content: center;
	align-items: flex-end;
	flex-wrap: wrap;
	gap: 5px;
	line-height: 1;
	font-size: 40px;
	font-weight: 800;
}

.prize-item-count b {
	display: block;
	font-size: 90px;
	color: #DCFF00;
	font-weight: 800;
	margin-bottom: -14px;
}

.prize-term {
	color: #333;
	background: #fff;
	border-radius: 25px;
}

.prize-term-title {
	font-size: 22px;
	font-weight: 700;
	line-height: 1;
	padding: 10px 10px 14px;
	position: relative;
	text-align: center;
	cursor: pointer;
}

.prize-term-title-open {
	width: 30px;
	height: 30px;
	position: absolute;
	right: 36px;
	top: 50%;
	transform: translate(0, -50%);
}

.prize-term-title-open::before,
.prize-term-title-open::after {
	display: block;
	content: '';
	background: #333333;
	width: 30px;
	height: 6px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	transition: all .25s ease;
}

.prize-term-title-open::after {
	transform: translate(-50%, -50%) rotate(90deg);
}

.prize-term-title.is-open .prize-term-title-open::after {
	transform: translate(-50%, -50%) rotate(0deg);
}

.prize-term-body {
	display: none;
}

.prize-term-body-inner {
	padding: 38px 52px 40px;
}

.prize-term-body-title {
	font-size: 22px;
	font-weight: 700;
	text-align: center;
	color: #0076FF;
	margin-bottom: 50px;
}

.prize-term-body-block {}

.prize-term-body-block+.prize-term-body-block {
	margin-top: 50px;
}

.prize-term-body-block-title {
	font-size: 18px;
	font-weight: 700;
	line-height: 1.5;
	color: #0076FF;
	margin-bottom: 4px;
}

.prize-term-body-block-title-sub {
	font-size: 16px;
	font-weight: 700;
	line-height: 1.5;
}

.prize-term-body-block h5:not(:first-of-type) {
	margin-top: 4px;
}

.prize-term-body-block-text {
	font-size: 14px;
	font-weight: 500;
	line-height: 1.857;
}

.prize-term-body-block-list {}

.prize-term-body-block-list>li {
	position: relative;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.857;
	padding-left: 14px;
}

.prize-term-body-block-list>li::before {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	content: '・';
}

.prize-term-body-block-list-sub {}

.prize-term-body-block-list-sub>li {
	position: relative;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.857;
	padding-left: 14px;
}

.prize-term-body-block-list-sub>li::before {
	position: absolute;
	top: -2px;
	left: 0;
	z-index: 1;
	content: '-';
}

.prize-term-body-block-list-step {
	display: flex;
	flex-wrap: wrap;
}

.prize-term-body-block-list-step dt {
	width: 60px;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.857;
}

.prize-term-body-block-list-step dd {
	width: calc(100% - 60px);
	font-size: 14px;
	font-weight: 500;
	line-height: 1.857;
}

.prize-term-body-block-caption {
	display: block;
	position: relative;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.857;
	padding-left: 14px;
}

.prize-term-body-block-caption::before {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	content: '※';
}


/* create ---------------------------------------*/

.create {
	padding: 80px 50px 100px
}

.create-inner {
	max-width: 900px;
	margin: 0 auto;
	border: 6px solid #00FFBE;
	border-radius: 30px;
	background: #fff;
	box-shadow: 0px 0px 20px rgba(0, 255, 190, 0.7);
}

.create-head {
	background: linear-gradient(to bottom, #00FFBE 0%, #FFF 100%);
	padding: 38px 45px 32px;
	position: relative;
}

.create-title {
	max-width: 50%;
}

.create-image {
	position: absolute;
	right: -6px;
	top: -74px;
	max-width: 50%;
}

.create-body {
	padding: 0 45px;
}

.create-block {
	padding: 40px 0;
	border-top: 2px solid #00FFBE;
}

.create-block:first-child {
	border-top: none;
	border-bottom: 2px solid #EAEAEA;
	padding-bottom: 30px;
	margin-bottom: 28px;
}

.create-block-title {
	margin-bottom: 46px;
	line-height: 1;
}

.create-block-title b {
	display: block;
	font-size: min(calc(55 / 1080 * 100vw), 55px);
	font-weight: bold;
	color: #05C3D0;
	position: relative;
	transform: translate(-5px, 0);
}

.create-block-title small {
	display: block;
	position: relative;
	padding-left: 94px;
	font-size: 22px;
	font-weight: bold;
	margin-top: 10px;
}

.create-block-title small::before {
	display: block;
	content: '';
	background: url('../img/bar.png') no-repeat left top #000;
	background-size: 100%;
	width: 75px;
	height: 6px;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translate(0, -50%);
}

.input-name {
	width: 100%;
	border: 1px solid #aaa;
	height: 60px;
	padding: 0 20px;
	font-size: 30px
}

.create-block .input-name {}

.input-name-notice {
	margin-top: 12px;
	display: flex;
	flex-wrap: wrap;
	gap: 0 20px;
}

.input-name-notice>li {
	font-size: 14px;
	font-weight: 500;
}

.country-selector {
	padding: 8px 0 2px;
	overflow: hidden;
}

.country-swiper .swiper-wrapper {
	max-width: 650px;
	width: 100%;
	height: 360px;
	margin: 0 auto;
}

.country-swiper .swiper-slide {
	font-size: 22px;
	font-weight: 500;
	text-align: center;
}

.country-swiper .swiper-slide-active {}

.country-title {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
	line-height: 1;
	height: 40px;
	overflow: hidden;
	color: #EAEAEA;
	cursor:pointer;
}

.country-title:hover {
	background: #fafafa;
}

.swiper-slide-prev .country-title,
.swiper-slide-next .country-title {
	color: #808080;
}

.swiper-slide-active .country-title {
	background: #00FFBE;
	color: #333;
}

.country-title span {
	font-size: 50px;
	line-height: 1;
	position: relative;
	top: 0;
	opacity: 0.3;
	content:'';
	background: url(../img/country/country_flag_1.png) no-repeat left top;
	background-size: contain;
	width:46px;
	height:30px;
}

.country-title[data-country="1"] span {background-image: url(../img/country/country_flag_1.png)}
.country-title[data-country="2"] span {background-image: url(../img/country/country_flag_2.png)}
.country-title[data-country="3"] span {background-image: url(../img/country/country_flag_3.png)}
.country-title[data-country="4"] span {background-image: url(../img/country/country_flag_4.png)}
.country-title[data-country="5"] span {background-image: url(../img/country/country_flag_5.png)}
.country-title[data-country="6"] span {background-image: url(../img/country/country_flag_6.png)}
.country-title[data-country="7"] span {background-image: url(../img/country/country_flag_7.png)}
.country-title[data-country="8"] span {background-image: url(../img/country/country_flag_8.png)}
.country-title[data-country="9"] span {background-image: url(../img/country/country_flag_9.png)}
.country-title[data-country="10"] span {background-image: url(../img/country/country_flag_10.png)}
.country-title[data-country="11"] span {background-image: url(../img/country/country_flag_11.png)}
.country-title[data-country="12"] span {background-image: url(../img/country/country_flag_12.png)}
.country-title[data-country="13"] span {background-image: url(../img/country/country_flag_13.png)}
.country-title[data-country="14"] span {background-image: url(../img/country/country_flag_14.png)}
.country-title[data-country="15"] span {background-image: url(../img/country/country_flag_15.png)}
.country-title[data-country="16"] span {background-image: url(../img/country/country_flag_16.png)}
.country-title[data-country="17"] span {background-image: url(../img/country/country_flag_17.png)}
.country-title[data-country="18"] span {background-image: url(../img/country/country_flag_18.png)}
.country-title[data-country="19"] span {background-image: url(../img/country/country_flag_19.png)}
.country-title[data-country="20"] span {background-image: url(../img/country/country_flag_20.png)}
.country-title[data-country="21"] span {background-image: url(../img/country/country_flag_21.png)}
.country-title[data-country="22"] span {background-image: url(../img/country/country_flag_22.png)}
.country-title[data-country="23"] span {background-image: url(../img/country/country_flag_23.png)}
.country-title[data-country="24"] span {background-image: url(../img/country/country_flag_24.png)}
.country-title[data-country="25"] span {background-image: url(../img/country/country_flag_25.png)}
.country-title[data-country="26"] span {background-image: url(../img/country/country_flag_26.png)}
.country-title[data-country="27"] span {background-image: url(../img/country/country_flag_27.png)}
.country-title[data-country="28"] span {background-image: url(../img/country/country_flag_28.png)}
.country-title[data-country="29"] span {background-image: url(../img/country/country_flag_29.png)}
.country-title[data-country="30"] span {background-image: url(../img/country/country_flag_30.png)}
.country-title[data-country="31"] span {background-image: url(../img/country/country_flag_31.png)}
.country-title[data-country="32"] span {background-image: url(../img/country/country_flag_32.png)}
.country-title[data-country="33"] span {background-image: url(../img/country/country_flag_33.png)}
.country-title[data-country="34"] span {background-image: url(../img/country/country_flag_34.png)}
.country-title[data-country="35"] span {background-image: url(../img/country/country_flag_35.png)}
.country-title[data-country="36"] span {background-image: url(../img/country/country_flag_36.png)}
.country-title[data-country="37"] span {background-image: url(../img/country/country_flag_37.png)}
.country-title[data-country="38"] span {background-image: url(../img/country/country_flag_38.png)}
.country-title[data-country="39"] span {background-image: url(../img/country/country_flag_39.png)}
.country-title[data-country="40"] span {background-image: url(../img/country/country_flag_40.png)}
.country-title[data-country="41"] span {background-image: url(../img/country/country_flag_41.png)}
.country-title[data-country="42"] span {background-image: url(../img/country/country_flag_42.png)}
.country-title[data-country="43"] span {background-image: url(../img/country/country_flag_43.png)}
.country-title[data-country="44"] span {background-image: url(../img/country/country_flag_44.png)}
.country-title[data-country="45"] span {background-image: url(../img/country/country_flag_45.png)}
.country-title[data-country="46"] span {background-image: url(../img/country/country_flag_46.png)}
.country-title[data-country="47"] span {background-image: url(../img/country/country_flag_47.png)}
.country-title[data-country="48"] span {background-image: url(../img/country/country_flag_48.png)}
.country-title[data-country="49"] span {background-image: url(../img/country/country_flag_49.png)}
.country-title[data-country="50"] span {background-image: url(../img/country/country_flag_50.png)}
.country-title[data-country="51"] span {background-image: url(../img/country/country_flag_51.png)}
.country-title[data-country="52"] span {background-image: url(../img/country/country_flag_52.png)}
.country-title[data-country="53"] span {background-image: url(../img/country/country_flag_53.png)}
.country-title[data-country="54"] span {background-image: url(../img/country/country_flag_54.png)}
.country-title[data-country="55"] span {background-image: url(../img/country/country_flag_55.png)}
.country-title[data-country="56"] span {background-image: url(../img/country/country_flag_56.png)}
.country-title[data-country="57"] span {background-image: url(../img/country/country_flag_57.png)}
.country-title[data-country="58"] span {background-image: url(../img/country/country_flag_58.png)}
.country-title[data-country="59"] span {background-image: url(../img/country/country_flag_59.png)}
.country-title[data-country="60"] span {background-image: url(../img/country/country_flag_60.png)}
.country-title[data-country="61"] span {background-image: url(../img/country/country_flag_61.png)}
.country-title[data-country="62"] span {background-image: url(../img/country/country_flag_62.png)}
.country-title[data-country="63"] span {background-image: url(../img/country/country_flag_63.png)}
.country-title[data-country="64"] span {background-image: url(../img/country/country_flag_64.png)}
.country-title[data-country="65"] span {background-image: url(../img/country/country_flag_65.png)}
.country-title[data-country="66"] span {background-image: url(../img/country/country_flag_66.png)}
.country-title[data-country="67"] span {background-image: url(../img/country/country_flag_67.png)}
.country-title[data-country="68"] span {background-image: url(../img/country/country_flag_68.png)}
.country-title[data-country="69"] span {background-image: url(../img/country/country_flag_69.png)}
.country-title[data-country="70"] span {background-image: url(../img/country/country_flag_70.png)}
.country-title[data-country="71"] span {background-image: url(../img/country/country_flag_71.png)}
.country-title[data-country="72"] span {background-image: url(../img/country/country_flag_72.png)}
.country-title[data-country="73"] span {background-image: url(../img/country/country_flag_73.png)}
.country-title[data-country="74"] span {background-image: url(../img/country/country_flag_74.png)}
.country-title[data-country="75"] span {background-image: url(../img/country/country_flag_75.png)}
.country-title[data-country="76"] span {background-image: url(../img/country/country_flag_76.png)}
.country-title[data-country="77"] span {background-image: url(../img/country/country_flag_77.png)}
.country-title[data-country="78"] span {background-image: url(../img/country/country_flag_78.png)}
.country-title[data-country="79"] span {background-image: url(../img/country/country_flag_79.png)}
.country-title[data-country="80"] span {background-image: url(../img/country/country_flag_80.png)}
.country-title[data-country="81"] span {background-image: url(../img/country/country_flag_81.png)}
.country-title[data-country="82"] span {background-image: url(../img/country/country_flag_82.png)}
.country-title[data-country="83"] span {background-image: url(../img/country/country_flag_83.png)}
.country-title[data-country="84"] span {background-image: url(../img/country/country_flag_84.png)}
.country-title[data-country="85"] span {background-image: url(../img/country/country_flag_85.png)}
.country-title[data-country="86"] span {background-image: url(../img/country/country_flag_86.png)}
.country-title[data-country="87"] span {background-image: url(../img/country/country_flag_87.png)}
.country-title[data-country="88"] span {background-image: url(../img/country/country_flag_88.png)}
.country-title[data-country="89"] span {background-image: url(../img/country/country_flag_89.png)}
.country-title[data-country="90"] span {background-image: url(../img/country/country_flag_90.png)}
.country-title[data-country="91"] span {background-image: url(../img/country/country_flag_91.png)}
.country-title[data-country="92"] span {background-image: url(../img/country/country_flag_92.png)}
.country-title[data-country="93"] span {background-image: url(../img/country/country_flag_93.png)}
.country-title[data-country="94"] span {background-image: url(../img/country/country_flag_94.png)}
.country-title[data-country="95"] span {background-image: url(../img/country/country_flag_95.png)}
.country-title[data-country="96"] span {background-image: url(../img/country/country_flag_96.png)}
.country-title[data-country="97"] span {background-image: url(../img/country/country_flag_97.png)}
.country-title[data-country="98"] span {background-image: url(../img/country/country_flag_98.png)}
.country-title[data-country="99"] span {background-image: url(../img/country/country_flag_99.png)}
.country-title[data-country="100"] span {background-image: url(../img/country/country_flag_100.png)}
.country-title[data-country="101"] span {background-image: url(../img/country/country_flag_101.png)}
.country-title[data-country="102"] span {background-image: url(../img/country/country_flag_102.png)}
.country-title[data-country="103"] span {background-image: url(../img/country/country_flag_103.png)}
.country-title[data-country="104"] span {background-image: url(../img/country/country_flag_104.png)}
.country-title[data-country="105"] span {background-image: url(../img/country/country_flag_105.png)}
.country-title[data-country="106"] span {background-image: url(../img/country/country_flag_106.png)}
.country-title[data-country="107"] span {background-image: url(../img/country/country_flag_107.png)}
.country-title[data-country="108"] span {background-image: url(../img/country/country_flag_108.png)}
.country-title[data-country="109"] span {background-image: url(../img/country/country_flag_109.png)}
.country-title[data-country="110"] span {background-image: url(../img/country/country_flag_110.png)}
.country-title[data-country="111"] span {background-image: url(../img/country/country_flag_111.png)}
.country-title[data-country="112"] span {background-image: url(../img/country/country_flag_112.png)}
.country-title[data-country="113"] span {background-image: url(../img/country/country_flag_113.png)}
.country-title[data-country="114"] span {background-image: url(../img/country/country_flag_114.png)}
.country-title[data-country="115"] span {background-image: url(../img/country/country_flag_115.png)}
.country-title[data-country="116"] span {background-image: url(../img/country/country_flag_116.png)}
.country-title[data-country="117"] span {background-image: url(../img/country/country_flag_117.png)}
.country-title[data-country="118"] span {background-image: url(../img/country/country_flag_118.png)}
.country-title[data-country="119"] span {background-image: url(../img/country/country_flag_119.png)}
.country-title[data-country="120"] span {background-image: url(../img/country/country_flag_120.png)}
.country-title[data-country="121"] span {background-image: url(../img/country/country_flag_121.png)}
.country-title[data-country="122"] span {background-image: url(../img/country/country_flag_122.png)}
.country-title[data-country="123"] span {background-image: url(../img/country/country_flag_123.png)}
.country-title[data-country="124"] span {background-image: url(../img/country/country_flag_124.png)}
.country-title[data-country="125"] span {background-image: url(../img/country/country_flag_125.png)}
.country-title[data-country="126"] span {background-image: url(../img/country/country_flag_126.png)}
.country-title[data-country="127"] span {background-image: url(../img/country/country_flag_127.png)}
.country-title[data-country="128"] span {background-image: url(../img/country/country_flag_128.png)}
.country-title[data-country="129"] span {background-image: url(../img/country/country_flag_129.png)}
.country-title[data-country="130"] span {background-image: url(../img/country/country_flag_130.png)}
.country-title[data-country="131"] span {background-image: url(../img/country/country_flag_131.png)}
.country-title[data-country="132"] span {background-image: url(../img/country/country_flag_132.png)}
.country-title[data-country="133"] span {background-image: url(../img/country/country_flag_133.png)}
.country-title[data-country="134"] span {background-image: url(../img/country/country_flag_134.png)}
.country-title[data-country="135"] span {background-image: url(../img/country/country_flag_135.png)}
.country-title[data-country="136"] span {background-image: url(../img/country/country_flag_136.png)}
.country-title[data-country="137"] span {background-image: url(../img/country/country_flag_137.png)}
.country-title[data-country="138"] span {background-image: url(../img/country/country_flag_138.png)}
.country-title[data-country="139"] span {background-image: url(../img/country/country_flag_139.png)}
.country-title[data-country="140"] span {background-image: url(../img/country/country_flag_140.png)}
.country-title[data-country="141"] span {background-image: url(../img/country/country_flag_141.png)}
.country-title[data-country="142"] span {background-image: url(../img/country/country_flag_142.png)}
.country-title[data-country="143"] span {background-image: url(../img/country/country_flag_143.png)}
.country-title[data-country="144"] span {background-image: url(../img/country/country_flag_144.png)}
.country-title[data-country="145"] span {background-image: url(../img/country/country_flag_145.png)}
.country-title[data-country="146"] span {background-image: url(../img/country/country_flag_146.png)}
.country-title[data-country="147"] span {background-image: url(../img/country/country_flag_147.png)}
.country-title[data-country="148"] span {background-image: url(../img/country/country_flag_148.png)}
.country-title[data-country="149"] span {background-image: url(../img/country/country_flag_149.png)}
.country-title[data-country="150"] span {background-image: url(../img/country/country_flag_150.png)}
.country-title[data-country="151"] span {background-image: url(../img/country/country_flag_151.png)}
.country-title[data-country="152"] span {background-image: url(../img/country/country_flag_152.png)}
.country-title[data-country="153"] span {background-image: url(../img/country/country_flag_153.png)}
.country-title[data-country="154"] span {background-image: url(../img/country/country_flag_154.png)}
.country-title[data-country="155"] span {background-image: url(../img/country/country_flag_155.png)}
.country-title[data-country="156"] span {background-image: url(../img/country/country_flag_156.png)}
.country-title[data-country="157"] span {background-image: url(../img/country/country_flag_157.png)}
.country-title[data-country="158"] span {background-image: url(../img/country/country_flag_158.png)}
.country-title[data-country="159"] span {background-image: url(../img/country/country_flag_159.png)}
.country-title[data-country="160"] span {background-image: url(../img/country/country_flag_160.png)}
.country-title[data-country="161"] span {background-image: url(../img/country/country_flag_161.png)}
.country-title[data-country="162"] span {background-image: url(../img/country/country_flag_162.png)}
.country-title[data-country="163"] span {background-image: url(../img/country/country_flag_163.png)}
.country-title[data-country="164"] span {background-image: url(../img/country/country_flag_164.png)}
.country-title[data-country="165"] span {background-image: url(../img/country/country_flag_165.png)}
.country-title[data-country="166"] span {background-image: url(../img/country/country_flag_166.png)}
.country-title[data-country="167"] span {background-image: url(../img/country/country_flag_167.png)}
.country-title[data-country="168"] span {background-image: url(../img/country/country_flag_168.png)}
.country-title[data-country="169"] span {background-image: url(../img/country/country_flag_169.png)}
.country-title[data-country="170"] span {background-image: url(../img/country/country_flag_170.png)}
.country-title[data-country="171"] span {background-image: url(../img/country/country_flag_171.png)}
.country-title[data-country="172"] span {background-image: url(../img/country/country_flag_172.png)}
.country-title[data-country="173"] span {background-image: url(../img/country/country_flag_173.png)}
.country-title[data-country="174"] span {background-image: url(../img/country/country_flag_174.png)}
.country-title[data-country="175"] span {background-image: url(../img/country/country_flag_175.png)}
.country-title[data-country="176"] span {background-image: url(../img/country/country_flag_176.png)}
.country-title[data-country="177"] span {background-image: url(../img/country/country_flag_177.png)}
.country-title[data-country="178"] span {background-image: url(../img/country/country_flag_178.png)}
.country-title[data-country="179"] span {background-image: url(../img/country/country_flag_179.png)}
.country-title[data-country="180"] span {background-image: url(../img/country/country_flag_180.png)}
.country-title[data-country="181"] span {background-image: url(../img/country/country_flag_181.png)}
.country-title[data-country="182"] span {background-image: url(../img/country/country_flag_182.png)}
.country-title[data-country="183"] span {background-image: url(../img/country/country_flag_183.png)}
.country-title[data-country="184"] span {background-image: url(../img/country/country_flag_184.png)}
.country-title[data-country="185"] span {background-image: url(../img/country/country_flag_185.png)}
.country-title[data-country="186"] span {background-image: url(../img/country/country_flag_186.png)}
.country-title[data-country="187"] span {background-image: url(../img/country/country_flag_187.png)}
.country-title[data-country="188"] span {background-image: url(../img/country/country_flag_188.png)}
.country-title[data-country="189"] span {background-image: url(../img/country/country_flag_189.png)}
.country-title[data-country="190"] span {background-image: url(../img/country/country_flag_190.png)}
.country-title[data-country="191"] span {background-image: url(../img/country/country_flag_191.png)}
.country-title[data-country="192"] span {background-image: url(../img/country/country_flag_192.png)}
.country-title[data-country="193"] span {background-image: url(../img/country/country_flag_193.png)}
.country-title[data-country="194"] span {background-image: url(../img/country/country_flag_194.png)}
.country-title[data-country="195"] span {background-image: url(../img/country/country_flag_195.png)}
.country-title[data-country="196"] span {background-image: url(../img/country/country_flag_196.png)}
.country-title[data-country="197"] span {background-image: url(../img/country/country_flag_197.png)}
.country-title[data-country="198"] span {background-image: url(../img/country/country_flag_198.png)}
.country-title[data-country="199"] span {background-image: url(../img/country/country_flag_199.png)}
.country-title[data-country="200"] span {background-image: url(../img/country/country_flag_200.png)}
.country-title[data-country="201"] span {background-image: url(../img/country/country_flag_201.png)}
.country-title[data-country="202"] span {background-image: url(../img/country/country_flag_202.png)}
.country-title[data-country="203"] span {background-image: url(../img/country/country_flag_203.png)}
.country-title[data-country="204"] span {background-image: url(../img/country/country_flag_204.png)}
.country-title[data-country="205"] span {background-image: url(../img/country/country_flag_205.png)}
.country-title[data-country="206"] span {background-image: url(../img/country/country_flag_206.png)}
.country-title[data-country="207"] span {background-image: url(../img/country/country_flag_207.png)}
.country-title[data-country="208"] span {background-image: url(../img/country/country_flag_208.png)}

.swiper-slide-prev .country-title span,
.swiper-slide-next .country-title span {
	opacity: 0.6;
}

.swiper-slide-active .country-title span {
	opacity: 1;
}

/* 見た目 */

.create-look {
	padding-top: 12px;
}

.create-look-list {
	display: flex;
	flex-wrap: wrap;
	gap: 18px 25px;
}

.create-look-list li {
	width: calc(20% - 20px);
}

.create-look-item-image {
	width: 100%;
	height: 140px;
	background: #E7FEFE;
	border: 1px solid #00FFBE;
	border-radius: 16px;
	overflow: hidden;
	position: relative;
}

.create-look-item-image img {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 150%;
	height: 150%;
	max-width: 150%;
	object-fit: contain;
}

.create-look-list.list-wear {
	gap: 0 32px;
}

.create-look-list.list-wear li {
	width: calc(25% - 24px);
}

.create-look-list.list-wear .create-look-item-image {
	height: 176px;
}

.create-look-list.list-wear .create-look-item-image img {
	width: 100%;
	height: 100%;
	max-width: 100%;
	transform: translate(-50%, -77%);
}

.create-look-item-image .icon-search {
	position: absolute;
	right: 5px;
	bottom: 8px;
	width: 24px;
	height: 24px;
	background: url(../img/icon_search.svg) no-repeat center center;
	background-size: contain;
	cursor: pointer;
	transition: all .25s ease;
}

.create-look-list.list-wear .create-look-item-image .icon-search {
	right: 12px;
	bottom: 12px;
}

.create-look-item-image .modal-btn:hover {
	opacity: 0.7
}

.create-look-shuffle {
	margin-top: 48px;
	text-align: center;
}

.create-look-shuffle-btn {
	background: #00FFBE;
	font-size: 22px;
	width: 100%;
	font-weight: bold;
	max-width: 700px;
	border-radius: 30px;
	line-height: 1;
	padding: 10px 10px 12px;
	border: none;
	transition: all .25s ease;
}

.create-look-shuffle-btn:hover {
	opacity: 0.7;
}

.create-look-shuffle p {
	font-size: 14px;
	margin-top: 10px;
	letter-spacing: 0.05em;
	padding-bottom: 8px;
}

.create-look-face .swiper-pagination,
.create-look-face .swiper-button-prev,
.create-look-face .swiper-button-next{display: none;}

/* ユニフォーム */

.create-look-wear {
	padding: 10px 0 4px;
}

/* 利き足 */

.create-strongfoot {
	padding-top: 10px;
}

.create-strongfoot-list {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 12px;
}

.create-strongfoot-list li {
	text-align: center;
	max-width: 120px;
	width: 100%;
}

.create-strongfoot-item-image {
	margin-bottom: 10px;
}

li.is-selected .create-strongfoot-item-image rect,
li.is-selected .create-strongfoot-item-image path {
	fill: #75FBC2;
}

.create-strongfoot-item-title {
	font-size: 22px;
	font-weight: 500;
}

.create-strongfoot {}

/* ポジション */

.position-selector {
	overflow: hidden;
	padding-bottom: 8px;
}

.position-swiper .swiper-wrapper {
	max-width: 650px;
	width: 100%;
	height: 440px;
	margin: 0 auto;
}

.position-swiper .swiper-slide {
	font-size: 22px;
	font-weight: 400;
	text-align: center;
}

.position-swiper .swiper-slide-active {}

.position-title {
	padding: 2px 10px 5px;
	color: #EAEAEA;
	cursor:pointer;
}

.position-title:hover {
	background: #fafafa;
}

.swiper-slide-prev .position-title,
.swiper-slide-next .position-title {
	color: #808080;
}

.swiper-slide-active .position-title {
	background: #00FFBE;
	color: #333;
}

/* 選手作成 */

.create-btn {
	border-top: 2px solid #00FFBE;
	text-align: center;
	padding: 50px 0 24px;
}

.create-btn button {
	transition: all .25s ease;
}

.create-btn button.is-disabled,
.create-btn button.is-disabled:hover {
	opacity: 0.3;
	cursor: default;
}

.create-btn button:hover {
	opacity: 0.7
}

.create-btn-arrow {
	margin-top: 26px;
	line-height: 1;
}


/* result ---------------------------------------*/

.result-loading{display: none;}

.result-loading-inner {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: 300px;
	width: 100%;
}

.loading-spinner {
	width: 80px;
	height: 80px;
	border: 4px solid #fff;
	border-top: 4px solid #00FFBE;
	border-radius: 50%;
	animation: spin 1s linear infinite;
	margin-bottom: 20px;
}

.loading-text {
	font-size: 18px;
	color: #333;
	font-weight: bold;
	text-align: center;
}
@keyframes spin {
	0% { 
		transform: rotate(0deg); 
	}
	100% { 
		transform: rotate(360deg); 
	}
}

.result-wrapper {
	position: relative;
	margin: 0 -3.15vw;
	padding: 100px 3.15vw 80px;
	display: none;
}

.result-wrapper::after {
	display: block;
	content: '';
	background: #00FFBE;
	mix-blend-mode: multiply;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0.5;
}

.result {
	position: relative;
	z-index: 2;
}

.result canvas{
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	display: block;
}

.result-image img {
	width: 100%;
}

.result-canvas{
	width: 1200px;
	height: 630px;
	background: url(../img/output_bg_statium.png) no-repeat center center;
	background-size: cover;
	position: relative;
}

.result-canvas-gametitle{
	position: absolute;
	left:30px;
	top:30px;
}

.player {
	position: absolute;
}

.player-face,
.player-wear {
	position: absolute;
	left: 0;
	top: 0;
	left: 140px;
	top: 0px;
	width: 420px;
	height: 420px;
}

.player-logo{
	position: absolute;
	left: 140px;
	top:380px;
	z-index:2;
	width:420px;
}

.parameter-bg {
	position: absolute;
	right: 35px;
	top: 35px;
	width: 575px;
}

.parameter-name{
	position: absolute;
	right:110px;
	top:60px;
	line-height: 1;
	font-size: 40px;
	font-weight: bold;
	width:470px;
	text-align: center;
}

.parameter-country-name{
	position: absolute;
	right:110px;
	top:140px;
	line-height: 1;
	font-size: 32px;
	font-weight: bold;
	width:470px;
	text-align: center;
}

.parameter-country-flag{
	position: absolute;
	right:300px;
	top:190px;
	border: 1px solid #f1f1f1;
}

.parameter-strongfoot{
	position: absolute;
	right:370px;
	top:300px;
}

.parameter-position{
	position: absolute;
	right:365px;
	top:443px;
	line-height: 1;
	font-size: 24px;
	font-weight: bold;
	width:205px;
}

.parameter-playstyle{
	position: absolute;
	right:365px;
	top:540px;
	line-height: 1;
	font-size: 24px;
	font-weight: bold;
	width:205px;
}

.parameter-rarity-01{
	position: absolute;
	right:57px;
	top:100px;
}

.parameter-rarity-02{
	position: absolute;
	right:57px;
	top:155px;
}

.parameter-rarity-03{
	position: absolute;
	right:57px;
	top:210px;
}

.chart-container {
	position: absolute;
	right:120px;
	top: 290px;
	width: 220px;
	height: 230px;
	border: 1px solid #aaa;
}



/* share ---------------------------------------*/

.share {
	text-align: center;
	padding: 76px 50px 0;
	position: relative;
	z-index: 2;
}

.share-innter {}

.share-title {
	display: inline-block;
	font-size: 46px;
	line-height: 1;
	font-weight: 700;
	letter-spacing: 0.09em;
	position: relative;
	margin-bottom: 40px;
}

.share-title::before,
.share-title::after {
	display: block;
	content: '';
	background: url('../img/pict_sharetitle.svg') no-repeat left top;
	background-size: 100%;
	width: 82px;
	height: 105px;
	position: absolute;
	top: 63%;
	transform: translate(0, -50%);
}

.share-title::before {
	left: -88px;
}

.share-title::after {
	right: -88px;
	transform: translate(0, -50%) scale(-1, 1);
}

.share-lead {
	font-size: 22px;
	line-height: 1.6;
	font-weight: bold;
	letter-spacing: 0.1em;
	margin-bottom: 40px;
}

.share-btn p {
	font-size: 22px;
	font-weight: bold;
	margin-top: 18px;
}


/* modal ---------------------------------------*/

.modal-wrapper {
	display: none;
}

#cboxClose {
	position: absolute;
	top: 20px;
	right: 20px;
	background: url(../img/close.png) no-repeat left top;
	width: 43px;
	height: 43px;
	text-indent: -9999px;
	background-size: 43px;
	display: none;
}

.modal {
	background: #E7FEFE;
	border: 1px solid #00FFBE;
	border-radius: 15px;
	position: relative;
	height: 100%;
	overflow: hidden;
}

.modal-image-face {
	transform: scale(1.5);
}

.modal-image-wear {
	transform: translate(0, -20%);
}


/* animation ---------------------------------------*/

.animation {
	transition: all 1.25s ease;
	opacity: 0;
	transform: translate(0, 20px);
}

.animation.on {
	opacity: 1;
	transform: translate(0, 0) translateZ(0px);
}


/* footer ---------------------------------------*/

.footer {
	position: relative;
	z-index: 10
}

.footer-game {
	background: #E1FF33;
	text-align: center;
	padding: 26px;
}

.footer-sega {
	background: #000;
	color: #fff;
	text-align: center;
	padding: 60px 30px;
}

.footer-sega-inner {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 60px;
}

.footer-sega-logo {
	padding-top: 10px;
}

.footer-sega-text {
	width: 356px;
	text-align: left;
	font-size: 12px;
	line-height: 1.3;
}



/* pc only */
@media screen and (min-width: 768px){

	.sp{display: none !important;}
	.spbr{display: none;}

}



/* small pc */

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

	.how{
		padding-right: 0;
		padding-left: 0;
	}

	.how-btn{
		padding-right: 50px;
		padding-left: 50px;
	}
	
}



/* sp only */
@media screen and (max-width: 767px){

	/* header ---------------------------------------*/

	header {
		padding: 8px 0 6px;
	}

	.header-inner {
		display: block;
	}

	.header-message {
		padding-left: unset;
		font-size: 15px;
		text-align: center;
		margin-bottom: 8px;
	}

	.header-message::before {
		display: none;
	}

	.header-btn-list {
		gap: 5px;
		justify-content: center;
	}

	.header-btn-list img {
		height: 35px;
	}


	/* btn ---------------------------------------*/

	.select-btn-wrapper {
		padding-top: 9px;
	}

	.select-btn {
		max-width: 60px;
		padding: 3px 5px;
		font-size: 12px;
	}


	/* common ---------------------------------------*/

	.bg-zebra {
		background-repeat: repeat-y;
	}


	/* how ---------------------------------------*/

	.how {
		padding: 27px 15px 10px;
	}

	.how-title {
		margin-bottom: 23px;
	}

	.how-title b {
		font-size: 32.5px;
		margin-bottom: 14px;
	}

	.how-title small {
		gap: 10px;
		font-size: 26px;
	}

	.how-title small img {
		width: 39px;
	    transform: translate(0, 4px);
	}

	.how-list {
		gap: 65px;
		margin: 0 auto 25px;
		width: 236px;
	}

	.how-list>li {
		width: 236px;
		max-width: unset;
	}

	.how-list>li:not(:first-child)::before {
		width: 47px;
		height: 43px;
		left: 50%;
		top: -44px;
		transform: translate(-50%, 0) rotate(90deg);
	}

	.how-btn img {
		width:100%;
		max-width: 350px;
	}


	/* prize ---------------------------------------*/

	.prize {
		padding: 40px 15px 10px;
	}

	.prize-inner {
		max-width: 450px;
		border-radius: 15px;
	}

	.prize-head {
		padding: 9px 12px 10px;
	}

	.prize-head::after {
		border-left: 42vw solid transparent;
		border-right: 42vw solid transparent;
		border-top: 42px solid #DCFF00;
		bottom: -42px;
	}

	.prize-title {
		font-size: 20px;
		margin-bottom: 3px;
	}

	.prize-campaign {
		display: block;
	}

	.prize-campaign-term {
		width: 148px;
		padding: 6px 0px 7px;
		font-size: 14px;
		margin: 0 auto 10px;
	}

	.prize-campaign img {
		max-width: 296pxpx;
		width: calc(487 / 150 * 100%);
		margin: 0 auto;
	}

	.prize-body {
		padding: 40px 10px 16px;
	}

	.prize-body-bgtitle {
		top: 41px;
	}

	.prize-body-bgtitle img {
		width: 90%
	}

	.prize-list {
		display: block;
		margin: 0 20px 20px;
	}

	.prize-list li:not(:last-child) {
		margin-bottom: 36px;
	}

	.prize-item-head {
		height: auto;
		margin-bottom: 11px;
	}

	.prize-item-name {
		height: 65px;
	}

	.prize-item-name b {
		font-size: 26px;
		letter-spacing: 0.05em;
	}

	.prize-item-name small {
		font-size: 19.5px;
	}

	.prize-item-count {
		display: flex;
		justify-content: center;
		align-items: flex-end;
		flex-wrap: wrap;
		gap: 8px;
		line-height: 1;
		font-size: 24px;
		font-weight: 800;
		transform: translate(-5px,0);
	}

	.prize-item-count b {
		font-size: 58.5px;
		margin-bottom: -8px;
		letter-spacing: -0.02em;
	}

	.prize-term-title {
		font-size: 14px;
		padding: 7px 10px 9px;
	}

	.prize-term-title-open {
		width: 15px;
		height: 15px;
		right: 11px;
	}

	.prize-term-title-open::before,
	.prize-term-title-open::after {
		width: 15px;
		height: 3px;
	}

	.prize-term-body-inner {
		padding: 20px 22px 20px;
	}

	.prize-term-body-title {
		font-size: 14px;
		margin-bottom: 30px;
	}

	.prize-term-body-block+.prize-term-body-block {
		margin-top: 40px;
	}

	.prize-term-body-block-title {
		font-size: 14px;
		margin-bottom: 4px;
	}

	.prize-term-body-block-title-sub {
		font-size: 14px;
	}

	.prize-term-body-block h5:not(:first-of-type) {
		margin-top: 4px;
	}

	.prize-term-body-block-text {
		font-size: 14px;
		line-height: 1.571;
	}

	.prize-term-body-block-list>li {
		font-size: 14px;
		font-weight: 500;
		line-height: 1.571;
		padding-left: 14px;
	}

	.prize-term-body-block-list-sub>li {
		line-height: 1.571;
		padding-left: 14px;
	}

	.prize-term-body-block-list-sub>li::before {
		top: -2px;
	}

	.prize-term-body-block-list-step dt {
		width: 60px;
		line-height: 1.571;
	}

	.prize-term-body-block-list-step dd {
		width: calc(100% - 60px);
		line-height: 1.571;
	}

	.prize-term-body-block-caption {
		line-height: 1.571;
		padding-left: 14px;
	}


	/* create ---------------------------------------*/

	.create {
		padding: 40px 15px 25px;
	}

	.create-inner {
		max-width: unset;
		border: 3px solid #00FFBE;
		border-radius: 15px;
		box-shadow: 0px 0px 10px rgba(0, 255, 190, 0.7);
	}

	.create-head {
		padding: 8px 9px 26px;
	}

	.create-title {
		max-width: 75%;
		width: 300px;
	}

	.create-image {
		right: -60px;
		top: -45px;
		max-width: 69%;
		width: 350px;
	}

	.create-body {
		padding: 0 8px;
	}

	.create-block {
		padding: 25px 0;
		border-top: 1px solid #00FFBE;
	}

	.create-block#create06 {
		border-bottom: none;
		padding-bottom: 0;
	}

	.create-block:first-child {
		padding-top: 0;
		padding-bottom: 0;
		border-bottom:none;
		margin-bottom: 24px;
	}

	.create-block-title {
		margin-bottom: 5px;
	}

	.create-block-title b {
		display: block;
		font-size: 23px;
		transform: translate(0, 0);
	}

	.create-block-title small {
		padding-left: 47px;
		font-size: 14px;
		margin-top: 3px;
	}

	.create-block-title small::before {
		width: 38px;
		height: 3px;
	}

	.input-name {
		height: 52px;
		padding: 0 10px;
		font-size: 15px
	}

	.create-block .input-name {
		margin-top: 12px;
	}

	.input-name-notice {
		margin-top: 12px;
		display: block;
		line-height: 1.4;
	}

	.input-name-notice>li {
		font-size: 12px;
	}

	/* 国 */

	.country-selector{
		padding-bottom: 6px;
	}

	.country-swiper .swiper-wrapper {
		max-width: unset;
		height: 288px;
	}

	.country-swiper .swiper-slide {
		font-size: 14px;
	}

	.country-title {
		gap: 10px;
		height: 33px;
	}

	.country-title span {
		font-size: 30px;
		top: -2px;
	}

	/* 見た目 */

	.create-look-face {
		overflow: hidden;
		margin: 21px -8px 0;
		padding:0 0 45px 15px;
		position: relative;
	}

	.create-look-face .create-look-list {
		flex-wrap: unset;
		gap: 0;
	}

	.create-look-list li {
		width: unset;
	}

	.create-look-item-image {
		height: 0px;
		border-radius: 8px;
		padding-bottom: 100%;
	}

	.create-look-item-image img {
		width: 150%;
		height: 150%;
		max-width: 150%;
		object-fit: contain;
	}

	.create-look-wear {
		margin-top: 8px;
		padding-bottom: 0;
	}

	.create-look-list.list-wear {
		gap: 24px 16px;
		max-width: 64%;
		margin: 0 auto;
	}

	.create-look-list.list-wear li {
		width: calc(50% - 8px);
	}

	.create-look-list.list-wear .create-look-item-image {
		height: 88px;
	}

	.create-look-list.list-wear .create-look-item-image img {
		transform: translate(-50%, -77%);
	}

	.create-look-item-image .icon-search {
		right: 5px;
		bottom: 8px;
		width: 12px;
		height: 12px;
	}

	.create-look-list.list-wear .create-look-item-image .icon-search {
		right: 6px;
		bottom: 7px;
	}

	.create-look-shuffle {
		margin-top: 10px;
		padding: 0 0 0;
	}

	.create-look-shuffle-btn {
		font-size: 14px;
		width: 100%;
		padding: 8px 10px 8px;
	}

	.create-look-shuffle p {
		font-size: 12px;
		margin-top: 8px;
		text-align: left;
		line-height: 1.2;
	}

	.create-look-face .swiper-pagination{
		bottom: 10px;
		display: block;
	}

	.create-look-face .swiper-pagination .swiper-pagination-bullet{
		width: 10px;
		height: 2px;
		background: #E2E2E2;
		border-radius: 0;
		opacity: 1;
		margin: 0 2px;
	}

	.create-look-face .swiper-pagination .swiper-pagination-bullet-active{
		background: #707070;
	}

	.create-look-face .swiper-button-prev,
	.create-look-face .swiper-button-next{
		display: block;
		width: 32px;
		height: 32px;
		position: absolute;
		right: 8px;
		left: auto;
		top: auto;
		bottom: 0;
		background: none;
	}

	.create-look-face .swiper-button-prev{
		right: 49px;
		transform: scale(-1,1);
	}

	.create-look-face .swiper-button-prev::after,
	.create-look-face .swiper-button-next::after{
		display:block;
		content:'';
		background:url('../img/arrow_slider.png') no-repeat left top;
		background-size: 100%;
		width:100%;
		height:100%;
		position:absolute;
		right:0px;
		top:50%;
		transform:translate(0,-50%);
	}

	/* 利き足 */

	.create-strongfoot {
		padding-top: 11px;
	}

	.create-strongfoot-list {
		gap: 20px;
	}

	.create-strongfoot-list li {
		max-width: 65px;
	}

	.create-strongfoot-item-image {
		margin-bottom: 0;
	}

	.create-strongfoot-item-image svg {
		width: 38px;
		height: 75px;
	}

	.create-strongfoot-item-title {
		font-size: 14px;
		line-height: 1;
		padding-top: 5px;
	}

	.create-strongfoot .select-btn-wrapper{padding-top: 6px;}

	/* ポジション */

	.position-selector {
		overflow: hidden;
		margin-top: 20px;
	}

	.position-swiper .swiper-wrapper {
		height: 230px;
	}

	.position-swiper .swiper-slide {
		font-size: 14px;
	}

	.position-title {
		padding: 2px 10px 4px;
		line-height: 1;
	}

	/* 選手作成 */

	.create-btn {
		margin-top: 20px;
		padding: 0 0 20px;
		text-align: center;
		border-top:none;
	}

	.create-btn img {
		max-width: 350px;
		width:100%;
	}

	.create-btn button:hover {
		opacity: 1
	}

	.create-btn-arrow {
		margin-top: 14px;
	}

	.create-btn-arrow img {
		width: 37px;
	}


	/* result ---------------------------------------*/

	.result-wrapper {
		padding: 25px 3.15vw 20px;
	}

	.result {
		padding: 0 15px;
	}


	/* share ---------------------------------------*/

	.share {
		padding: 15px 15px 0;
	}

	.share-title {
		font-size: 22px;
		margin: 10px 0 6px;
		letter-spacing: 0.1em;
	}

	.share-title::before,
	.share-title::after {
		width: 39px;
		height: 50px;
		top: 60%;
	}

	.share-title::before {
		left: -35px;
	}

	.share-title::after {
		right: -35px;
	}

	.share-lead {
		font-size: 14px;
		margin-bottom: 5px;
	}

	.share-btn a {
		display: block;
		margin: 0 auto;
		width: 105px;
	}

	.share-btn p {
		font-size: 14px;
		margin-top: 8px;
	}


	/* modal ---------------------------------------*/

	.modal-wrapper {
		display: none;
	}

	#cboxClose {
		top: 10px;
		right: 10px;
		background: url(../img/close.png) no-repeat left top;
		width: 21px;
		height: 21px;
		background-size: 21px;
	}

	.modal {
		border-radius: 8px;
	}



	/* footer ---------------------------------------*/

	.footer-game {
		padding: 0 0 7px;
	}

	.footer-game img {
		width: 275px;
		transform: translate(11%, 0);
	}

	.footer-sega {
		padding: 22px 15px 10px;
	}

	.footer-sega-logo img {
		width: 100px;
	}


	.footer-sega-inner {
		gap: 25px;
	}

	.footer-sega-text {
		width: 100%;
		max-width: 400px;
	}

}




/* iphone5 iphoneSE用 */
@media screen and (max-width: 370px){

}