.clear {
	clear: both;
}

h1 {
    font-size: 3.0rem;
    display: inline;
}

h2 {
    font-size: 1.6rem;
    display: inline;
    margin-left: 2.0rem;
}

/* クリック時の画像拡大対応*/
body.medium-zoom--opened {
    max-width: none !important;
}

/* クリック時の画像拡大対応*/
body.medium-zoom--opened .page-content {
    max-width: 900px;
    margin: 2em auto;
}

.data-zoom-container {
    position:fixed;
    left:0;
    right:0;
    top:0;
    bottom:0;
}
.data-zoom-close-btn::before {
    content: ' ';
    position: fixed;
    top: 0;
    right: 0;
    width: 60px;
    height: 60px;
    z-index: 1;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAA3hJREFUaAXlm8+K00Acx7MiCIJH/yw+gA9g25O49SL4AO3Bp1jw5NvktC+wF88qevK4BU97EmzxUBCEolK/n5gp3W6TTJPfpNPNF37MNsl85/vN/DaTmU6PknC4K+pniqeKJ3k8UnkvDxXJzzy+q/yaxxeVHxW/FNHjgRSeKt4rFoplzaAuHHDBGR2eS9G54reirsmienDCTRt7xwsp+KAoEmt9nLaGitZxrBbPFNaGfPloGw2t4JVamSt8xYW6Dg1oCYo3Yv+rCGViV160oMkcd8SYKnYV1Nb1aEOjCe6L5ZOiLfF120EjWhuBu3YIZt1NQmujnk5F4MgOpURzLfAwOBSTmzp3fpDxuI/pabxpqOoz2r2HLAb0GMbZKlNV5/Hg9XJypguryA7lPF5KMdTZQzHjqxNPhWhzIuAruOl1eNqKEx1tSh5rfbxdw7mOxCq4qS68ZTjKS1YVvilu559vWvFHhh4rZrdyZ69Vmpgdj8fJbDZLJpNJ0uv1cnr/gjrUhQMuI+ANjyuwftQ0bbL6Erp0mM/ny8Fg4M3LtdRxgMtKl3jwmIHVxYXChFy94/Rmpa/pTbNUhstKV+4Rr8lLQ9KlUvJKLyG8yvQ2s9SBy1Jb7jV5a0yapfF6apaZLjLLcWtd4sNrmJUMHyM+1xibTjH82Zh01TNlhsrOhdKTe00uAzZQmN6+KW+sDa/JD2PSVQ873m29yf+1Q9VDzfEYlHi1G5LKBBWZbtEsHbFwb1oYDwr1ZiF/2bnCSg1OBE/pfr9/bWx26UxJL3ONPISOLKUvQza0LZUxSKyjpdTGa/vDEr25rddbMM0Q3O6Lx3rqFvU+x6UrRKQY7tyrZecmD9FODy8uLizTmilwNj0kraNcAJhOp5aGVwsAGD5VmJBrWWbJSgWT9zrzWepQF47RaGSiKfeGx6Szi3gzmX/HHbihwBser4B9UJYpFBNX4R6vTn3VQnez0SymnrHQMsRYGTr1dSk34ljRqS/EMd2pLQ8YBp3a1PLfcqCpo8gtHkZFHKkTX6fs3MY0blKnth66rKCnU0VRGu37ONrQaA4eZDFtWAu2fXj9zjFkxTBOo8F7t926gTp/83Kyzzcy2kZD6xiqxTYnHLRFm3vHiRSwNSjkz3hoIzo8lCKWUlg/YtGs7tObunDAZfpDLbfEI15zsEIY3U/x/gHHc/G1zltnAgAAAABJRU5ErkJggg==");
}

div.caption {
	margin-top: 3.0rem;
	font-size: 2.4rem;
	vertical-align: bottom;
	line-height: 2.4rem;

	background-image: -moz-linear-gradient(
                  top
                , #ffffff 0%
                , #ffffff 50%
                , #e0e0e0);
                
	background-image: -webkit-gradient(
                  linear
                , left top
                , left bottom
                , from(#ffffff)
                , color-stop(0.50, #ffffff)
                , to(#e0e0e0));

	background-image: linear-gradient(
		   to bottom
		 , #ffffff
		 , #ffffff 50%
		 , #e0e0e0);
}

pre {
	background-color: white;
	
	/* preでの自動改行 */
	white-space: -moz-pre-wrap;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	white-space: pre-wrap;
	word-wrap: break-word;
}

div.contents {
	margin-top: 1.0rem;
	padding-left: 2.0rem;
}

div.evntitle {
	margin-top: 2.0rem;
	font-size: 1.6rem;
	line-height: 1.6rem;
	font-weight: bold;


	background-image: -moz-linear-gradient(
                  top
                , #ffffff 0%
                , #ffffff 25%
                , #ffffca);
                
	background-image: -webkit-gradient(
                  linear
                , left top
                , left bottom
                , from(#ffffff)
                , color-stop(0.25, #ffffff)
                , to(#ffffca));

	background-image: linear-gradient(
		   to bottom
		 , #ffffff
		 , #ffffff 25%
		 , #ffffca);
}

div.envcontents {
	margin-top: 1.5rem;
	margin-left: 2.0rem;
}

div.envsubtitle {
    font-size: 1.4rem;
    margin-bottom: 10px;
    font-weight: bold;
}

div.envsubcontents {
    margin-left: 10px;
}

.bullet-points-title {
    margin-left: 20px;
}
.bullet-points-title+ul {
    margin-left: 70px;
}

.contents {
	margin-top: 5px;
}
div.slide-contents {
    margin-bottom: 100px;
}

.row {
	display: -webkit-flex;
	display: flex;

	-webkit-flex-direction: row;
	flex-direction: row;

	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
}
.row.active {
    margin-bottom: 40px;
}

.row .date {
	white-space: nowrap;
}

.row .message-contents {
	margin-left: 2.0rem;
}

div.cell {
	cursor: pointer;
}

div.message {
	display: none;
	padding-left: 5px;
}

div.row:first-child div.message {
	display: block;
}
div.center-imgbox {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}
div.imgbox-h {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
}
div.imgbox-h > * {
	width: calc(50% - 20px);
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 5px;
}
div.imgbox-v div.imgbox-h img,
div.imgbox-h div.imgbox-v img {
    width: 100%;
}
div.imgbox-v {
    display: flex;
    flex-flow: column wrap;
    justify-content: space-between;
}

ol.decimal-list {
    margin-bottom: 0px;
}

ul.hashtag-list {
    text-align: right;
    margin-top: 30px;
}
ul.hashtag-list li{
    display: inline;
}
@media screen and (max-width: 640px) {
    ul.hashtag-list li{
        display: list-item;
    }
}
ul.hashtag-list li + li {
    margin-left: 5px;
}

/* pc */
@media screen and (min-width: 961px) {
}
 
/* tablet  */
@media only screen and (min-width: 641px) and (max-width: 960px) {
#maincontents .contents { 
	padding-left: 5px;
}

#maincontents pre { 
	margin-left: 5px;
	padding-left: 5px;
	padding-right: 5px;
	font-size: 1.5rem;
}

#maincontents p {
	margin-left: 10px;
	padding-left: 5px;
	padding-right: 5px;
	font-size: 1.5rem;
}

#maincontents .contents .envcontents {
	margin-left: 5px;
	font-size: 1.4rem;
}

#offer {
	margin-left: 5px;
}

div.contents {
	font-size: 1.4rem;
	padding-left: 10px;
}

#infoheader dt {
	font-size: 1.4rem;
}

#infoheader dd {
	font-size: 1.4rem;
}
}
 
/* smartPhone */
@media screen and (max-width: 640px) {
#maincontents .contents { 
	padding-left: 5px;
}

#maincontents pre { 
	margin-left: 5px;
	padding-left: 5px;
	padding-right: 5px;
	font-size: 1.5rem;
}

#maincontents p {
	margin-left: 10px;
	padding-left: 5px;
	padding-right: 5px;
	font-size: 1.5rem;
}

#maincontents .contents .envcontents {
	margin-left: 5px;
	padding-right:5px;
	font-size: 1.4rem;
}

#waterfront {
	max-width: calc(100% - 10px);
}

#infoheader {
	margin-left: 5px;
	margin-right: 5px;
}

#offer {
	margin-left: 5px;
}

div.contents {
	font-size: 1.4rem;
	padding-left: 10px;
}

a.data-zoom-close-btn {
    display: none;
}
}