@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Fjalla+One');

* {box-sizing:border-box;}
a, a:after {-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; outline:none;}
a {cursor:pointer;text-decoration: none;}
div,ol,ul,li,p,span,a {position:relative;}
ol,ul,li {list-style:none;list-style-type:none;padding:0;}
body,header,footer,menu,p,ul {padding:0;margin:0;}
h1,h2,h3,h4,h5,h6 {font-weight:normal;margin:0;padding:0;line-height:1em;}
div,a,img,p,li {display:block;}
/*a:hover img {opacity:0.75;}*/

body {background-color:#fff;color:#222;font-size:16px;width:100%;
font-family:'Fjalla One', "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;font-feature-settings : "palt", "swsh";}

/*ヘッダー*/
header {width:100%;background: #000 url(../img/headerbg.jpg) no-repeat center top ;background-size:cover; color:#fff;/*position: fixed;top:0;left:0;z-index: +10;*/border-bottom: 1px solid rgba(255,255,255,0.1);transition: all ease 0.3s;}
/*header.scroll {background: rgba(0,0,0,0.7);}*/
header > div {width: 98%;margin:0 auto;padding:1em 0.5em 0.5em;transition: all ease 0.3s;}
/*header.scroll > div {padding: 0.5em 1.5em;}*/
header h1 {font-size: 4.5vw;line-height: 1.5em;font-weight: 800;text-align: center;}
/*header.scroll h1 {height: 2em;}*/
header > div > img {width: 60%;margin: 1em auto;}
header h1 a {height: 100%;}
header h1 img {height:100%;}

/*contents*/
#contentWrapper {width:100%;}
#content {background: #333;width:100%;height: auto;min-height: 100%;}

/*section*/
section > img {width:100%;}
section > div {width: 98%;padding:1em 0.5em 1em;margin:0 auto;}
section > div > h3 {font-size:2.5em;text-align: center;margin: 1em auto;}
section > div > h3 span {font-size:0.4em;font-weight: 400;display:block;line-height: 1.5em;}
section a {color:#fff;}

/*report*/
#report {color: #fff;margin: 0 auto;}
#report span {display: block;}
#report span.date {}
#report span.place {}
#report span.place span {display: inline-block;margin-right: 1em;}
#report p {font-size: 1.25em;margin: 1em auto;}
#report hr {border-top: 1px solid #fff;border-bottom: 0 none;margin: 1em;}

#report ol {width: 90vw;margin: 0 auto;}
#report ol li {margin-bottom: 2em;}

#report ol li h6 {position: absolute;top:0;left: 0; font-size: 2em;z-index: +10;background: rgba(20,20,20,0.8);width: 1.5em;height: 1.5em;padding: 0.25em;text-align: center;border-radius: 0.75em;box-shadow: 1px 1px 5px 0 rgba(0,0,0,0.3); }
#report ol li a {margin-bottom: 0.5em;}
#report ol li a img {width:100%;}
#report ol li.tate a img {width: 100%;height: auto;position: relative;top: -25%;}

#report a.importwind {width: 50%;min-width:300px;max-width: 800px; margin: 2em auto 0;}
#report a.importwind img {width: 100%;}
#report a.importwind:hover {transform: scale(1.05);}

/*フッター*/
footer {background-color:#222;color:rgba(255,255,255,0.6);width:100%;border-top:1px solid rgba(0,0,0,0.3);}
footer div {padding:20px 0;}
p.copyright {font-weight:400;font-size:0.75em;text-align:center;line-height:2em;}
footer a {color:rgba(255,255,255,0.6);}

/*ページトップへ*/
.pagetop {display: block;position: fixed;right: 1.5vw;z-index:+20;bottom: 1vw;}
.pagetop a {display: block;background-color: rgba(0,0,0,0.7);color: rgba(255,255,255,0.6); text-align: center;text-decoration: none;outline:none;width: 12.5vw;height: 12.5vw;line-height: 11.5vw;font-size: 10vw;border-radius: 50%;transform:rotate(45deg);}
.pagetop a i {transform:rotate(-45deg);}
.pagetop a:hover {color:rgb(233,168,37);}

/*汎用*/
.mincho {font-family: "游明朝", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;}
.serif {font-family:  "Times New Roman", Times, serif, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝";}
.gothic {font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
.txtwshadow {text-shadow:1px 1px 0.1em #000,-1px 1px 0.1em #000,-1px -1px 0.1em #000,1px -1px 0.1em #000;}
.clearfix:after, ul:after {content:"";display:block;position:relative;clear:both;}

.mlhide {display: none;}
.mbhide {display: none !important;visibility: hidden;}/*@@*/

/**/
@media screen and (min-width: 480px) {
}

@media screen and (min-width: 750px) {
	header h1 {font-size: 3.5vw;}
	section > div {width: 98%;padding:2em 2em;}
	.mlhide {display: block;}
	.mbhide {display: block !important;visibility: visible;}
	#report ol li {float: left;width: 33.33%;padding: 0.5em;border: 1px solid #fff;border-collapse: collapse;height: 35vw;overflow: hidden;text-overflow: ellipsis;font-size: 1.75vw;line-height: 1.5;margin-bottom: 0;}
	#report ol li a {height: 18vw;overflow: hidden;}
	#report p {text-align: center;}
	.pagetop a {width: 50px;height: 50px;line-height: 46px;font-size: 40px;}
}

@media screen and (min-width: 920px) {
}

@media screen and (min-width: 1200px) {
	#report ol li {font-size: 1.5vw;}
	section > div {width: 80%;}
	header > div {width: 80%;}
	#report ol {width: 100%;}
	#report ol li {height: 28vw;font-size: 1.25vw;}
	#report ol li a {height: 15vw;}
}

@media screen and (min-width: 1500px) {

}