/* CSS Document */

body {
	width: 100vw;
	background-image: url(./image/bg00.png);
	background-repeat: repeat;
	background-attachment: fixed;
	color: #303030;
	text-align: center;
	z-index: 1;
}

/* フォントの指定 */
.gothic {
	font-family: "Zen Kaku Gothic New", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", san-serif;
	font-weight: 500;
	font-size: 1.065em;
}

.mincho {
	font-family: "Zen Old Mincho", "Hiragino Mincho ProN", "Yu Mincho", serif;
	font-weight: 400;
	font-size: 1.065em;
}

.eisuu {
	font-family: "Outfit","Zen Kaku Gothic New", san-serif;
	font-weight: bold;
}

.eisuu2 {
	font-family: "Cardo","Zen Old Mincho", serif;
	font-weight: bold;
}

.bold {
	font-weight: bold;
}

.red {
	color: red;
}

/* 表示の打ち消し */
.vanish {
	display: none;
}

.visibillity {
	visibility: hidden;
}


/* 要素がゆっくりとでてくる */

.scroll-up {
	opacity: 0; 
	visibility: hidden;
	transform: translateY(50px);
	transition: all 1s;
}
.scroll-up.is-show {
	opacity: 1;
	visibility: visible;
	transform: translateY(0px);
}

/* 画像をふわふわとさせる */

.fuwafuwa {
	animation: fuwafuwa 3s ease-in-out infinite alternate;
	transition: 1.5s ease-in-out;
}

@keyframes fuwafuwa {
	0% {
		transform:translate(0, 0) rotate(-12deg);
	}
	50% {
		transform:translate(0, -8px) rotate(0deg);
	}
	100% {
		transform:translate(0, 0) rotate(12deg);
	}
}

.yurayura {
	animation: yurayura 1.5s ease-in-out infinite alternate;
	transition: 1s ease-in-out;
}

@keyframes yurayura {
	0% {
		transform:translate(0, 0) rotate(-8deg);
	}
	100% {
		transform:translate(0, 0) rotate(8deg);
	}
}

.Bg-forest {
	width: 100vw;
	background-image: url("./image/bg02.png");
	background-repeat: repeat-x;
	height: 280px;
	z-index: 2;
	margin-top: 125px;
/*	margin-bottom: -80px;*/
}

.pc {
	display: none;
}

.sp {
	display: none;
}

/* 雲をふわっと左右からフェードイン */
.fadeIn {
	opacity: 0;
	transform: translate(0,0);
	transition: all 1.3s;
	display: none;
}
.fadeLeft {
	transform: translate(-25px, 0);
}
.fadeRight {
	transform: translate(25px, 0);
	overflow: hidden;
}
.scrollIn {
	opacity: 1;
	transform: translate(0,0);
}


@media screen and (min-width:900px) {
	
	.pc { display: block !important; }
	.sp { display: none !important; }
	
	#Header {
		position: fixed;
		width: 100%;
		height: 95px;
		background: #fff;
		border-bottom: 5px solid #82ae46;
		padding: 10px 0;
		z-index: 9999;
		top: 0;
		left: 0;
	}
	
	#Header .header_flex {
		display: flex;
		max-width: 1200px;
		margin: 0 auto;
		text-align: left;
	}
	
	#Header .menu {
		margin: 0px 15px 0px auto;
	}
	
	#Header .menu .c-nav {
		display: inline-flex;
	}
	
	#Header .menu .cnav li {
		display: inline-flex;
		font-weight: bold;
		margin-left: 2px;
		padding: 10px 0;
	}
	
	#Header .menu .cnav li a {
		padding: 6px 5px;
		border-radius: 3px 3px 0 0;
		transition: .1s;
	}
	
	#Header .menu .cnav li a:hover {
		color: #82ae46;
		border-bottom: 3px solid #82ae46;
	}
	
	#Header .header_flex a .nav-line {
		display: none;
		width: 45px;
		height: 45px;
		margin-top: 8px;
		margin-right: 15px;
		transition: .14s;
	}
	
	#Header .header_flex a .nav-line:hover {
		opacity: .5;
	}
	
	#Eyecatch {
		width: 100%;
		padding-top: 95px;
		background-color: #fff;
	}
	
	#Eyecatch .bg_gaikan {
		width: 100%;
		height: 600px;
		background: url("./image/1-00(1).jpg") no-repeat center center;
		background-size: cover;
		  --mask:
			radial-gradient(63.11px at 50% calc(100% - 86.4px),#000 99%,#0000 101%) calc(50% - 64px) 0/128px 100%,
			radial-gradient(63.11px at 50% calc(100% + 54.4px),#0000 99%,#000 101%) 50% calc(100% - 32px)/128px 100% repeat-x;
		  -webkit-mask: var(--mask);
				  mask: var(--mask);
	}
	
	#Eyecatch .flame {
		position: relative;
		width: 800px;
		margin: 0 auto;
		top: calc(50% - 212px);
	}
	
	#Eyecatch .noren img {
		position: absolute;
		width: 380px;
		top: calc(50% - 274px);
		left: calc(50% - 190px);
	}
	
	#Eyecatch .noren p {
		position: absolute;
		width: 440px;
		font-weight: bold;
		font-size: 1.1em;
		line-height: 1.64;
		top: calc(50% - 153px);
		left: calc(50% - 220px);
		text-shadow: 0 0 6px rgb(203 203 203);
	}
	
	#Eyecatch .wrapper {
		position: relative;
		width: 800px;
		margin: 0px auto 0 auto;
		top: -38px;
		left: -3px;
	}
	
	#Eyecatch .wrapper img {
		position: absolute;
		width: 26%;
		top: -70px;
		left: -14px;
	}
	
	#Eyecatch .wrapper .wrap {
		position: relative;
	}
	
	#Eyecatch .wrapper .wrap .steam00 {
		position: absolute;
		width: 30px;
		top: -30px;
		left: 126px;
	}
	
	#Eyecatch .wrapper .wrap .steam01 {
		position: absolute;
		width: 26px;
		top: -52px;
		left: 110px;
	}
	
	#Eyecatch .wrapper .wrap .steam02 {
		position: absolute;
		width: 22px;
		top: 0px;
		left: 30px;
	}
	
	#News {
		background: #fff;
		padding:45px 0;
	}
	
	#News h2 {
		display: inline-block;
		max-width: 1200px;
		margin: 0 auto;
		margin-top: 50px;
	}
	
	#News > a {
		transition: .2s;
	}
	
	#News > a:hover {
		color: #fff;
	}
	
	#News .kotei_flex {
		display: flex;
		max-width: 1020px;
		margin: 0 auto;
		justify-content: space-between;
		padding: 30px 7px;
		margin-top: 35px;
	}
	
	#News .kotei_flex a {
		position: relative;
		transition: .3s;
		z-index: 1;
		color: #aa2939;
		font-size: 1.1em;
	}
	
	#News .kotei_flex a::before {
		background:#aa2939;
		content: "";
		display: block;
		width: 440px;
		height: 40px;
		position: absolute;
		left: 0;
		bottom: 6px;
		transform: scale(0, 1);
		transform-origin: right bottom;
		transition: transform .3s;
		z-index: -1;
	}
	
	#News .kotei_flex a:hover {
		cursor: pointer;
		color: #fff;
	}
	
	#News .kotei_flex a:hover::before {
		transform-origin: left top;
		transform: scale(1, 1);
	}
	
	#News .kotei_flex figure {
		width: 440px;
		height: auto;
	}
	
	#News .kotei_flex figure figcaption {
		margin: 13px 0;
		font-size: 1.124em;
		font-weight: bold;
		margin-top: 4px;
	}
	
	#News .line00 {
		max-width: 1010px;
		border-bottom: 2px dotted #aa2939;
		margin: 0 auto;
	}
	
	#News .news-info {
		max-width: 640px;
		margin: 0 auto;
		margin-top: 2em;
	}
	
	#News .news-info .summary {
		width: 100%;
		margin-top: 55px;
	}
	
	#News .news-info .summary a {
		transition: .1s;
	}
	
	#News .news-info .summary a:hover{
		cursor: pointer;
		color: #aa2939;
	}
	
	#News .news-info .summary dl {
		display: flex;
		margin-top: 30px;
	}
	
	#News .news-info .summary dl::before{
		position: relative;
		content: 'お知らせ';
		width: 100px;
		padding: 1px;
		border: 2px solid #f15a24;
		border-radius: 20px;
		margin-right: 15px;
		color: #f15a24;
		font-weight: bold;
		top: -2px;
	} 
	
	#News .news-info .summary dl::after {
		position: relative;
		content: '＞';
		margin-left: 15px;
		color: #aa2939;
		font-weight: bold;
		left: 4px;
	}
	
	#News .news-info .summary dl dt{
		width: 115px;
		margin-right: 20px;
		text-align: left;
		overflow: hidden;
	}
	
	#News .news-info .summary dl dd {
		width: 440px;
		text-align: left;
		overflow: hidden;
	}
	
	#News .news-info .summary dl .dot-read {
		width: 20px;
		overflow: hidden;
	}
	
	#News .news-info .line {
		display: flex;
		justify-content: flex-end;
		font-weight: bold;
		color: #06c755;
		margin-top: 35px;
	}
	
	#News .news-info .line::after {
		content: '＞';
		margin-left: 15px;
		margin-right: -3px
	}
	
	#News .news-info .line .linelogo {
		position: relative;
		width: 32px;
		height: 32px;
		margin-right: 21px;
		top: -3px;
	}
	
	#News .news-ichiran {
		position: relative;
		display: inline-block;
		width: 240px;
		margin: 0 auto;
		margin-top: 45px;
	}
	
	#News .news-ichiran p {
		position: absolute;
		top: 50%;
		left: 50%;
		font-weight: bold;
		font-size: 1.17em;
		transform: translate(-50%, -50%);
	}
	
	#Price {
		max-width: 1080px;
		margin: 0 auto;
		padding: 45px 0;
		overflow: hidden;
	}
	
	#Price h2 {
		margin-top: 50px;
	}
	
	#Price .wrapper {
		background-color: #fff;
		padding: 65px 0;
		margin-top: 65px;
	}
	
	#Price .price_flex {
		display: flex;
		justify-content: space-between;
		max-width: 750px;
		margin: 0 auto;
	}
	
	#Price .price_flex .wrap {
		display: flex;
		flex-wrap: wrap;
		font-size: 1.25em;
		font-weight: bold;
		text-align: left;
		width: 360px;
	}
	
	#Price .price_flex dl dt {
		width: 47%;
	}
	
	#Price .price_flex dl dt .commentary01 {
		font-size: .6em;
		vertical-align: top;
	}
	
	#Price .price_flex dl dd {
		width: 53%;
		text-align: right;
	}

	#Price .price_flex .annotation {
		width: 340px;
		margin-top: -18px;
	}
	
	#Price .price_flex .annotation p .commentary01 {
		display: inline-block;
		font-size: .6em;
		vertical-align: top;
		padding-top: 1px;
		margin-right: 3px;
	}
	
	#Price .commentary-txt {
		position: relative;
		border: 2px solid #aa2939;
		text-align: left;
		padding: 10px;
	}
	
	#Price .commentary-txt::after {
		position: absolute;
		display: block;
		content: url("./image/3-01ahiru.png");
		right: 13px;
		bottom: 5px;
		animation: yurayura 1.2s ease infinite alternate;
		transition: 10s ease-in-out;
	}
	
	#Price .commentary-txt .commentary-mt {
		margin-top: 15px;
	}
	
	#Price .commentary-txt .commentary02 {
		color: #aa2939;
		font-weight: bold;	
	}
	
	#Price .kaisuuken00 {
		display: flex;
		flex-wrap: wrap;
		width: 750px;
		border: 2px solid #aa2939;
		margin: 0 auto;
		margin-top: 40px;
	}
	
	#Price .kaisuuken00 dt {
		background-color: #aa2939;
		color: #fff;
		font-size: 1.25em;
		padding: 20px;
		width: 35%;
		font-weight: bold;
	}
	
	#Price .kaisuuken00 dd {
		width: 65%;
		text-align: left;
		padding: 10px 15px;
	}
	
	#Price .kaisuuken00 dd p {
		display: inline-block;
		margin: 0 auto;
	}
	
	#Price .kaisuuken00 dd .ml {
		margin-left: 7px;
	}
	
	#Price .cloud00 {
		position: absolute;
		width: 236px;
		bottom: 18px;
		right: 8px;
	}
	
	
	#Opentime {
		max-width: 1080px;
		margin: 0 auto;
		padding: 45px 0;
		overflow: hidden;
	}
	
	#Opentime h2 {
		margin-top: 50px;
	}
	
	#Opentime .time-area {
		position: relative;
		width: 670px;
		margin: 0 auto;
		margin-top: 55px;
	}
	
	#Opentime .time-area dl {
		position: absolute;
		width: 540px;
		top: 35px;
		left: 116px;
	}
	
	#Opentime .time-area .open_flex00 {
		display: flex;
		font-size: 1.25em;
		font-weight: bold;
		text-align: left;
	}
	
	#Opentime .time-area .open_flex01 {
		display: flex;
		font-size: 1.25em;
		font-weight: bold;
		text-align: left;
		margin-top: 15px;
	}
	
	
	#Opentime .time-area .open_flex00 .tokei-inline {
		display: inline-block;
		vertical-align: middle;
		margin-right: 10px;
		width: 25px;
		height: 25px;
	}
	
	#Opentime .time-area .open_flex00 .margin-left {
		display: inline-block;
		margin-left: 50px;
	}
	
	#Opentime .time-area .open_flex01 .margin-left {
		display: inline-block;
		margin-left: 70px;
	}
	
	#Opentime .wrapper {
		position: relative;
		width: 313px;
		margin: 45px auto 0 auto;
	}
	
	#Opentime .wrapper .wrap .steam00 {
		position: absolute;
		bottom: 120px;
		right: 55px;
		width: 27px;
	}
	
	#Opentime .wrapper .wrap .steam01 {
		position: absolute;
		bottom: 96px;
		right: 34px;
		width: 21px;
	}
	
	#Opentime .wrapper .wrap .steam02 {
		position: absolute;
		bottom: 88px;
		left: 98px;
		width: 23px;
	}
	
	#Opentime .wrapper .wrap .steam03 {
		position: absolute;
		bottom: 74px;
		left: 151px;
		width: 32px;
	}
	
	#Opentime .wrapper .wrap .steam04 {
		position: absolute;
		bottom: 43px;
		left: 1vw;
		width: 32px;
	}
	
	#Opentime .wrapper .wrap .cloud00 {
		position: absolute;
		bottom: 70px;
		left: -290px;
		width: 310px;
	}
	#Opentime .wrapper .wrap .cloud01 {
		position: absolute;
		bottom: 134px;
		right: -248px;	
		width: 290px;
	}
	
	#Introduction {
		max-width: 1200px;
		margin: 0 auto;
		overflow: hidden;
		padding: 45px 0;
	}
	
	#Introduction h2 {
		margin-top: 50px;
	}
	
	#Introduction .intro_flex {
		display: flex;
		max-width: 1080px;
		flex-flow: wrap;
		justify-content: space-between;
		margin: 0 auto;
		margin-top: 55px;
	}
	
	#Introduction .intro_flex article {
		width: 500px;
		margin: 0 auto;
		margin-top: 55px;
	}
	
	#Introduction .intro_flex article p {
		width: 445px;
		text-align: left;
		margin: 0 auto;
		margin-top: 17px;
	}
	
	#Introduction .notice_flex {
		display: flex;
		justify-content: space-between;
		width: 1040px;
		margin: 0 auto;
		margin-top: 55px;
	}
	
	#Introduction .notice_flex ul {
		max-width: 516px;
		text-align: left;
		background-color: #fff;
		padding: .6em .5em;
		border-bottom: 4px solid #c4313c;
		border-right: 4px solid #c4313c;
	}
	
	#Introduction .notice_flex ul li {
		margin: 1em;
		border-bottom: 2px dotted #c4313c;
		padding-bottom: .3em;
	}
	
	#Introduction .notice_flex article {
		max-width: 470px;
		margin-left: auto;
	}
	
		
	#Access {
		position: relative;
		max-width: 1200px;
		margin: 0 auto;
		overflow: hidden;
		padding: 35px 0;
	}
	
	#Access h2 {
		margin-top: 60px;
	}
	
	#Access article {
		margin-top: 75px;
	}
	
	#Access article .cloud00 {
		position: absolute;
		width: 380px;
		top: 0px;
		left: 0px;
	}
	
	#Access article iframe {
		margin: 0 auto;
	}
	
	#Access .info {
		display: flex;
		flex-wrap: wrap;
		width: 630px; 
		text-align: left;
		font-weight: bold;
		font-size: 1.16em;
		color: #464646;
		margin: 30px auto 0 auto;
		justify-content: space-between;
	}
	
	#Access .info .c-info {
		width: 300px;
		margin: 10px 0;
	}
	
	#Access .info .car-inline {
		display: inline-block;
		vertical-align: middle;
		margin-right: 10px;
		padding-bottom: 1px;
	}
	
	#Access .info .person-inline {
		display: inline-block;
		vertical-align: middle;
		margin-left: 15px;
		margin-right: 20px;
		padding-bottom: 1px;
	}
	
	#Access .info .c-info .info-ml01 {
		margin-left: 37px;
	}
	
	#Access .info .c-info .info-ml02 {
		margin-left: 78px;
	}
	
	#Access .info .c-info .info-ml03 {
		margin-left: 68px;
	}
	
	#Access .info .c-info .info-ml04 {
		margin-left: 30px;
	}
	
	#Link {
		max-width: 1080px;
		margin: 0 auto;
		padding: 35px 0;
		overflow: hidden;
	}
	
	#Link h2 {
		margin-top: 60px;
	}
	
	#Link .wrapper {
		position: relative;
		margin-top: 45px;
	}
	
	#Link .wrapper .link_flex {
		display: flex;
		justify-content: space-between;
	}
	
	#Link .wrapper .link_flex a {
		width: 240px;
		margin-top: 35px;
		transition: .2s;
	}
	
	#Link .wrapper .link_flex a:hover {
		opacity: .7;
	}
	
	#Link .wrapper .cloud00 {
		position: absolute;
		width: 290px;
		top: -138px;
		right: -1px;
	}
	
	#Footer{
		margin-top: -80px;
	}
	#Footer .return {
		width: 160px;
		height: 80px;
		background-color: #125115;
		border-radius: 50% / 100% 100% 0 0;
		margin: 0 auto;
	}
	#Footer .return .turn {
		font-size: 1.25em;
		line-height: 1.17;
		color: #fff;
		padding-top: 20px;
	}
	#Footer .fnav {
		background: #82ae46;
	}
	
	#Footer .fnav .c-fnav {
		padding: 28px 0;
	}
	
	#Footer .fnav .c-fnav a {
		transition: .5s;
	}
	
	#Footer .fnav .c-fnav a:hover {
		color: #fff;
		opacity: .6;
	}
	
	#Footer .fnav .c-fnav a li {
		display: inline-block;
		margin: 0 15px;
	}
	
	#Footer .fnav .c-fnav a li::before {
		display: inline-block;
		content: ">";
		margin-right: 7px;
	}
	
	#Footer .finfo {
		background: #82ae46;
		padding: 25px 0;
	}
	
	#Footer .finfo .center {
		width: 420px;
		margin: 0 auto;
	}
	
	#Footer .finfo .center img {
		margin: 0 auto;
	}
	
	#Footer .finfo .center .f-info {
		display: inline-block;
		text-align: left;
		margin: 0 auto;
		margin-top: 15px;
	}
	
	#Footer .finfo .center .f-info p {
		margin-top: 5px;
	}
	
	#Footer .finfo .center .f-info p .f-info-span00 {
		margin-left: 28px;
	}
	
	#Footer .finfo .center .f-info p .f-info-span01 {
		margin-left: 13px;
	}
	
	#Footer .finfo .center .f-info p .f-info-span02 {
		margin-left: 32px;
	}
	
	#Footer .finfo .center .f-info p .f-small00 {
		margin-left: 113px;
	}
	
	#Footer .finfo .center .f-info p .f-small01 {
		margin-left: 105px;
	}
	
	#Footer .copyright {
		background: #125115;
		color: #fff;
		padding: 8px;
	}
	
	
	/* News 一覧ページ */
	#NewsList {
		margin: 95px 0;
		padding-top: 75px;
		overflow: hidden;
	}
	
	#NewsList .news-info {
		max-width: 640px;
		margin: 0 auto;
		margin-top: 2em;
	}
	
	#NewsList .news-info .summary {
		margin-top: 35px;
		text-align: left;
	}
	
	#NewsList .news-info .summary a {
		transition: .1s;
	}
	
	#NewsList .news-info .summary a:hover{
		color: #82ae46;
		opacity: .7;
	}
	
	#NewsList .news-info .summary a dl {
		position: relative;
		display: flex;
		margin-top: 25px;
		justify-content: flex-start;
		left: 0;
	}
	
	#NewsList .news-info .summary a dl::before{
		position: relative;
		content: 'お知らせ';
		width: 100px;
		padding: 1px;
		border: 2px solid #f15a24;
		border-radius: 20px;
		margin-right: 15px;
		color: #f15a24;
		font-weight: bold;
		top: -2px;
		background: #fff;
		text-align: center;
	} 
	
	#NewsList .news-info .summary a dl::after {
		display: inline-block;
		position: relative;
		content: ">";
		margin-left: 15px;
		color: #aa2939;
		font-weight: bold;
		left: 4px;
	}
	
	#NewsList .news-info .summary a dl dt{
		width: 108px;
		margin-right: 15px;
/*		overflow: hidden;*/
	}
	
	#NewsList .news-info .summary a dl dd {
		width: 400px;
		overflow: hidden;
	}
	
	#NewsList .news-info .summary a dl .dot-read {
		display: inline-block;
		width: 25px;
		text-align: center;
		overflow: hidden;
	}
	
	/* 投稿詳細ページ */
	
	#post {
		width: 100vw;
		margin: 0 auto;
		margin-top: 95px;
		padding-top: 95px;
	}
	
	#post h2 {
		width: 1200px;
		margin: 0 auto;
	}
	
	#post .post-main {
		max-width: 1020px;
		text-align: left;
		margin: 0 auto;
		margin-top: 85px;
	}
	
	#post .post-main h3 {
		font-size: 1.5em;
	}
	
	#post .post-main .days {
		font-weight: bold;
		margin-top: 10px;
	}
	
	#post .post-main hr {
		border: 1px dashed #262626;
		margin-top: 25px;
	}
	
	#post .post-main .post-body {
		max-width: 980px;
		margin: 0 auto;
	}
	
	#post .post-main .post-body img {
		max-width: 980px;
		margin: 85px auto;
	}
	
	#post .post-main .post-body p {
		margin-top: 20px;
		margin-bottom: 20px;
	}
	
	#post .post-main .post-body table {}
	
	#post .post-main .post-body table td {
		padding: 5px 15px;
	}
	
	#post .boxTbWrap {
		max-width: 980px;
		margin: 85px auto;
		background: #fff;
		padding: 35px;
		font-size: 1.2em;
		box-shadow: 0 0 6px rgb(203 203 203);
	}
	
	#post .boxTbWrap h4 {
		position: relative;
		display: inline-block;
		width: 900px;
		color: #125115;
		font-size: 1.3em;
		font-weight: bold;
		border-left: 10px solid #125115;
		margin-left: 5px;
		padding: 6px 0 6px 15px;
	}
	

	
	#post .boxTbWrap .tb {
		width: 900px;
		margin: 0 auto;
		border-collapse: collapse;
		margin-top: 40px;
	}
	
	#post .boxTbWrap .tb .bg--color00 {
		font-weight: bold;
		color: #fff;
		background: #125115;
	}
	
	#post .boxTbWrap .tb .type00 {
		width: 320px;
		padding: 12px 0 12px 15px;
		text-align: left;
		vertical-align: middle;
		border-right: 1px solid #fff;
		border-bottom: 1px solid #fff;
	}
	
	#post .boxTbWrap .tb .type01 {
		padding: 12px 0;
		text-align: center;
	}
	
	#post .boxTbWrap .tb tr:nth-child(2n) {
		text-align: center;
		background: #e8efe9;
	}
	
/*
	#post .boxTbWrap .tb .bg--color01 {
		padding: 12px 0;
		text-align: center;
		background: #e8efe9;
	}
*/
	
	#post .boxFlexWrap {
		display: table;
		width: 900px;
		margin: 45px auto 65px auto;
		border: 2px solid #aa2939;
	}
	
	#post .boxFlexWrap dt {
		display: table-cell;
		width: 130px;
		height: 80px;
		background: #aa2939;
		color: #fff;
		font-weight: bold;
		text-align: center;
		vertical-align: middle;
	}
	
	#post .boxFlexWrap dd {
		text-align: center;
	}
	
	#post .boxFlexWrap dd .mlspan {
		margin-left: 61px;
	}
	
	#post .boxFlexWrap dd {
		display: table-cell;
		width: 320px;
		height: 80px;
		padding-left: 13px;
		vertical-align: middle;
	}
}


@media screen and (max-width:899px) {
	
	.pc { display: none !important; }
	.sp { display: block !important; }
	
	#Header {
		position: fixed;
		width: 100vw;
		height: 95px;
		background: #fff;
		border-bottom: 5px solid #82ae46;
		padding: 10px 0;
		overflow: hidden;
		z-index: 9999;
		top: 0;
		left: 0;
	}
	
	#Header .header_flex h1 {
		max-width: 220px;
		margin-top: 6px;
		margin-left: 7px;
	}
	
	#Header .header_flex .menu {
		position: fixed;
		top: 0;
		right: -100%;/* 初期状態では画面の外に隠れている */
		width: 100%;
		height: 100%;
		background-color: #fff;
		color: #333;
		transition: right 0.3s ease; /* スライドインのアニメーション */
		padding: 20px;
		z-index: 9999;
		opacity: .9;
	}
	
	#Header .header_flex .menu.open {
		right: 0;
	}
	
	/* ボタンのスタイル */
	#Header .header_flex .menu .hamburger {
		position: fixed;
		top: 20px;
		right: 18px;
		width: 45px;
		height: 45px;
		border-radius: 10%;
		cursor: pointer;
		z-index: 20;
		background: #fff;
	}

	#Header .header_flex .menu .hamburger span {
		position: relative;
		display: block;
		height: 3px;
		width: 30px;
		background-color: #333;
		margin: 5px 0;
		transition: .4s;
		top: calc(50% - 15px);
		left: calc(50% - 15px);
	}
	
	#Header .header_flex a .nav-line {
		display: none;
		position: absolute;
		width: 45px;
		height: 45px;
		top: calc(50% - 25px);
		right: 85px;
	}
	
	/* バツ印に変化するスタイル */
	#Header .header_flex .menu .hamburger.active span:nth-child(1) {
		background-color: #aa2939;
		transform: rotate(45deg) translate(5px, 5px);
	}

	#Header .header_flex .menu .hamburger.active span:nth-child(2) {
		opacity: 0;
	}

	#Header .header_flex .menu .hamburger.active span:nth-child(3) {
		background-color: #aa2939;
		transform: rotate(-45deg) translate(6px, -6px);
	}
	
	/* メニューリストのスタイル */
	#Header .header_flex .menu .cnav {
		list-style-type: none;
		padding: 0;
		margin-top: 80px;
	}

	#Header .header_flex .menu .cnav li {
		padding: 20px 0;
		border-bottom: 1px solid #444;
		font-size: 1.125em;
	}

	#Header .header_flex .menu .cnav li a {
		color: #303030;
		text-decoration: none;
		display: block;
	}
	
	#Header .header_flex .menu .cnav li a:hover {
		color: #82ae46;;
	}
	
	#Eyecatch {
		width: 100vw;
		padding-top: 60px
	}
	
	#Eyecatch .bg_gaikan > img {
		 --mask:
			radial-gradient(26.24px at 50% calc(100% - 36.8px),#000 99%,#0000 101%) calc(50% - 32px) 0/64px 100%,
			radial-gradient(26.24px at 50% calc(100% + 20.8px),#0000 99%,#000 101%) 50% calc(100% - 16px)/64px 100% repeat-x;
		  -webkit-mask: var(--mask);
				  mask: var(--mask);
		}
	
	#Eyecatch .wrapper {
		width: 50%;
		margin: 0 auto;
		margin-top: 55px;
	}
	
	#Eyecatch .wrapper img {
		position: relative;
		display: block;
		margin: 0 auto;
	}
	
	#Eyecatch .wrapper .wrap .steam00 {
		position: absolute;
		width: 9%;
		top: 2.6vw;
		left: 27vw;
	}
	#Eyecatch .wrapper .wrap .steam01 {
		position: absolute;
		width: 9%;
		top: 11.5vw;
		left: 14vw;
	}
	#Eyecatch .wrapper .wrap .steam02 {
		position: absolute;
		width: 10.2%;
		top: 6.2vw;
		left: 28.6vw;
	}
	
	#Eyecatch .noren {
		width: 97.4%;
		margin: 0 auto;
	}
	
	#Eyecatch .noren img {
		width: 82.4%;
		margin: 0 auto;
		margin-top: 55px;
	}
	
	#Eyecatch .noren p {
		display: inline-block;
		width: 91%;
		font-size: 1.313em;
		margin: 50px auto 65px auto;
		text-shadow: 0 0 6px rgb(203 203 203);
	}
	
	#Eyecatch .noren p span {
		display: inline-block;
	}
	
	#News {
		width: 100vw;
		padding-top: 10px;
		padding-bottom: 45px;
		background: #fff;
	}
	
	#News h2 {
		display: inline-block;
		max-width: 640px;
		margin: 0 auto;
		margin-top: 95px;
	}
	
	#News a {
		display: inline-block;
		transition: 1s;
	}
	
	#News a:hover{
		opacity: .5;
		cursor: pointer;
	}
	
	#News .kotei_flex {
		width: 94%;
		margin: 0 auto;
		margin-top: 35px;
		overflow: hidden;
	}
	
	#News .kotei_flex figure figcaption {
		font-size: 1.14em;
		font-weight: bold;
		margin-top: 10px;
	}
	
	#News .kotei_flex a .fig01 {
		margin-top: 35px;
	}
	
	#News .line00 {
		width: 94%;
		border-bottom: 2px dotted #aa2939;
		margin: 35px auto;
	}
	
	#News .news-info {
		width: 350px;
		margin: 0 auto;
	}
	
	#News .news-info .summary {
		margin-top: 35px;
	}
	
	#News .news-info .summary a {
		transition: .5s;
	}
	
	#News .news-info .summary a:hover{
		opacity: .5;
		cursor: pointer;
	}
	
	#News .news-info .summary dl {
/*		display: flex;*/
		position: relative;
		margin-top: 25px;
		text-align: left;
	}
	
	#News .news-info .summary dl::before{
		position: relative;
		content: 'お知らせ';
		padding: 1px 9px;
		border: 2px solid #f15a24;
		border-radius: 6px;
		color: #f15a24;
		font-weight: bold;
		top: -2px;
		left: 0;
	} 
	
	#News .news-info .summary dl::after {
		position: relative;
		content: '＞';
		color: #aa2939;
		font-weight: bold;
		right: -3px;
		bottom: 6px;
	}
	
	#News .news-info .summary dl dt {
		width: 105px;
		margin-top: 3px;
		margin-bottom: -4px;
	}
	
	#News .news-info .summary dl dd {
		display: inline-block;
		width: 290px;
		height: 25px;
		overflow: hidden;
	}
	
	#News .news-info .summary dl p {
		display: inline-block;
		width: 20px;
		height: 25px;
		overflow: hidden;
	}
	
	#News .news-info .line {
		width: 350px;
		display: flex;
		justify-content: flex-end;
		font-weight: bold;
		color: #06c755;
		margin-top: 35px;
		padding-right: 4px;
	}
	
	#News .news-info .line::after {
		content: '＞';
		margin-left: 10px;
	}
	
	#News .news-info .line .linelogo {
		width: 32px;
		height: 32px;
		margin-right: 21px;
		margin-top: -3px;
	}
	
	#News .news-ichiran {
		position: relative;
		display: inline-block;
		width: 240px;
		margin-top: 45px;
	}
	
	#News .news-ichiran p {
		position: absolute;
		top: 50%;
		left: 50%;
		font-weight: bold;
		font-size: 1.17em;
		transform: translate(-50%, -50%);
	}
	
	#Price {
		width: 100vw;
		margin: 0 auto;
		margin-top: 10px;
		padding-top: 45px;
		overflow: hidden;
	}
	
	#Price h2 {
		display: inline-block;
		max-width: 640px;
		margin: 0 auto;
		margin-top: 65px;
	}
	
	#Price .wrapper {
		position: relative;
		background-color: #fff;
		padding: 30px 10px;
		margin-top: 50px;
	}
	
	#Price .price_flex {
		width: 96%;
		margin: 0 auto;
	}
	
	#Price .price_flex .wrap {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		font-size: 1.25em;
		font-weight: bold;
		text-align: left;
		width: 340px;
		margin: 0 auto;
		padding-bottom: 25px;
	}
	
	#Price .price_flex .wrap {
		background-image: linear-gradient(to right, #303030, #303030 8px, transparent 8px, transparent 16px);
		background-size: 14px 2px;
		background-position: left bottom;
		background-repeat: repeat-x;
			
	}
	
	#Price .price_flex dl dt {
		width: 50%;
		margin: 5px 0;
	}
	
	#Price .price_flex dl dt .commentary01 {
		font-size: .6em;
		vertical-align: top;
	}
	
	#Price .price_flex dl dd {
		width: 50%;
		text-align: right;
		margin: 5px 0;
	}

	#Price .price_flex .annotation {
		width: 340px;
		margin: 0 auto;
		margin-top: 35px;
	}
	
	#Price .commentary-txt {
		position: relative;
		border: 2px solid #aa2939;
		text-align: left;
		padding: 10px;
	}
	
	#Price .commentary-txt::after {
		position: absolute;
		display: block;
		content: "";
		width: 90px;
		height: 65px;
		background-image: url("./image/3-01ahiru.png");
		right: 12px;
		bottom: 10px;
		background-size: contain;
		animation: yurayura 1.2s ease infinite alternate;
		transition: 10s ease-in-out;
	}
	
	#Price .commentary-txt .commentary-mt {
		margin-top: 8px;
	}
	
	#Price .commentary-txt .commentary02 {
		color: #aa2939;
		font-weight: bold;	
	}
	
	#Price .kaisuuken01 {
		max-width: 340px;
		border: 2px solid #aa2939;
		margin: 0 auto;
		margin-top: 35px;
		margin-bottom: 25px;
	}
	
	#Price .kaisuuken01 dt {
		background-color: #aa2939;
		color: #fff;
		font-size: 1.25em;
		padding: 10px;
		width: 100%;
	}
	
	#Price .kaisuuken01 dd {
		width: 100%;
		margin: 10px auto;
		padding: 0 10px;
	}
	
	#Price .kaisuuken01 dd p {
		display: inline-block;
		margin: 0 auto;
	}
	
	#Price .kaisuuken01 dd p.kaisuuken-mt{
		margin-top: 10px;
	}
	
	#Price .cloud00 {
		position: absolute;
		width: 188px;
		top: -63px;
		right: -34px;
	}
	
	#Opentime {
		width: 100vw;
		margin: 0 auto;
		margin-top: 15px;
		padding-top: 35px;
		overflow: hidden;
	}
	
	#Opentime h2 {
		display: inline-block;
		max-width: 640px;
		margin: 0 auto;
		margin-top: 75px;
	}
	
	#Opentime .time-area {
		position: relative;
		width: 94%;
		margin: 0 auto;
		margin-top: 45px;
	}
	
	#Opentime .time-area img {
		width: 380px;
		margin: 0 auto;
	}
	
	#Opentime .time-area dl {
		position: absolute;
		width: 330px;
		top: calc(50% - 64px);
		left: calc(50% - 165px);
		margin: 0 auto;
	}
	
	#Opentime .time-area .open_flex00 {
		font-size: 1.25em;
		font-weight: bold;
		text-align: center;
		margin: 0 auto;
	}
	
	#Opentime .time-area .open_flex01 {
		font-size: 1.25em;
		font-weight: bold;
		text-align: center;
		margin: 0 auto;
		margin-top: 15px;
	}
	
	#Opentime .time-area .open_flex01 small {
		font-size: 0.74em;
	}
	
	
	#Opentime .time-area .open_flex00 .tokei-inline {
		display: inline-block;
		margin-right: 10px;
		width: 25px;
		height: 25px;
		padding-top: 5px;
	}
	
	#Opentime .wrapper {
		position: relative;
		width: 303px;
		margin: 85px auto 0 auto;
	}
	
	#Opentime .wrapper .wrap .steam00 {
		position: absolute;
		bottom: 120px;
		right: 55px;
		width: 27px;
	}
	
	#Opentime .wrapper .wrap .steam01 {
		position: absolute;
		bottom: 96px;
		right: 34px;
		width: 21px;
	}
	
	#Opentime .wrapper .wrap .steam02 {
		position: absolute;
		bottom: 88px;
		left: 98px;
		width: 23px;
	}
	
	#Opentime .wrapper .wrap .steam03 {
		position: absolute;
		bottom: 74px;
		left: 151px;
		width: 32px;
	}
	
	#Opentime .wrapper .wrap .steam04 {
		position: absolute;
		bottom: 43px;
		left: 1vw;
		width: 32px;
	}
	
	#Opentime .wrapper .cloud00 {
		position: absolute;
		width: 240px;
		bottom: 120px;
		left: -155px;	
	}
	#Opentime .wrapper .cloud01 {
		position: absolute;
		width: 240px;
		bottom: 220px;
		right: -133px;	
	}
	
	#Introduction {
		width: 100vw;
		margin: 0 auto;
		margin-top: 15px;
		padding-top: 35px;
	}
	
	#Introduction h2 {
		display: inline-block;
		max-width: 640px;
		margin: 0 auto;
		margin-top: 75px;
	}
	
	#Introduction .intro_flex {
		display: flex;
		width: 94%;
		margin: 0 auto;
		margin-top: 25px;
		padding-top: 25px;
		justify-content: center;
		flex-wrap: wrap;
		flex-direction: row;
	}
	
	#Introduction .intro_flex article {
		width: 96%;
		margin: 0 auto;
		margin-top: 65px;
	}
	
	#Introduction .intro_flex article h3 {
		display: inline-block;
	}
	
	#Introduction .intro_flex article p {
		display: inline-block;
		max-width: 590px;
		text-align: left;
		margin: 0 auto;
		margin-top: 20px;
	}
	
	#Introduction .notice_flex {
		width: 94%;
		margin: 0 auto;
		margin-top: 45px;
	}
	
	#Introduction .notice_flex ul {
		text-align: left;
		background-color: #fff;
		padding: .8em .5em;
		border-bottom: 4px solid #c4313c;
		border-right: 4px solid #c4313c;
		margin: 0 auto;
		margin-top: 25px;
	}
	
	#Introduction .notice_flex ul li {
		width: 94%;
		margin: 0 auto;
		border-bottom: 2px dotted #c4313c;
		padding-bottom: .5em;
	}
	
	#Introduction .notice_flex article {
		display: inline-block;
		margin: 0 auto;
	}
	
		
	#Access {
		width: 100vw;
		margin: 0 auto;
		margin-top: 65px;
		padding-top: 15px;
	}
	
	#Access h2 {
		display: inline-block;
		max-width: 640px;
		margin: 0 auto;
		margin-top: 95px;
	}
	
	#Access article {
		position: relative;
		margin-top: 45px;
	}
	
	#Access article .cloud00 {
		position: absolute;
		width: 198px;
		top: -178px;
		left: -50px;
	}
	
	#Access article iframe {
		margin: 0 auto;
	}
	
	#Access .info {
		width: 100%; 
		text-align: left;
		font-weight: bold;
		font-size: 1.16em;
		color: #464646;
		margin-top: 45px;
	}
	
	#Access .info .c-info {
		width: 300px;
		margin: 25px auto;
	}
	
	#Access .info .car-inline {
		display: inline-block;
		vertical-align: middle;
		margin-right: 15px;
		padding-bottom: 2px;
	}
	
	#Access .info .person-inline {
		display: inline-block;
		vertical-align: middle;
		margin-left: 15px;
		margin-right: 26px;
		padding-bottom: 2px;
	}
	
	#Access .info .c-info .info-ml01 {
		margin-left: 40px;
	}
	
	#Access .info .c-info .info-ml02 {
		margin-left: 73px;
	}
	
	#Access .info .c-info .info-ml03 {
		margin-left: 73px;
	}
	
	#Access .info .c-info .info-ml04 {
		margin-left: 24px;
	}
	
	#Link {
		width: 100vw;
		margin: 0 auto;
		margin-top: 20px;
		margin-bottom: 65px;
		padding: 35px 0;
		overflow: hidden;
	}
	
	#Link h2 {
		display: inline-block;
		max-width: 640px;
		margin: 0 auto;
		margin-top: 65px;
	}
	
	#Link .wrapper {
		position: relative;
		margin: 0 auto;
		margin-top: 55px;
	}
	
	#Link .wrapper .link_flex {
		width: 291px;
		margin: 0 auto;
	}
	
	#Link .wrapper .link_flex a {
		display: inline-block;
		width: 291px;
		transition: .5s;
		margin-top: 25px;
	}
	
	#Link .wrapper .link_flex a:hover {
		opacity: .7;
	}
	
	#Link .wrapper .cloud00 {
		position: absolute;
		width: 210px;
		top: -86px;
		right: -60px;
	}
	
	#Footer{
		width: 100vw;
		margin-top: -80px;
	}
	
	#Footer > a {
		transition: .5s;
	}
	
	#Footer > a:hover {
		opacity: .5;
	}
	
	#Footer .return {
		width: 160px;
		height: 80px;
		background-color: #125115;
		border-radius: 50% / 100% 100% 0 0;
		margin: 0 auto;
		transition: .5s;
	}
	
	#Footer .return:hover {
		opacity: .5;
	}
	
	
	#Footer .return .turn {
		font-size: 1.25em;
		line-height: 1.17;
		color: #fff;
		padding-top: 20px;
	}
	#Footer .fnav {
		background: #82ae46;
	}
	
	#Footer .fnav .c-fnav {
		padding: 20px 0;
	}
	
	#Footer .fnav .c-fnav a {
		transition: .5s;
	}
	
	#Footer .fnav .c-fnav a:hover {
		color: #fff;
		opacity: .7;
	}
	
	#Footer .fnav .c-fnav a li {
		display: inline-block;
		margin: 0 15px;
		margin-top: 4px;
	}
	
	#Footer .fnav .c-fnav a li::before {
		position: relative;
		content: ">";
		margin-right: 7px;
		top: -1px;
	}
	
	#Footer .finfo {
		background: #82ae46;
		padding: 10px 0;
	}
	
	#Footer .finfo .foot-logo {
		display: inline-block;
		width: 340px;
		margin: 0 auto;
	}
	
	#Footer .finfo .center {
		width: 94%;
		margin: 0 auto;
	}
	
	#Footer .finfo .center .f-info {
		width: 94%;
		margin: 0 auto;
		margin-top: 15px;
		text-align: center;
	}
	
	#Footer .finfo .center .f-info .txt-left {
		width: 320px;
		text-align: left;
		margin: 0 auto;
		margin-top: 10px;
	}
	
	#Footer .finfo .center .f-info p {
		margin-top: 5px;
	}
	
	#Footer .finfo .center .f-info p .f-info-span00 {
	}
	
	#Footer .finfo .center .f-info p .f-info-span01 {
		margin-left: 13px;
	}
	
	#Footer .finfo .center .f-info p .f-info-span02 {
		margin-left: 32px;
	}
	
	#Footer .finfo .center .f-info p .f-small00 {
		margin-left: 113px;
	}
	
	#Footer .finfo .center .f-info p .f-small01 {
		margin-left: 105px;
	}
	
	#Footer .copyright {
		font-size: .5em;
		background: #125115;
		color: #fff;
		padding: 8px;
	}
	
	
	/* News 一覧ページ */
	
	#NewsList {
		width: 100vw;
		margin-top: 92px;
		padding-top: 35px;
	}
	
	#NewsList .news-info {
		width: 360px;
		margin: 0 auto;
		text-align: left;	
	}
	
	#NewsList .news-info .summary {
		margin-top: 55px;
	}
	
	#NewsList .news-info .summary a {
		transition: .5s;
	}
	
	#NewsList .news-info .summary a:hover{
		opacity: .5;
		cursor: pointer;
	}
	
	#NewsList .news-info .summary a dl {
		margin-top: 15px;
	}
	
	#NewsList .news-info .summary a dl::before {
		position: relative;
		content: 'お知らせ';
		width: 100px;
		padding: 2px 4px;
		border: 2px solid #f15a24;
		border-radius: 20px;
		color: #f15a24;
		font-weight: bold;
		background: #fff;
	}
	
	#NewsList .news-info .summary a dl::after {
		position: relative;
		content: '＞';
		width: 100px;
		color: #aa2939;
		font-weight: bold;
		left: 0px;
	}
	
	#NewsList .news-info .summary a dl dt {
		margin-bottom: 1px;
	}
	
	#NewsList .news-info .summary a dl dd {
		display: inline-flex;
		width: 300px;
		height: 26px;
		overflow: hidden;
		font-weight: 500;
	}
	
	#NewsList .news-info .summary dl p {
		display: inline-flex;
		width: 20px;
		height: 26px;
	}
	
/*
	#NewsList .news-info .summary dl p::after {
		position: relative;
		content: '＞';
		margin-left: 10px;
		color: #aa2939;
		font-weight: bold;
		left: 0px;
	}
*/
	
	/* 投稿詳細ページ */
	
	#post {
		width: 100vw;
		margin: 0 auto;
		margin-top: 92px;
		padding-top: 75px;
	}
	
	#post h2 {
		display: inline-block;
		margin: 0 auto;
	}
	
	#post .post-main {
		width: 93%;
		text-align: left;
		margin: 0 auto;
		margin-top: 75px;
	}
	
	#post .post-main h3 {
		font-size: 1.5em;
	}
	
	#post .post-main .days {
		font-weight: bold;
		margin-top: 6px;
	}
	
	#post .post-main hr {
		border: 1px dashed #262626;
		margin-top: 25px;
	}
	
	#post .post-main .post-body {
		margin-top: 65px;
	}
	
	#post .post-main .post-body img {
		margin: 55px auto;
	}
	
	#post .post-main .post-body p {
		margin-bottom: 25px;
	}
	
	#post .post-main .post-body table {}
	
	#post .post-main .post-body table td {
		padding: 5px 3px;
	}
	
	#post .post-main .boxTbWrap {
		background: #fff;
		box-shadow: 0 0 6px rgb(203 203 203);
		padding: 8px;
		margin: 85px 0;
	}
	
	#post .post-main .boxTbWrap h4 {
		display: inline-block;
		color: #125115;
		font-size: 1.3em;
		font-weight: bold;
		border-left: 10px solid #125115;
		margin-top: 13px;
		padding: 6px 0 6px 15px;
	}
	
	#post .post-main .boxTbWrap .tb {
		margin: 0 auto;
		border-collapse: collapse;
		margin-top: 40px;
	}
	
	#post .boxTbWrap .tb .bg--color00 {
		font-weight: bold;
		color: #fff;
		background: #125115;
	}
	
	#post .boxTbWrap .tb .type00 {
		width: 31%;
		padding: 12px 0 12px 15px;
		text-align: left;
		vertical-align: middle;
		border-right: 1px solid #fff;
		border-bottom: 1px solid #fff;
	}
	
	#post .boxTbWrap .tb .type01 {
		padding: 6px 0;
		text-align: center;
	}
	
	#post .boxTbWrap .tb:nth-child(2n){
		text-align: center;
		background: #e8efe9;
	}
	
/*
	#post .boxTbWrap .tb .bg--color01 {
		padding: 6px 0;
		text-align: center;
		background: #e8efe9;
	}
*/
	
		#post .boxFlexWrap {
		margin: 45px auto 65px auto;
		border: 2px solid #aa2939;
	}
	
	#post .boxFlexWrap dt {
		background: #aa2939;
		color: #fff;
		font-weight: bold;
		text-align: center;
		vertical-align: middle;
	}
	
	#post .boxFlexWrap dd {
		text-align: center;
	}
	
	#post .boxFlexWrap dd .mlspan {
		margin-left: 52px;
	}
	
	#post .boxFlexWrap dd {
		padding: 8px 0;
		vertical-align: middle;
	}
	
	
	@media screen and (max-width:899px) and (min-width: 768px) {
		
		#Header .header_flex h1 {
			max-width: 240px;
			margin: 0 auto;
		}
		
		#Eyecatch .bg_gaikan > img {
			  --mask:
				radial-gradient(63.11px at 50% calc(100% - 86.4px),#000 99%,#0000 101%) calc(50% - 64px) 0/128px 100%,
				radial-gradient(63.11px at 50% calc(100% + 54.4px),#0000 99%,#000 101%) 50% calc(100% - 32px)/128px 100% repeat-x;
			  -webkit-mask: var(--mask);
					  mask: var(--mask);
		}
		
		#Eyecatch .wrapper {
			width: 50%;
			margin: 0 auto;
			margin-top: 55px;
		}
		
		#Eyecatch .wrapper img {
			position: relative;
			display: block;
			width: 74%;
			margin: 0 auto;
		}
	
		#Eyecatch .wrapper .wrap .steam00 {
			position: absolute;
			width: 9%;
			top: 2.6vw;
			left: 27vw;
		}
		
		#Eyecatch .wrapper .wrap .steam01 {
			position: absolute;
			width: 9%;
			top: 11.5vw;
			left: 14vw;
		}
		
		#Eyecatch .wrapper .wrap .steam02 {
			position: absolute;
			width: 10.2%;
			top: 6.2vw;
			left: 28.6vw;
		}
		
		#Eyecatch .noren img {
			width: 77.4%;
			margin: 0 auto;
			margin-top: 35px;
		}
		
		#Eyecatch .noren p {
			display: inline-block;
			width: 78%;
			font-size: 1.313em;
			margin: 50px auto 65px auto;
			text-shadow: 0 0 6px rgb(203 203 203);
		}
		
		#Eyecatch .noren p span {
			display: inline-block;
			margin-top: .5em;
		}
		
		
		
		#Price .cloud00 {
			position: absolute;
			width: 228px;
			top: -73px;
			right: 0px;
		}
		
		#Introduction .notice_flex ul {
			width: 76%;
			text-align: left;
			background-color: #fff;
			padding: .8em .5em;
			border-bottom: 4px solid #c4313c;
			border-right: 4px solid #c4313c;
			margin: 0 auto;
			margin-top: 25px;
		}
	
		#Introduction .notice_flex ul li {
			width: 94%;
			margin: 0 auto;
			border-bottom: 2px dotted #c4313c;
			padding-bottom: .5em;
		}
		
		#Access .info {
			display: flex;
			flex-wrap: wrap;
			width: 630px; 
			text-align: left;
			font-weight: bold;
			font-size: 1.16em;
			color: #464646;
			margin: 30px auto 0 auto;
			justify-content: space-between;
		}
	
		#Access .info .c-info {
			width: 300px;
			margin: 10px 0;
		}

		#Access .info .car-inline {
			display: inline-block;
			vertical-align: middle;
			margin-right: 10px;
			padding-bottom: 1px;
		}

		#Access .info .person-inline {
			display: inline-block;
			vertical-align: middle;
			margin-left: 15px;
			margin-right: 20px;
			padding-bottom: 1px;
		}

		#Access .info .c-info .info-ml01 {
			margin-left: 37px;
		}

		#Access .info .c-info .info-ml02 {
			margin-left: 78px;
		}

		#Access .info .c-info .info-ml03 {
			margin-left: 68px;
		}

		#Access .info .c-info .info-ml04 {
			margin-left: 33px;
		}

		#Link .wrapper .link_flex {
			display: flex;
			width: 640px;
			justify-content: space-between;
			flex-wrap: wrap;
			margin: 0 auto;
		}

		#Link .wrapper .link_flex a {
			width: 280px;
			margin-top: 25px;
			transition: .5s;
			margin: 0 auto;
			margin-top: 15px;
		}

		#Link .wrapper .link_flex a:hover {
			opacity: .7;
		}
		
		#Link .wrapper .cloud00 {
			position: absolute;
			width: 280px;
			top: -96px;
			right: -0px;
		}
		
	}
	
}