@charset "UTF-8";

/*!
 * ress.css • v1.2.2
 * MIT License
 * github.com/filipelinhares/ress
 */html{box-sizing:border-box;overflow-y:scroll;-webkit-text-size-adjust:100%}*,:after,:before{background-repeat:no-repeat;box-sizing:inherit}:after,:before{text-decoration:inherit;vertical-align:inherit}*{padding:0;margin:0}audio:not([controls]){display:none;height:0}hr{overflow:visible}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}summary{display:list-item}small{font-size:80%}[hidden],template{display:none}abbr[title]{border-bottom:1px dotted;text-decoration:none}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}code,kbd,pre,samp{font-family:monospace,monospace}b,strong{font-weight:bolder}dfn{font-style:italic}mark{background-color:#ff0;color:#000}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}input{border-radius:0}[role=button],[type=button],[type=reset],[type=submit],button{cursor:pointer}[disabled]{cursor:default}[type=number]{width:auto}[type=search]{-webkit-appearance:textfield}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}textarea{overflow:auto;resize:vertical}button,input,optgroup,select,textarea{font:inherit}optgroup{font-weight:700}button{overflow:visible}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:0;padding:0}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button:-moz-focusring{outline:1px dotted ButtonText}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}button,select{text-transform:none}button,input,select,textarea{background-color:transparent;border-style:none;color:inherit}select{-moz-appearance:none;-webkit-appearance:none}select::-ms-expand{display:none}select::-ms-value{color:currentColor}legend{border:0;color:inherit;display:table;max-width:100%;white-space:normal}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}img{border-style:none}progress{vertical-align:baseline}svg:not(:root){overflow:hidden}audio,canvas,progress,video{display:inline-block}@media screen{[hidden~=screen]{display:inherit}[hidden~=screen]:not(:active):not(:focus):not(:target){position:absolute!important;clip:rect(0 0 0 0)!important}}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled]{cursor:default}::-moz-selection{background-color:#b3d4fc;color:#000;text-shadow:none}::selection{background-color:#b3d4fc;color:#000;text-shadow:none}



/* animation
-------------------------------------------------------------------------------*/
@-webkit-keyframes Blink {
	0% { opacity: 0 },
	20% { opacity: 1 }
}
@keyframes Blink {
	0% { opacity: 0 },
	20% { opacity: 1 }
}


/* Global Style
-------------------------------------------------------------------------------*/
html {
  background: #64BD52;
}
body {
  position: relative;
  width: 360px;
  margin: 0 auto;
  padding-top: 56px;
	background: #fff;
	font-family: -apple-system, 'BlinkMacSystemFont', Roboto, 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ Pro', Meiryo, 'メイリオ', Verdana, sans-serif;
	font-size: 13px;
	background: #fff;
	color: #000;
	line-height: 1.15;
}
select, input, textarea {color: #333; background: #fff;}
a {color: #005fff;}
a:link {
  -webkit-tap-highlight-color: rgba(100, 189, 82, 0.3); /* タップ時の色 */
}
.disabled, [disabled] {
	opacity: 0.3;
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	filter: grayscale(100%);
}
.center {
	text-align: center;
}
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}
ul,ol {
  list-style: none;
}
.wide {
	width: 100%;
}
.form .wide {
	width: 97%;
}
:placeholder-shown { color: #bbb; }
::-webkit-input-placeholder { color: #bbb; }
:-moz-placeholder { color: #bbb; }
::-moz-placeholder { color: #bbb; }
:-ms-input-placeholder { color: #bbb; }
input[type="text"],
input[type="tel"],
input[type="search"],
input[type="email"],
input[type="password"],
input[type="radio"],
input[type="checkbox"],
select {
	max-width: 100%;
	height: 32px;
	margin: 5px;
	line-height: 1.1;
	background: #fff;
	border: 0 none;
	font-size: 16px;
	-webkit-appearance: none;
	outline: 0;
}
input[type="text"],
input[type="tel"],
input[type="search"],
input[type="email"],
input[type="password"] {
	padding: 0 7px;
	border-radius: 3px;
	box-shadow: 0 0 0 2px rgba(0,0,0,.5) inset;
}
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
select:focus,
input[type="checkbox"]:focus,
input[type="radio"]:focus {
	box-shadow: 0 0 0 2px rgba(0,0,0,.5) inset, 0 0 0 2px #64BD52;
}
input.city {
	width: 70%;
}
label {
	position: relative;
	display: inline-block;
	line-height: 1.2;
}
.form label {
	margin: 0 1em 0.5em 0;
}
input[type="checkbox"],
input[type="radio"] {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	width: 20px;
	height: 20px;
	margin: 5px;
	box-shadow: 0 0 0 2px rgba(0,0,0,.5) inset;
	vertical-align: middle;
}
input[type="checkbox"] {
	border-radius: 4px;
}
input[type="checkbox"]:checked {
	background: #2a8917;
}
input[type="checkbox"]:checked:after {
	content: '';
	position: absolute;
	top: 9px;
	left: 9px;
	display: block;
	width: 12px;
	height: 8px;
	border-bottom: 3px solid #fff;
	border-left: 3px solid #fff;
	transform: rotate(-45deg);
}
input[type="radio"] {
	border-radius: 20px;
}
input[type="radio"]:checked:after {
	content: '';
	position: absolute;
	top: 10px;
	left: 10px;
	display: block;
	width: 10px;
	height: 10px;
	background: #2a8917;
	border-radius: 10px;
}
select {
	position: relative;
	box-shadow: 0 0 0 2px rgba(0,0,0,.5) inset;
	padding: 0 25px 0 7px;
	background: url(../images/select.png) no-repeat right center;
	background-size: 18px 32px;
}
textarea {
	width: 97%;
	margin: 5px;
	padding: 5px 7px;
	line-height: 1.4;
	background: #fff;
	border: 0 none;
	border-radius: 3px;
	box-shadow: 0 0 0 2px rgba(0,0,0,.5) inset;
	font-size: 16px;
	-webkit-appearance: none;
	outline: 0;
}
button {
	height: 42px;
	margin: 5px;
	padding: 0 5px;
	border-radius: 3px;
	background: #999;
	color: #fff;
	font-weight: bold;
	font-size: 18px;
	letter-spacing: 1px;
}
button[type="submit"] {
	background: #64BD52;
	box-shadow: 0 3px 0 #2a8917;
}
.btn-entry button[type="submit"] {
	background: #FC656A;
	box-shadow: 0 3px 0 #c7393e;
}
.btn-entry button[type="submit"]:before {
	content: '';
	display: inline-block;
	width: 19px;
	height: 19px;
	margin-right: 7px;
	background: url(../images/icon-beginner.png) 0 0 no-repeat;
	background-size: 100% auto;
	vertical-align: -10%;
}
.required:after {
	content: '必須';
	display: inline-block;
	height: 14px;
	margin-left: 5px;
	padding: 0 3px;
	background: #DD2C00;
	border-radius: 4px;
	color: #fff;
	font-size: 10px;
	line-height: 14px;
	text-align: center;
	vertical-align: 5%;
}
.required-other:after {
	content: 'どちらか必須';
	background: #fff;
	box-shadow: 0 0 0 1px #DD2C00 inset;
	color: #DD2C00;
	font-weight: normal;
}
.btn {
	margin: 25px 0;
	text-align: center;
}
.btn-wide button {
	width: 97%;
}
.btn-message-important {
	margin: 10px 0;
	color: #e00;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}
.btn-waiting button {
	color: #ffff00;
}
.login .btn {
	margin: 40px 0 10px;
}
.break {
	/*max-width: 300px;*/
	word-break: break-all;
}
.important,
.note.important {
	color: #e00;
}
.center {
	text-align: center;
}
.note {
	margin-top: 3px;
	color: #777;
	font-size: 12px;
}
.form .note {
	margin-left: 5px;
	margin-right: 5px;
}
.note.error {
	position: relative;
	margin-top: 0;
	margin-bottom: 3px;
	padding-left: 14px;
	color: #e00;
	font-size: 14px;
	font-weight: bold;
}
.note.error:before {
	content: '\f071';
	position: absolute;
	top: 1px;
	left: 0;
	font-family: FontAwesome;
	font-size: 13px;
	-webkit-animation: Blink 1s infinite;
	        animation: Blink 1s infinite;
}
.list,
.list-kakko {
	margin-top: 0.5em;
	margin-bottom: 1em;
}
.list > li,
.list-kakko > li{
	position: relative;
	margin-bottom: 0.5em;
	padding-left: 1.7em;
}
ul.list > li:before {
	content: '•';
	position: absolute;
	top: -1px;
	left: 8px;
}
ul.list-kome > li:before {
	content: '※';
	position: absolute;
	top: 0;
	left: 8px;
}
ol.list,
ol.list-kakko {
	counter-reset: olist;
}
ol.list > li:before {
	counter-increment: olist;
	content: counter(olist)'.';
	position: absolute;
	top: 0;
	left: 0;
}
ol.list-kakko > li {
	position: relative;
}
ol.list-kakko > li:before {
	counter-increment: olist;
	content: '('counter(olist)')';
	position: absolute;
	top: 0;
	left: 0;
}
ol.list-kakko-kana > li {
	padding-left: 28px;
}
ol.list-kakko-kana > li:before {
	content: '('counter(olist,katakana)')';
}
table {
	min-width: 100%;
	font-size: 13px;
	border-collapse: collapse;
}
th, td {
	padding: 5px;
	border: 1px solid #ddd;
}
th {
	background: #eee;
}
.detail-table th {
	white-space: nowrap;
}
img[src*="icon-beginner.png"] {
	margin-right: 2px;
	vertical-align: -5%;
}





/* slide
-------------------------------------------------------------------------------*/
.swiper-container {
  width: 100%;
  padding-bottom: 16px !important;
}
.swiper-container img {
  max-width: 100%;
  height: auto;
}
.swiper-container .swiper-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  width: auto;
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
	bottom: 0 !important;
}
.swiper-pagination-bullet {
	opacity: .15 !important;
}
.swiper-pagination-bullet-active {
	background: #67BB58 !important;
	opacity: 1 !important;
}



/* header
-------------------------------------------------------------------------------*/
header {
  position: fixed;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 7px;
  background: #fff;
  box-shadow: 0 1px 2px rgba(0,0,0,.1);
  z-index: 100;
}
.logo {
  line-height: 0;
}
header nav {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
#nav_toggle {
  position: absolute;
  top: -100px;
}
.header-nav-main {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.header-nav-main li {
  margin-left: 5px;
}
.header-nav-main a,
.header-nav-main label {
  display: block;
  width: 40px;
  height: 40px;
  padding-top: 40px;
  background: url(../images/menu.png) no-repeat 0 0;
  background-size: auto 40px;
  border-radius: 3px;
  color: #000;
  font-size: 7px;
  text-align: center;
  text-decoration: none;
  overflow: hidden;
}
.header-nav-main .nav-entry a { background-position: 0 0 }
.header-nav-main .nav-login a { background-position: -40px 0 }
.header-nav-main .nav-menu label { background-position: -80px 0 }
.header-nav-page {
  position: absolute;
  top: 56px;
  left: 0;
  display: block;
  width: 100%;
  height: 0;
  padding: 0;
  background: #77B551;
  font-size: 16px;
  text-align: center;
  overflow: hidden;
  z-index: 101;
}
#nav_toggle:checked + .header-nav-page {
  height: auto;
  padding: 5px 0;
}
.header-nav-page li {
  margin: 5px 0;
  padding: 5px 0;
}
.header-nav-page a {
  color: #fff;
  font-weight: bold;
  text-decoration: none;
}



/* home
-------------------------------------------------------------------------------*/
.home-info li {
  margin-bottom: 0.5em;
  line-height: 1.5;
}
.home-game-lead {
  font-size: 11px;
}
.home-game .list-results {
	border-bottom: 1px solid #ddd;
}
.home-game .list-results > li {
	display: flex;
	margin-bottom: 8px;
	padding: 8px 0 0;
	font-size: 12px;
	border-top: 1px solid #ddd;
}
main section.home-game h3 {
	margin-bottom: 5px;
}
.home-game .list-results-meta > li {
	font-size: 12px;
}
.home-game .list-results-meta > li.date,
.home-game .list-results-meta > li.place {
	width: 65%;
}
.home-game .list-results-meta > li.price,
.home-game .list-results-meta > li.level {
	width: 35%;
	padding-right: 0;
}
.offer-limit {
	display: flex;
	justify-content: center;
	text-align: center;
	font-size: 10px;
	white-space: nowrap;
}
.offer-limit li {
	padding-left: 7px;
	line-height: 1;
}
.offer-limit span {
	display: inline-block;
	margin-left: 2px;
	font-size: 16px;
	font-weight: bold;
}
.offer-limit-ends span {
	color: #e00;
}
.game-limit {
	padding-left: 10px;
}
.game-limit a {
	display: inline-block;
	width: 80px;
	height: 33px;
	line-height: 33px;
	padding: 0;
	background: #FC656A;
	border-radius: 5px;
	box-shadow: 0 3px 0 #c7393e;
	color: #fff;
	font-feature-settings: 'palt';
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
}
.game-limit a.waiting {
	height: auto;
	padding: 4px 0;
	background: #67BB58;;
	box-shadow: 0 3px 0 #2E8821;
	color: yellow;
	font-size: 12px;
	line-height: 1.2;
}
main section .game-limit p {
	margin-bottom: 6px;
	text-align: right;
}
.home-game-exp {
	margin: 10px 0;
	padding: 6px;
	background: #e0f0d8;
	border-radius: 3px;
	font-size: 11px;
	line-height: 1.1;
}
.home-game-exp a {
	display: inline-block;
	padding: 3px;
	border-radius: 3px;
	font-feature-settings: 'palt';
	letter-spacing: 0.5px;
	text-decoration: none;
}
.home-game-exp a.active {
	background: #67BB58;
	color: #fff;
	font-weight: bold;
}
.home-game-exp dl {
	display: flex;
	margin-bottom: 5px;
}
.home-game-exp dl:last-child {
	margin-bottom: 0;
}
.home-game-exp dt {
	padding: 3px;
	width: 60px;
	font-weight: bold;
}
.home-game-exp dd ul {
	display: flex;
	flex-wrap: wrap;
}
.home-game-exp dd li {
	margin-right: 5px
}




/* main
-------------------------------------------------------------------------------*/
main img {
  max-width: 100%;
  height: auto;
}
main section {
  margin: 10px 10px 25px;
  line-height: 1.6;
}
main section p {
	margin-bottom: 1em;
}
main section dd p:last-child {
	margin-bottom: 0;
}
main section h1 {
  margin-bottom: 8px;
  padding-bottom: 2px;
  font-size: 18px;
  font-weight: 700;
  border-bottom: 2px solid #69BC4A;
  line-height: 1.2;
}
main section h2 {
	position: relative;
	margin-top: 25px;
	margin-bottom: 12px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 16px;
	background: rgba(104, 189, 73, .15);
	border-radius: 4px;
	font-size: 16px;
	line-height: 1.2;
}
main section.login h2 {
	margin-top: 0;
}
main section h2:before {
	position: absolute;
	content: '';
	top: 7px;
	left: 0;
	display: block;
	width: 10px;
	height: 14px;
	background: #69BC4A;
	border-radius: 0 3px 3px 0;
}
main section.voice h2,
main section.staff h2 {
	margin-top: 7px;
	margin-bottom: 7px;
}
main section h3 {
	margin-bottom: 12px;
	font-size: 15px;
	font-weight: bold;
	clear: both;
}
section.login {
	padding: 20px;
	background: #f2f0df;
	border-radius: 3px;
	font-size: 13px;
}
section.login input[type="text"],
section.login input[type="tel"],
section.login input[type="email"],
section.login input[type="password"],
section.login button {
	width: 100%;
	margin: 0;
}
section.login dl {
	margin-bottom: 20px;
}
section.form dl {
	margin-bottom: 10px;
}
section.login dt,
section.form dt {
	margin-bottom: 5px;
	font-size: 14px;
	font-weight: bold;
}
section.form dt {
	padding: 6px;
	background: #f2f0df;
	border-radius: 3px;
	line-height: 1.2;
}
section.form dd {
	font-size: 14px;
}
section.login button, {
	margin: 10px 0 20px 0;
}
section.login .lost-password {
	font-size: 14px;
	text-align: center;
}
section.login a {
	color: #64BD52;
}
main section.message {
	margin: 10px 10px 25px;
	padding: 10px;
	background: #d7edfc;
	border-radius: 3px;
}
main section.error {
	background: #fad3cb;
}
main section.notice {
	background: #C5EDBB;
}
.message a {
	font-weight: bold;
}

section.profile dt,
section.form .list-profile dt,
main section.profile h2 {
	position: relative;
	padding-right: 60px;
}
.profile .edit {
	position: absolute;
	top: 6px;
	right: 6px;
	display: block;
	font-size: 13px;
	text-decoration: none;
}
.profile .edit:before {
	content: '\f040';
	font-family: FontAwesome;
	margin-right: 3px;
}
section.form dl.list-profile {
	margin: 0 0 20px 0;
}
.list-profile th,
.list-entry-game th {
	width: 25%;
	font-size: 10px;
}
.list-profile td {
	width: 25%;
}
.list-profile td[colspan] {
	width: auto;
}

section.form dd.game_info__name {
	font-size: 1.2em;
	font-weight: bold;
}
section.form dd.game_info__togo {
	color: #e00;
	font-weight: bold;
}
.game_info__number_of_people {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	width: 100%;
}
.game_info__number_of_people dl {
	width: 47%;
}
section.profile .game_info__number_of_people dt {
	padding-right: 6px;
}
.game_info__number_of_people dt,
.game_info__number_of_people dd {
	text-align: center;
}
section.form .game_info__number_of_people dd {
	font-size: 2em;
}

section.voice,
section.staff {
	margin: 10px 10px 40px;
}
.voice figure,
.staff figure {
	text-align: center;
}
.staff figure img {
	width: 200px;
	height: auto;
}
.voice dl,
.staff dl,
.class dl {
	margin-bottom: 1em;
}
.voice dt,
.staff dt,
.class dt {
	color: #984;
	font-size: 1.3em;
	font-weight: bold;
}
.class dt {
	margin-bottom: 2px;
	font-size: 1.1em;
	line-height: 1.2;
}
.voice dt:before,
.staff dt:before {
	content: 'Q.';
}
.class dt:before {
	content: '■';
}
.landing {
	counter-reset: landing;
}
.landing dl {
	margin-bottom: 25px;
}
.landing dt {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	margin-bottom: 10px;
	padding: 7px;
	background: #f9f6d5;
	border-radius: 5px;
	color: #984;
	font-size: 1.1em;
	font-weight: bold;
	line-height: 1.2;
}
.landing dt:before {
	counter-increment: landing;
	content: counter(landing)'.';
	margin-right: 5px;
	font-size: 28px;
}
.voice dd,
.staff dd,
.class dd {
	padding: 6px 8px;
	background: #f9f6d5;
	border-radius: 4px;
}
.landing figure {
	text-align: center;
}
.landing figure iframe[src*="youtube"] {
	width: 100%;
	height: 50vw;
}
.list-landing {
	color: #e00;
	font-feature-settings: 'palt';
	font-size: 1.3em;
	font-weight: bold;
	line-height: 1.3;
}
.list-landing > li {
	position: relative;
	margin-bottom: 10px;
	padding-left: 20px;
}
.list-landing > li:before {
	position: absolute;
	left: 0;
	content: '\f005';
	font-family: FontAwesome;
}









.faq dl {
	margin: 0 0 1em;
	padding: 8px 10px;
	border-radius: 5px;
	box-shadow: 0 0 0 2px rgba(104, 189, 73, .4) inset;
}
.faq dt {
	position: relative;
	padding-right: 24px;
	font-weight: bold;
}
.faq dt:after {
	content: '\f078';
	font-family: FontAwesome;
	color: rgba(104, 189, 73, 1);
	position: absolute;
	top: -1px;
	right: -0;
	-webkit-transition: all .2s;
	transition: all .2s;
}
.faq dt.open:after {
	transform: rotate(180deg);
}
.faq dd {
	height: 0;
	padding-top: 0;
	overflow: hidden;
}
.faq dt.open + dd {
	height: auto;
	padding-top: 3px;
}
.staff table {
	margin: 12px 0
}
.staff-profile th {
	width: 20%;
}
.staff-profile td {
	width: 30%;
}
.staff-profile td[colspan] {
	width: auto;
}
table.team-profile {
	margin: 12px 0;
	line-height: 1.2;
}
table.team-profile th {
	width: 25%;
	font-size: 10px;
}
.team-profile-results-list > table {
	display: none;
}
.team-profile-results-list > table:nth-child(1),
.team-profile-results-list > table:nth-child(2),
.team-profile-results-list > table:nth-child(3),
.team-profile-results-list > table:nth-child(4) {
	display: table;
}
.team-profile-results-list-open {
	text-align: center;
}
.team-profile-results-list-open span {
	display: inline-block;
	height: 28px;
	line-height: 28px;
	padding: 0 50px;
	background: #67BB58;
	border-radius: 24px;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	cursor: pointer;
}
table.team-profile-results td {
	width: 25%;
}
table.team-profile-results td[colspan] {
	width: auto;
}
h1.team-name {
	padding: 15px;
	background: rgba(104, 189, 73, .15);
	border-bottom: 3px solid #64BD52;
	color: #69BC4A;
	font-size: 24px;
	font-feature-settings: 'palt';
	letter-spacing: 1px;
	line-height: 1;
}
.profile-summary h2 {
	margin-top: 0;
}
.profile-teams > ul {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
}
.profile-teams > ul > li {
	width: 50%;
	text-align: center;
}
.profile-teams > ul > li:nth-child(2n-1) {
	padding-right: 5px;
}
.profile-teams > ul > li:nth-child(2n) {
	padding-left: 5px;
}
.profile-teams a {
	text-decoration: none;
	font-weight: bold;
}
.scroll {
	width: 100%;
	padding: 0 0 3px;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}
.scroll::-webkit-scrollbar {
	height: 14px;
}
.scroll::-webkit-scrollbar-thumb {
	background: #ccc;
	border-radius: 24px;
	border: 4px solid #fff;
}
.scroll::-webkit-scrollbar-track-piece:start {
	background: #fff;
	border-radius: 10px;
}
.scroll::-webkit-scrollbar-track-piece:end {
	background: #fff;
	border-radius: 10px;
}
.table-scroll table {
	font-size: 11px;
}
.table-results th,
.table-results td {
	text-align: center;
	white-space: nowrap;
}
.comp2 {
	zoom: 60%
}
.list-results > li {
	margin-bottom: 12px;
	line-height: 1.3;
}
.list-results > li > h3 {
	margin-bottom: 3px;
}
.list-results-meta {
	display: flex;
	flex-wrap: wrap;
	font-size: 10px;
	color: #666;
}
.list-results-meta > li {
	width: 50%;
	margin-bottom: 2px;
	padding-right: 1em;
}
.list-results-meta .win {
	color: #000;
	font-weight: bold;
}
.list-results-meta .win:before {
	content: '優勝 : ';
	color: #666;
	font-weight: normal;
}
.list-results img[src*="icon-beginner"] {
	margin-right: 3px;
}
main section .list-results h3 {
	font-size: 14px;
}
main section.place h2 {
	margin-bottom: 8px;
}
main section.place p {
	margin-bottom: 8px;
	line-height: 1.3;
}
section.place dl {
	margin: 1em 0;
}
section.place dt {
	margin-bottom: 4px;
	padding: 5px;
	background: #f2f0df;
	border-radius: 3px;
	color: #984;
	font-size: 10px;
	font-weight: bold;
	line-height: 1.2;
}
section.place dd {
	line-height: 1.3;
}
section.place dd a {
	word-break: break-all;
}
section.place figure {
	margin: 15px 0;
}
.map-open {
	text-align: center;
}
.map-open span {
	display: inline-block;
	height: 22px;
	line-height: 22px;
	padding: 0 20px;
	background: #67BB58;
	border-radius: 24px;
	color: #fff;
	font-size: 12px;
	cursor: pointer;
}
.map-open + figure {
	position: relative;
	display: none;
}
.map-open + figure:before {
	content: 'Now Loading...';
	position: absolute;
	top: 45%;
	width: 100%;
	color: #bbb;
	font-size: 18px;
	text-align: center;
}
.map-open + figure iframe {
	position: relative;
	z-index: 2;
}






/* footer
-------------------------------------------------------------------------------*/
footer {
	position: relative;
	margin-top: 80px;
	padding: 50px 20px;
	background: #64BD52;
	color: #fff;
	text-align: center;
}
footer nav li {
	margin: 0.8em 0;
	line-height: 1.5;
}
footer a {
	color: #fff;
}
footer .copyright {
	margin: 2em 0 0;
}
#pagetop a {
	position: absolute;
	top: -30px;
	left: 50%;
	display: block;
	width: 60px;
	height: 60px;
	margin-left: -30px;
	padding-top: 60px;
	background: #2a8917;
	border-radius: 60px;
	text-decoration: none;
	overflow: hidden;
}
#pagetop a:before {
	content: '\f077';
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -19px;
	margin-left: -14px;
	color: #fff;
	font-family: FontAwesome;
	font-size: 28px;
}



/* Print styles
-------------------------------------------------------------------------------*/
@media print {

}


/* Media queries
-------------------------------------------------------------------------------*/
@media screen and (max-width: 480px) {
body {
  width: 100%;
}
}
@media screen and (max-width: 320px) {
.home-game .list-results-meta > li {
	font-size: 10px;
}
}

/* Category */
.ctg {
	display: inline-block;
	overflow: hidden;
	height: 0;
	padding-top: 18px;
	background: url('../../images-bg1/common/ico_category.png') no-repeat;
	vertical-align: bottom;
}
.ctg-b2 { width: 22px; background-position: 0 0; }
.ctg-b1 { width: 34px; background-position: 0 -20px; }
.ctg-bp { width: 54px; background-position: 0 -40px; }