@charset "utf-8";

:root{--MainWitdh: 100%;}
html.modal-is-locked{overflow:hidden;touch-action:none}
.modal-is-locked .overlay:before{background-color:rgba(0,0,0,0.8)!important}
.commonHeader{position:relative}
.disp-overlay .commonHeader{ position: fixed;}
.wrapper{padding-top:0}
.header_change{display:none}
.commonHeader .hamburger{
    z-index: 999;
}

html.MenuOpen {
  overflow: hidden;
  touch-action: none;
}

html.MenuOpen body:before{content:"";background-color: rgba(0, 0, 0, 0.8) !important;position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 999;}

/*--------------------------------*/
#Lineup{
	width: 86%;
}
#Lineup .Entry{
	padding: 15px;
	display: block;
}
#Lineup .Entry + .Entry{}
#Lineup .Entry .photo{
	width: 100%;
	margin-bottom: 3px;
}
#Lineup .Entry .photo img{}
#Lineup .Entry .Main{
	margin: 0;
}
#Lineup .Entry .Main .date{
	font-size: 13px;
	margin-bottom: 6px;
}
#Lineup .Entry .Main .date .icon{
	font-size: 11px;
	margin-right: 5px;
}
#Lineup .Entry .Main dl{}
#Lineup .Entry .Main dt{
	font-size: 15px;
}
#Lineup .Entry .Main dd{
	font-size: 13px;
}
/*-----------------------------------------Side*/
#Side{
    position: absolute;
    transition: .5s;
    width: 100%;
    z-index: 1000;
    width: 100%;
    top: 0;
    background-color: #fff;
    padding-bottom: 0;
}
body.disp-overlay #Side{
    z-index: 9;
}
body.Area #Side{top: 110px;}
#Side.fixed,
#Side.open,
body.Area #Side.fixed,
body.Area #Side.open{
    position: fixed;
    top: 0;
}
#Side.open{    overflow: auto;
    -webkit-overflow-scrolling: touch;
    height: 100vh;}
#Side .humb{
    display: block;
    position: absolute;
    background-color: var(--MainColor);
    right: 10px;
    font-size: 10px;
    text-align: center;
    width: 55px;
    height: 55px;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    /* padding-top: 6px; */
    color: #fff;
    z-index: 9999;
    top: 10px;
}
#Side .humb span{border-top: 1px solid #fff;display: block;padding-top: 5px;letter-spacing: 1px;/* padding-left: 2px; */position: relative;margin-top: 5px;font-weight: bold;margin-top: 13px;}
#Side .humb span:before,
#Side .humb span:after{content:"";border-top: 1px solid #fff;display: block;width: 100%;height: 1px;/* padding-left: 2px; */}
#Side .humb span:before{
    margin-bottom: 4px;
}
#Side .humb span:after{content:"";position: absolute;left: 0;top: -6px;}

#Side.open .humb{
	top: 10px;
}
#Side.open .humb span{
    display: none;
}
#Side.open .humb:before,
#Side.open .humb:after{content:"";width: 2px;height: 34px;background: #fff;top: 27px;display: block;left: 27px;position: absolute;}
#Side.open .humb:before{transform: translate(-50%,-50%) rotate(45deg);}
#Side.open .humb:after{transform: translate(-50%,-50%) rotate(-45deg);}

#Side .Inner{padding-top: 20px;display: none;position: relative;padding-bottom: 10px;width: 86%;margin: 0 auto;}
#Side .Inner h2{
    padding-bottom: 20px;
}
#Side h2 a{}
#Side h2 img{}
#Side .Sec{
    width: 90%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
#Side .Sec + .Sec{}
#Side .Sec h3{
    width: 100%;
}
#Side .Sec h3:after{}
#Side .Sec h3 .main{}
#Side .Sec h3 .main a{}
#Side .Sec h3 .sub{}
#Side .Sec h3:hover{}
#Side .Sec h3:hover a{}
#Side .Sec dl{
    width: 48%;
    display: block;
    box-sizing: border-box;
    margin-bottom: 7px;
}
#Side .Sec dl + dl{
    margin-top: 0;
}
#Side .Sec dt{
    width: 100%;
    height: 53px;
}
#Side .Sec dd{
    margin-left: 0;
    font-size: 12px;
}
#Side .Sec dd a{}
#Side .Sec dd a span{}
#Side .Sec dl.active{}
#Side .Sec dl:hover{}
#Side .Sec dl:hover dt{}
#Side .Sec dl:hover a{}

/*-----------------------------------------Contents*/
#Wrap{
	display: block;
}
#Contents{width: 88%;margin: 0 auto;}
/*-----------------------------------------Contents*/
#Contents{
    padding-bottom: 30px;
    flex: 1;
}
/*--------------------------------*/

#Contents .MainTitle{
	margin-bottom: 30px;
}
#Contents .MainTitle .Main{
	margin-bottom: 15px;
}
#Contents .MainTitle .Main .date{}
#Contents .MainTitle .Main .date .icon{}
#Contents .MainTitle .Main .date .txt{}
#Contents .MainTitle .Main h1{
	font-size: 17px;
}
#Contents .MainTitle .Photo{}
#Contents .MainTitle .Photo .img{}
#Contents .MainTitle .Photo img{}
#Contents .MainTxt{
	font-size: 13.5px;
	line-height: 1.8;
	margin-bottom: 1em;
}
#Contents .PostList{
	padding: 10px;
	padding-right: 23px;
}
#Contents .PostList .deco{
	border-width: 22px;
}
#Contents .PostList .deco span{
	font-size: 10px;
}
#Contents .PostList ul{}
#Contents .PostList li{
	font-size: 13px;
}
#Contents .PostList li a span{}
#Contents .PostList li a span:after{}
#Contents .PostList li + li{}
#Contents .PostList li.sub{}
#Contents .PostList li.sub + li{}
#Contents .PostList li.sub + .sub{}
#Contents .PostList li:before{}
#Contents .PostList li.sub:before{}
#Contents .Sec{
	line-height: 1.8;
}
#Contents .Sec + .Sec{
	margin-top: 40px;
}
#Contents .Sec h2{
	font-size: 15px;
	padding-left: 34px;
	margin-bottom: 10px;
}
#Contents .Sec h2 span{
	font-size: 120%;
	left: 13px;
}
#Contents .Sec h3{}
#Contents .Sec h3 span{}
#Contents .Sec h2 span:after,#Contents .Sec h3 span:after{}
#Contents .Sec .Entry{}
#Contents .Sec .Entry + .Entry{}
#Contents .Sec .Entry .txt{
	font-size: 13.5px;
}
#Contents .Sec .Entry .data + .txt{}
#Contents .Sec .Entry .txt.border{}
#Contents .Sec .Entry .txt em{}
#Contents .Sec .Entry .txt strong{}
#Contents .Sec .Entry .data{}
#Contents .Sec .Entry .data dl{
	display: block;
}
#Contents .Sec .Entry .data dl + dl{}
#Contents .Sec .Entry .data dt{
	width: 100%;
	box-sizing: border-box;
	padding: 3px 10px;
}
#Contents .Sec .Entry .data dd{
	padding-left: 0;
	padding-top: 1px;
}
#Contents .Sec .Entry .btn{
	margin-bottom: 20px;
}
#Contents .Sec .Entry .btn a{
	display: block;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	padding: 15px 17px;
	border-radius: 2px;
}
#Contents .Sec .Entry .btn a:after{}
#Contents .Sec .Entry .btn a:hover{}
#Contents .Sec .Entry .photo{}
#Contents .Sec .Entry .photo .caption{}
#Contents .Sec .Entry .photo .caption + img{}
#Contents .Sec .Entry h3 + .photo{}
#Contents .Sec .Entry .photo ul{}
#Contents .Sec .Entry .photo li{}
#Contents .Sec .Entry .photo li img{}
#Contents .Sec .Entry .photo.widthMax li img{}
#Contents .Sec .Entry .photo li .caption{}
#Contents .Sec .Entry .photo li + li{}
#Contents .Sec .Entry .photo li + li:before{}
#Contents .Sec .Entry .point{}
#Contents .Sec .Entry .point dt{}
#Contents .Sec .Entry .point dd{}
#Contents .Sec .Entry .point dd + dt{}
#Contents .editor{
	text-align: left;
}
#Contents .Navi{
	margin-top: 15px;
	display: block;
	padding: 10px;
}
#Contents .Navi dl{}
#Contents .Navi dl + dl{
	margin: 0;
	padding: 0;
	margin-top: 15px;
	padding-top: 15px;
	border-top: 1px solid #ccc;
	border-left: none;
}
#Contents .Navi dt{
	width: 60px;
	height: 60px;
}
#Contents .Navi dd{}
#Contents .Navi dd .icon{}
#Contents .Navi dd a{}
#Contents .Navi dd a span{}