@charset "UTF-8";
body{margin:0;font-family: 'M PLUS 1p', sans-serif;/**font-family:'Arial',YuGothic,'Yu Gothic','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', Meiryo,'ＭＳ ゴシック',sans-serif;**/background-image: url(/img/bg.jpg)}
h1{font-size:2.5em;font-weight:800;color:#de413a;margin:0}
.hone-margin{margin-top:1.5em}
h4{
	font-size:1em;
    display: block;
    width:8em;
    line-height:34px;
    position:relative;
    margin:1em 0 1em;
    padding:0 1em;
    text-align:left;
    color: #fff;
    background: #de413a;
}
h4:after {
  position: absolute;
  top:0;
  display: block;
  height:34px;
  content:'';
  border:17px solid #de413a;
}

h4:after {
  right:-20px;
  border-right-width:15px;
  border-right-color:transparent;
}

h4 span {
  position: relative;
}
.profile{margin-bottom:3em}
.plofile-text{padding:0 1em;}
h5{margin-bottom:0;padding-bottom:0}
a{text-decoration:none}
.playguide a{color:#000;}
p{font-size:.725em;font-weight:200}
.p-strong{font-weight:500}
.p-small{font-size:.6em}
hr{border-top: 1px solid lightgray;margin:2em 0}
header{border-bottom:double #de413a;margin-bottom:2em;padding-bottom:2em;}
.head-contents{
    display:flex;
    justify-content:space-between;}

.logo img{width:120px;}

.nav-contact{text-align:right}
.nav-contact a{display:block;text-decoration:none;color:#fff;}
.nav-contact ul{padding:0}
.nav-contact li{display:inline-block;margin-right:.75em}
.nav-contact li:last-child{margin-right:0}
.nav-contact a:hover{transition:.8s;opacity:.4}
.nav-contact img{width:18px;height:18px;}

#header nav{text-align:center;margin-top: 1em}
#header nav ul{list-style:none;padding:0;margin:0;}
#header nav ul li{display:inline-block;border-right:1px solid #000;padding-right:.5em;}
#header nav ul li:last-child{border-right:none;padding-right:0}
#header nav ul li a{color:#000;font-size:.85em;font-weight:700;color:#000}
#header nav ul li a:hover{transition:.8s;opacity:.4}


.wrapper{max-width: 1080px;margin:0 auto;padding:20px 20px 120px;}
.widepic{width: 100%; max-width:1080px}
.img-shadow{box-shadow: 4px 4px 4px rgba(0,0,0,0.08);}

.media a{
	text-decoration: none;
	color:#000;
}
.media h5{
	font-size:.9em;
}



#footer{
	text-align:center;
	color:#fff;
    position: fixed;
    bottom: 0;
    width: 100%;
    padding-top:0;
    padding-bottom:6px;
	background-color:#de413a}
#footer:before {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 50vw 20px 50vw;
	border-color: transparent transparent #de413a transparent;
	position: absolute;
	bottom: 100%;
	left: 0;
	right: 0;
}
.fotter-nav{text-align:center;margin-bottom:.75em}
.fotter-nav ul{list-style:none;padding:0;margin:0;}
.fotter-nav ul li{display:inline-block;padding:0;}
.fotter-nav ul li a{color:#fff;font-size:.7em;font-weight:700}
.fotter-nav ul li a:hover{transition:.8s;opacity:.4}

.fotter-contents{display:flex;justify-content:space-between;max-width:1080px;margin:0 auto;padding:0 20px;}
.fotter-sns{width:150px}
.fotter-contents a{display:block;text-decoration:none;color:#fff;}
.fotter-contents ul{list-style:none;padding:0;margin:0}
.fotter-contents li{display:inline-block;padding:0;margin:0;margin-right:1em}
.fotter-contents li:last-child{margin-right:0}
.fotter-contents a:hover{transition:.8s;opacity:.4}
.fotter-contents img{color:#fff;width:20px;height:20px;}
.copy{font-size:.65em;margin-top:.65em}


.acsces-map {
	margin:15px 15px 5px 5px;
    position: relative;
    width:100%;
    height:0;
    padding-top:56.25%;
    overflow: hidden;
}
.acsces-map iframe {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}
.archives{display:flex;flex-wrap:wrap;text-align:center}
.archives-flyer{width:30%;margin:1.6%;box-shadow:4px 4px 4px rgba(0,0,0,0.1)}
.archives img{width:100%}


.iframe-wrapper {
    position: relative;
    padding-bottom: 56.25%; /* アスペクト比16:9の場合 */
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    margin-bottom: 2rem; /* YouTubeの下に余白をつける */
}
.iframe-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.archievement {margin-left:1.6%}
.archievement .archievement_list {display: flex}
.archievement dt{font-size:.825em;font-weight:400}
.archievement dd{font-size:.8225em;font-weight:200;margin-left:1em;padding-right:0}
.archievement-img{display:flex;flex-wrap:wrap;text-align:center;font-size:.725em;font-weight:200}
.archievement-pic{width:30%;margin:1.6%}
.archievement-img img{width:100%}



/**
@media screen and (min-width: 600px){#top-logo img{width:30%;margin:20% 35%}}
@media screen and (min-width: 850px){
.modal_wrap .split{width:50%;float:left;}.modal_wrap .bottom{clear:both;}}
@media screen and (min-width: 920px){#top-logo img{width:20%;margin:15% 25%}}**/