@charset "UTF-8";
*,body { margin: 0}
a,a:link { text-decoration: underline}
html { margin: auto;scroll-behavior: smooth;}
footer,hr,#main>h1 { clear: both}
a { cursor: pointer}
a,a:visited,body {color: #fff;}
html {background:#e6463c;font-size: 13px; color: #fff;}
@media (min-width: 769px){html {font-size: 15px;}}
body,button,input,select,textarea { text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -moz-font-feature-settings: "liga","kern"}
body {height: 100%;min-height:50vh;overflow-x: hidden;font-family:'Montserrat','M PLUS Rounded 1c',sans-serif;}
* {padding: 0;border: none;font-size: 1em;letter-spacing: .015em;line-height: 1.9;font-weight: normal;list-style: none;}
a { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;}
p a,p a:link {text-decoration: none;color: rgba(255, 255, 255, 0.7);border-bottom: 1px solid;}
a:hover{ opacity: .6; filter: alpha(opacity=60); -moz-opacity: .6; -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"}

.none { display: none}
@media (min-width: 769px){.nopc{display: none;}}
@media (max-width: 769px){.nosp{display: none;}}

.outviewClass { transition: transform 0s ease, opacity 0s ease; transform: translate(0, 10px); opacity: 0; }
.inviewClass {transition: transform 1s ease, opacity 1s ease;transform: translate(0, 0);opacity: 1;} 


/*============================
#header
============================*/
#header {
}
#header>h1 {padding: 12% 0 16%;}
#header>h1>img {width: 25%;max-width: 110px;margin: auto;display: block;}

/*============================
#main
============================*/
#main {padding: 0 0 64px 0;}
#main>ul {
}
#main>ul>li {
}
#main>ul>li>.yt{position: relative;width: 100%;padding-top: 56.25%;}
#main>ul>li>.yt>iframe {position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;}
#main>ul>li>.box {padding: 24px 24px 8%;margin: auto;max-width: 500px;}
#main>ul>li>.box>.desc {
}
#main>ul>li>.box>.desc>h1 {border-bottom: 3px solid;padding: 0 0 8px 0;margin: 0 0 8px 0;}
#main>ul>li>.box>.desc>h1>time {font-size: 84%;}
#main>ul>li>.box>.desc>h1>span {font-size: 84%;}
#main>ul>li>.box>.desc>p {font-size: 76%;margin: 1.2em 0;width: 100%;overflow: hidden;}
#main>ul>li>.box>.desc>p>a {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
#main>.more {text-align: center;}
#main>.more>a {border-bottom: 3px solid;color: #fff;padding: 8px 4px;}
#main>.more>a>svg {fill: #fff;width: 16px;height: 16px;vertical-align: middle;margin: -2px 4px 0 0;}
#main>a {
}
#main>p {
}

/*============================
#footer
============================*/
#footer {background: #fff;color: #e6463c;padding: 40px 24px;}
#footer>nav {
}
#footer>nav>ul {text-align: center;padding: 0 0 24px 0;}
#footer>nav>ul>li {display: inline;}
#footer>nav>ul>li>a {padding: 8px;display: inline-block;}
#footer>nav>ul>li>a>svg {fill: #e6463c;}
#footer>h1 {max-width: 500px;padding: 0 0 8px 0;margin: auto;}
#footer>p {max-width: 500px;padding: 0 0 8px 0;margin: auto;}
#footer>h2 {max-width: 500px;padding: 24px 0 8px 0;margin: auto;}
#footer>p>a {color: #e6463c;}

@media (min-width: 769px){

/*============================
#header
============================*/
#header {
}
#header>h1 {
}
#header>h1>img {
}

/*============================
#main
============================*/
#main {
}
#main>ul {
}
#main>ul>li {padding: 0 40px;}
#main>ul>li>iframe {
}
#main>ul>li>.box {
}
#main>ul>li>.box>.desc {
}
#main>ul>li>.box>.desc>h1 {
}
#main>ul>li>.box>.desc>h1>time {
}
#main>ul>li>.box>.desc>h1>span {
}
#main>ul>li>.box>.desc>p {
}
#main>ul>li>.box>.desc>p>a {
}
#main>.more {
}
#main>.more>a {
}
#main>.svg {
}
#main>a {
}
#main>p {
}

/*============================
#footer
============================*/
#footer {
}
#footer>nav {
}
#footer>nav>ul {
}
#footer>nav>ul>li {
}
#footer>nav>ul>li>a {
}
#footer>nav>ul>li>a>svg {
}
#footer>h1 {
}
#footer>p {
}
#footer>h2 {
}
#footer>p>a {
}

}