@charset "utf-8";

body { height: 100%;}
body .lity-container { height: 100%;}


@import url('https://fonts.googleapis.com/css?family=Anton&display=swap&text=0123456789');




html {
	font-size: 62.5%; 
} /* sets the base font to 10px */
body {
	color: #333;
/* ゴシックタイプ */
/* 	font-family: Avenir,"Helvetica neue",Helvetica,"游ゴシック",YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic ProN", Meiryo, sans-serif; */
font-family:'Impact','Anton','M PLUS Rounded 1c',  -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;

/* font-family: YuGothic,"Yu Gothic","游ゴシック体","游ゴシック","ヒラギノ角ゴ ProN W6","ヒラギノ角ゴ Pro W6","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","ＭＳ ゴシック",Osaka,sans-serif; */


/* 明朝タイプ */
/* 	font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; */
	-webkit-text-size-adjust: 100%;
}
h1,h2,h3,h4,h5,h6 {
	margin-bottom:0.4em;
	font-size:2rem;
 	font-weight: bold;
}
p { font-size: 1.8rem; line-height: 1.4;}
small { font-size: 0.85em;}
ul li { font-size: 1.5rem; line-height: 1.4;}
dl dt { font-size: 1.5rem; line-height: 1.4;}
dl dd { font-size: 1.5rem; line-height: 1.4;}


@font-face
{
font-family: mplus-1p-regular;
src: url('http://mplus-fonts.sourceforge.jp/webfonts/mplus-1p-regular.ttf')
     format("truetype");
}

@font-face
{
font-family: mplus-1m-bold;
src: url('../../../fonts/mplus/mplus-1m-bold.ttf')
     format("truetype");
}
@font-face {
    font-family: 'Easy-Rider';
    src:url('../font/Easy-Rider/Easy-Rider.ttf.woff') format('woff'),
        url('../font/Easy-Rider/Easy-Rider.ttf.svg#Easy-Rider') format('svg'),
        url('../font/Easy-Rider/Easy-Rider.ttf.eot'),
        url('../font/Easy-Rider/Easy-Rider.ttf.eot?#iefix') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
}




/* ==========================================
	 リンク
	 ========================================== */


a {
	text-decoration: none;
	word-break: break-all;
}
a:link    { color: #E60012}
a:visited { color: #E60012;}
a:hover   { color: #E60012; opacity: .8;}
a:active  { color: #E60012;}

a,a:hover,
a img,a:hover img {
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

/* ==========================================
	 汎用クラス
	 ========================================== */

.sign {
	display: block;
	text-align: right;
	margin:10px 0 20px;
}
.center {
	display: block;
	text-align: center;
/* 	margin: auto; */
}
.bold {
	font-weight: bold;
}

.nowrap,.nw {
 	white-space:nowrap;
 	display: inline-block;
}
.italic { font-style: italic;}

.red   { color:#E60012;}
.green { color:#009944;}
.blue  { color:#0081cc;}
yellow { color:#FDD000;}
.black { color:#000;}
.white { color: #fff;}


.lh12 {line-height: 1.2;}
.lh13 {line-height: 1.3;}
.lh14 {line-height: 1.4;}
.lh15 {line-height: 1.5;}
.lh16 {line-height: 1.6;}
.lh17 {line-height: 1.7;}
.lh18 {line-height: 1.8;}
.mb10 {margin-bottom: 10px;}
.mb20 {margin-bottom: 20px;}
.mb30 {margin-bottom: 30px;}
.mb40 {margin-bottom: 40px;}
.mb50 {margin-bottom: 50px;}
.mb60 {margin-bottom: 60px;}
.mb70 {margin-bottom: 70px;}

.blink{
	color: #DF0000;
		font-style: italic;
	font-size: .5em;
	vertical-align: text-top;
    -webkit-animation:blink 1.0s step-end infinite alternate;
    -moz-animation:blink 1.0s step-end infinite alternate;
    animation:blink 1.0s step-end infinite alternate;
}

/* 点滅 */
@-webkit-keyframes blink{
    34%,66%,100% {opacity:0;}
    0%,33%,67%,99% {opacity:1;}
}
@-moz-keyframes blink{
    34%,66%,100% {opacity:0;}
    0%,33%,67%,99% {opacity:1;}
}
@keyframes blink{
    34%,66%,100% {opacity:0;}
    0%,33%,67%,99% {opacity:1;}
}

/* ==========================================
	 ローディング
	 ========================================== */

.loader-wrap {
	position: fixed;
	display: flex;
    align-items: center;
    justify-content: center;
    width: 90%;
    height: 100%;
    z-index: 1000;
    background-color: #009944;
}

.loader,
.loader:before,
.loader:after {
  border-radius: 50%;
  width: 2em;
  height: 2em;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation: load7 1.8s infinite ease-in-out;
  animation: load7 1.8s infinite ease-in-out;
}
.loader {
  color: #fff;
  font-size: 10px;
  margin: 80px auto;
  position: relative;
  text-indent: -9999em;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
.loader:before,
.loader:after {
  content: '';
  position: absolute;
  top: 0;
}
.loader:before {
  left: -3.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
  color: #fff;
}
.loader:after {
  left: 3.5em;
  color: #fff;
}

.loader1,
.loader1:before,
.loader1:after {
  border-radius: 50%;
  width: 2em;
  height: 2em;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation: load7 1.8s infinite ease-in-out;
  animation: load7 1.8s infinite ease-in-out;
}
.loader1 {
  color: #056CB9;
  font-size: 10px;
  margin: 80px auto;
  position: relative;
  text-indent: -9999em;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
.loader1:before,
.loader1:after {
  content: '';
  position: absolute;
  top: 0;
}
.loader1:before {
  left: -3.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
  color: #056CB9;
}
.loader1:after {
  left: 3.5em;
  color: #056CB9;
}

@-webkit-keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
@keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}

/* ===================================
	構造
====================================== */

.body {
/* 	background-color: #009944; */
	padding: 5%;
	font-family:'M PLUS Rounded 1c';
}
/* body.body.shinkai {background-color: #0081CC;} */
.body header figure {
	margin: 0 0 1em;
	text-align: center;
}
.body header figure img {
	width: 100%;
	max-width: 500px;
	height: auto;
}
.body header figure img.noimage {
	max-width: 200px;
}

.body header .nation {
	margin-bottom: .2em;
	color:#fff;
	font-size: 1.3rem;
	text-align: center;
	line-height: 1.1;
	opacity: .7;
}
.body header .nation::after {
    content: " 代表";
    margin: 0 .2em;
    font-size: .8em;
    white-space: nowrap;
    display: inline-block;
}
.body header h1 {
	margin: 0 0 .5em;
	color: #fff;
	font-size: 2.3rem;
	text-align: center;
	line-height: 1.1;
}
.body header h1 small { font-size: .7em;}
.body header .genre {
	margin-bottom: .3em;
}
.body header .genre h2,
.body header .genre p {
	margin: 0;
	font-size: 1.2em;
	text-align: center;
}
.body h2 {
	color: #000;
	font-size:1.4em;
	opacity: 0.4;
}
.body p {
	margin: 0;
	color: #222;
	font-weight: 600;
}
.body .profile p {
	font-size: 1.5rem;
	font-weight: 600;
	line-height: 1.5;
}
.body .genre,
.body section { margin-bottom: 1.7em;}



.btn-close {
	display: block;
	width: 130px;
	margin: 2.5em auto 2.5em;
	padding: 1em;
	color: #fff;
	font-size: 1.3rem;
	text-align: center;
	background-color: #E30000;
	-webkit-border-radius: 25px; /* Safari, Chrome用 */
	-moz-border-radius   : 25px; /* Firefox用 */
	border-radius        : 25px; /* CSS3 */

}

.lity-container .profile .btn-close {
	margin-bottom: 40px;
	color: #E60012;
	background-color: #fff;
	opacity: .9;
}
.lity-container .profile .btn-close:link    { color: #E60012;opacity: .9;}
.lity-container .profile .btn-close:visited { color: #E60012;opacity: .9;}
.lity-container .profile .btn-close:hover   { color: #E60012;opacity: 1; }
.lity-container .profile .btn-close:link    { color: #E60012;opacity: .8;}