@charset "UTF-8";

/*----------------------------------------------------------------default*/
html {
font-size: 62.5%;

/*　文字づめ用　*/
  -moz-font-feature-settings: "palt" 1;
  -webkit-font-feature-settings: "palt" 1;
  font-feature-settings: "palt";
  font-variant-ligatures: no-common-ligatures;
}

a {
color: #000;
text-decoration: none;
}

p {
margin: 0;
padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0;
padding: 0;
font-size: 100%;
}

img {
max-width: 100%;
height: auto;
border: 0;
vertical-align: top;
}

ul {
margin: 0;
padding: 0;
}

ul li {
list-style-type: none;
padding: 0;
}

ol {
padding: 0 0 0 1.5em;
}

ol li {
list-style-type: decimal;
}

dl,
dt,
dd {
margin: 0;
padding: 0;
}

table {
border-collapse: collapse;
}

input {
cursor: pointer;
}

/*----------------------------------------------------------------form*/
input[type="submit"],
button,
textarea {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}

select {
background: #fff;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}

select::-ms-expand {
display: none; /* IE11 */
}

/*===============================================================スマホ*/
body {
margin: 0;
padding: 0;
background: #fff;
color: #444;
font-family: Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
font-size: 1.2rem;
text-align: left;
line-height: 1.4;
-webkit-text-size-adjust: 100%;
}

.pc {
display: none;
}

.sp {
display: block;
}

.btn-blk {
position: relative;
width: 94%;
margin: 0 auto 15px;
z-index: 2;
}

#kv .inner {
position: relative;
}

#kv img.sp {
margin: 0 auto;
}

#kv h1 {
font-size: 1.7rem !important;
margin: 0 0 10px 1.5%;
}

#kv .text {
margin: 0 0 10px 3%;
font-size: 1.4rem;
font-weight: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
	text-align: left;
}

#kv .item {
width: 50%;
position: absolute;
top: -10px;
right: 0;
}

#kv .notes {
font-size: 1.2rem;
margin: 0 3% 10px;
position: relative;
z-index: 2;
}

#kv .notes span {
display: block;
}

.event{
	width:90%;
	border-top:#ccc 1px solid;
	margin:20px auto;
	padding:10px;}


footer {
background: #ccc;
color: #444;
text-align: center;
}

footer .inner {
width: 94%;
padding: 10px 0;
margin: 0 auto 10px;
display: flex;
justify-content: center;
}

footer .notes {
font-size: 1rem;
width: auto;
display: flex;
flex-wrap: wrap;
text-align: center;
padding: 0 0 0 1.5rem;
}

footer .notes li {
list-style-type: none;
margin: 0 1em 0 0;
}

footer .copyright {
width: 94%;
font-size: 1.3rem;
border-top: 1px solid #fff;
padding: 10px 0;
margin: 0 auto;
}

footer .copyright a{
	color:#444;
	text-decoration:none;}

footer .copyright a:hover {
	text-decoration:underline;}

#page-top {
display: flex;
position: fixed;
right: 20px;
width: 30px;
height: 30px;
border-radius: 50%;
background: #fff;
color: #000;
font-size: 1.6rem;
justify-content: center;
align-items: center;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

/*===============================================================タブレット*/
@media all and (min-width:768px) {
body {
font-size: 1.8rem;
background: #fff;
}

main {
background: #fff;
width: 1200px;
margin: 0 auto 10px;
padding: 0 0 20px;
}

.pc {
display: block;
}

.sp {
display: none;
}

.btn-blk {
width: 94%;
margin: 0 auto 20px;
text-align: center;
}

main {
width: 100%;
}


#kv h1 {
margin: 0 0 10px 3%;
font-size:2.2rem !important;
}

#kv .text {
font-size: 2rem;
}

#kv .notes {
font-size: 1.4rem;

}

#kv .notes span {
display: inline;
}

#kv p.pc {
position: absolute;
top: 0;
width: 100%;
text-align: right;
}


footer {
width: 100%;
}

footer .inner {
width: 94%;
margin: 0 auto;
}

footer .notes {
width: 100%;
}

footer .notes li {
margin: 0 2em 0 0;
}

footer .copyright {
width: 100%;
padding: 10px 0 30px;
}

}

/*===============================================================PC*/
@media all and (min-width:1201px) {

main {
background: #fff;
width: 1200px;
margin: 0 auto;
}

.inner {
width: 1170px;
margin: 0 auto;
}

.btn-blk {
width: 100%;
}

#kv h1 {
margin: 0 0 10px;
font-size: 2.8rem !important;
}

#kv .text {
margin: 10px 15px 5px;
font-size: 2.2rem;
line-height:1.5;
}


#kv .notes {
font-size: 1.8rem;
margin: 30px 0 50px;/*20181129 修正*/
}

#kv .notes li{
	margin:0 20px;}

#kv p.pc {
width: 1200px;
margin: 0 auto;
}


footer {
width: 100%;
margin: 0 auto;
font-size: 1.2rem;
}

footer .inner {
width: 1120px;
margin: 0 auto;
}


footer .notes {
font-size: 1.4rem;
}


footer .notes li {
margin: 0 2em 0 0;
}

footer .copyright {
padding: 10px 0 30px;
font-size: 1.4rem;
}

#page-top {
width: 40px;
height: 40px;
font-size: 2rem;
}

}