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

html {
	font-size: 625%;
	color: #707070;
}
body {
	font-size: .16em;
	line-height:1.5;
}
a {text-decoration: none;}

a:link { color:  #707070;}
a:visited { color: #000000; }
a:hover { color: #980000;}
a:active { color: #707070; }
h1 {
	float: left;
	margin: .1rem 2rem .1rem .1rem;
	padding: .17rem;
	border: 1px solid #000;
}
h2 {
	font-size: .3rem;
	padding-bottom: .1rem;
}
h3 {
	font-size: .2rem;
	padding-bottom: .1rem;
	color: #770000;
}
h4 {
	font-size: .2rem;
	padding-bottom: .1rem;
}
h5 {
	font-size: .4rem;
}


.wrapper {
	width: 1000px;
	margin: 0 auto;
}


/*header nav*/
header {
	/*border-bottom: solid 1px #070707;*/
	margin-bottom: .3rem;
	padding-bottom: .1rem;
}
nav {
	display: flex;
}
nav p {
	margin: .5rem;
}
/*main*/
.main {
	margin: 0 auto .3rem auto;
	padding-bottom: .3rem;
	border-bottom: dotted 1px #070707;
}
.main .m_detail {
	display: flex;
	justify-content: center;
	width: 100%;
}
.m_detail {flex-grow: 1;}
.m_txt_area {
	margin-left: .2rem;
}
/*bottom*/
section.bottom {
	width: 100%;
	margin: 0 auto;
	display: flex;
}
/*left*/
.leftbox {
	width: 650px;
}
.s_detail img {
	width: 35%;
	height: auto;
}
.s_detail {
	width: 600px;
	height: 150px;
	margin-bottom: .1rem;
	padding-bottom: .1rem;
	border-bottom: dotted 1px #000;
	display: flex;
}
.s_tarea {
	width: 60%;
	margin-left: .2rem;
}

/*三点リーダー対応*/
.textOverflowTest3 {
  overflow: hidden;
  width: 100%;
  height: .8rem;
}

/*right*/
.rightbox {
	width: 250px;
}
.rightbox ul {
	margin: .2rem 0 .2rem .2rem;
	line-height: .3rem
}
/*calendar*/
.calendar {
	padding: 5% 0;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	background: #F3D4D5;
}
.calendar > * {
	min-width: 3%;
	flex-basis: 25%;
	text-align: center;
	background: #F3D4D5;
}
/*footer*/
footer {
	width: 100%;
	background: #000;
	padding: 70px 0;
	text-align: center;
	color: #fff;
}

.single_main {
	display: flex;
	justify-content: space-around;
}
.single_main > .main {
	width: 70%;
	margin: 0 auto .3rem auto;
	padding-bottom: .3rem;
}
.single_main > .rightbox {
	width: 30%;
}

@media screen and (max-width: 599px) {
	.main .m_detail {
		display: block;
	}
}