@charset "utf-8";
/* CSS Document */
.sp2{
	display: none;
}

@media screen and (max-width: 500px){
	.sp2{
		display: block;
	}
}


/**================================================================================
header
================================================================================**/
header {
	display: flex;
	margin: 10px auto;
	padding: 0 20px;
	max-width: 980px;
	width: 100%;

	justify-content: space-between;
	align-items: center;
}
header dl {
	font-size: 14px;
}
header a {
	color: #d00f30;
	font-weight: bold;
	font-size: 1.1em;
}

@media screen and (max-width: 768px){
	header {
		display: block;
		margin: 10px auto 5px;
		padding: 0 5%;
	}
	header img{
		position: absolute;
		top: 5px;
		left: 5%;
		display: block;
		margin: 5px 0;
		width: 100px;
	}
	header dl{
		margin-left: auto;
		text-align: right;
		font-size: 12px;
	}
}

#hero{
	overflow: hidden;
	width: 100%;
}#hero img{
	margin-left: -10%;
	width: 120%;
}

.fix{
	position: fixed;
	right: 10px;
	bottom: 50px;
	z-index: 1000;
}
.fix img{
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	-ms-transform: scale(0.9);
	-o-transform: scale(0.9);
	transform: scale(0.9);
}
.fix:hover img{
	-webkit-transition: .3s;
	transition: .3s;
	-webkit-transform: scale(1.0);
	-moz-transform: scale(1.0);
	-ms-transform: scale(1.0);
	-o-transform: scale(1.0);
	transform: scale(1.0);
}


@media screen and (min-width: 1200px){
	#hero img{
		margin-left: 0;
		width: 100%;
	}
}

@media screen and (max-width: 768px){
	#hero img{
		max-width: 120%;
		height: auto;
	}
	.fix{
		right: 0;
		bottom: 120px;
		width: 90px;
	}
}

/**================================================================================
footer
================================================================================**/
footer {
	padding: 30px 20px;
	background: #76624e;
	color: #fff;
	font-size: 14px;
}
footer h2 {
	margin: 0 auto 20px;
	padding: 0 0 0 10px;
	max-width: 980px;
	border-left: 3px solid #d00f30;
	font-size: 17px;
	line-height: 1.0;
}
footer address {
	display: block;
	margin: 0 auto;
	max-width: 980px;
	line-height: 1.5;
}

@media screen and (max-width: 768px){
	footer{
		font-size: 12px;
	}
}

aside{
	display: block;
	margin: 50px auto;
	max-width: 785px;
	text-align: center;
}

aside img{
	width: 100%;
}
aside a{
	display: block;
	cursor: pointer;
}
aside a:hover{
	opacity: 0.8;
}

@media screen and (max-width: 768px){
	aside{
		margin: 20px auto;
		padding: 0 5%;
	}
}

/**================================================================================
見出し
================================================================================**/
.titA{
	margin: 10px auto;
	color: #76624e;
	text-align: center;
	font-size: 36px;
	font-family: 'Noto Serif JP', serif;
}
.titA small{
	display: block;
	margin: 5px auto;
	padding: 8px 0;
	border-top: 1px solid #76624e;
	font-size: 16px;
	font-family: 'Lucida Grande',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic","メイリオ",Meiryo, sans-serif;
}

.titA img{
	display: block;
	margin: 0 auto;
}

.titB{
	text-align: center;
}

.titC{
	margin: 10px auto;
	color: #76624e;
	text-align: center;
	font-size: 30px;
	font-family: 'Noto Serif JP', serif;
}

.titD{
	margin: 15px auto;
	color: #76624e;
	text-align: center;
	font-size: 18px;
	font-family: 'Noto Serif JP', serif;
}

@media screen and (max-width: 768px){
	.titA{
		padding: 0 5px;
		font-size: 24px;
	}
	.titA small{
		font-size: 14px;
	}
	.titA img{
		width: auto;
		height: 40px;
	}
	.titC{
		font-size: 22px;
	}
	.titD{
		margin: 10px auto;
		font-size: 16px;
	}
}

/**================================================================================
内容
================================================================================**/
/**-------------------------------------
01
-------------------------------------**/
#bed01{
}

#bed01 figure{
	margin: 30px auto;
	max-width: 980px;
	text-align: center;
}
#bed01 h3{
	color: #76624e;
	text-align: center;
	font-weight: bold;
	font-size: 30px;
}
#bed01 .richtext{
	margin: 20px auto;
	padding: 0 5%;
	max-width: 980px;
	text-align: center;
}


@media screen and (max-width: 768px){
	#bed01 h3{
		font-size: 22px;
	}
		#bed01 .richtext{
		text-align: left;
	}
}

/**-------------------------------------
02
-------------------------------------**/
#bed02{
	padding: 30px 0 50px;
	background: #ebe0d6;
}

#bed02 .titB{
	margin: 0 auto;
	max-width: 850px;
}
#bed02 dl{
	display: flex;
	margin: 0 auto;
	padding: 8px 0;
	max-width: 850px;
	border-bottom: 1px solid #76624e;
	color: #000;

	align-items: center;
}
#bed02 dt{
	margin: 0 20px 0 0;
	width: 85px;

	flex: none;
}
#bed02 dt img{
	display: block;
}
#bed02 dd{
	font-size: 20px;

	flex: 1;
}
#bed02 dd strong{
	display: block;
	color: #d00f30;
	font-size: 1.2em;
}
#bed02 dd small{
	font-size: 0.8em;
}
@media screen and (max-width: 768px){
	#bed02{
		padding: 15px 0 40px;
	}
	#bed02 .titB{
		margin: 0 5%;
	}
	#bed02 dl{
		display: block;
		padding: 8px 4%;
	}
	#bed02 dt{
		margin: 0;
		width: 100%;
	}
	#bed02 dt img{
		margin: 0 auto 10px;
		width: 60px;
		height: auto;
	}#bed02 dd{
		font-size: 14px;

		flex: 1;
	}#bed02 dd strong{
		font-size: 1.2em;
	}
}


/**-------------------------------------
03
-------------------------------------**/
#bed03{
	margin: 50px auto;
	max-width: 907px;
}

#bed03 figure{
	margin: 0 auto 50px;
}
#bed03 table{
	margin: 20px auto 60px;
	max-width: 900px;
	border-top:2px solid #813e00; 
	border-bottom:2px solid #813e00;
}
#bed03 table th,
#bed03 table td{
	padding: 20px;
	border-top:1px solid #813e00; 
	border-bottom:1px solid #813e00;
	text-align: left;
}
#bed03 table th{
	width: 20%;
	background: #ebe0d6;
	font-size: 18px;
}
#bed03 table p{
	padding-left: 1em;
	text-indent: -1em;
}
#bed03 table  p:before{
	display: inline-block;
	margin: 0 3px;
	width: 0.8em;
	height:0.8em;
	background: #303030;
	content: "";
}
#bed03 .map img{
	max-width: 100%;
}
#bed03 .map dl{
	display: flex;
	margin: 10px;
}
#bed03 .map dl dt{
	display: flex;
	width: 5em;

	justify-content: space-between;
}#bed03 .map dl dt:before{
	content: "【";
}#bed03 .map dl dt:after{
	content: "】";
}
#bed03 .map  p{
	padding-left: 1em;
	text-indent: -1em;
}
#bed03 .map  p:before{
	display: inline-block;
	margin: 0 3px;
	width: 0.8em;
	height:0.8em;
	background: #303030;
	content: "";
}
#bed03 .map a{
	display: inline-block;
	margin: 10px;
	color: #0099ff;
	text-decoration: underline;
	font-size: 20px;
}

@media screen and (max-width: 768px){
	#bed03{
		margin: 30px 5%;
	}
	#bed03 figure{
		margin: 0 auto 30px;
	}
	#bed03 table,
	#bed03 table tbody,
	#bed03 table tr,
	#bed03 table th,
	#bed03 table td{
		display: block;
		width: 100%;
		border: none;
	}
	#bed03 table th,
	#bed03 table td{
		padding: 8px;
		border-top:1px solid #813e00; 
		border-bottom:1px solid #813e00;
		font-size: 16px;
	}
	#bed03 table{
		border-top:1px solid #813e00; 
	}
	#bed03 .map dl{
	display: block;
	margin: 10px 0;
	font-size: 14px;
	}
	#bed03 .map  p{
		margin: 0 auto 5px;
	}
}

.pay{
	margin: 30px auto;
	max-width: 790px;
	border: 2px solid #dbdbdb;
	border-radius: 15px;
}
.pay h3{
	padding: 5px;
	border-radius: 10px 10px 0 0;
	background: #dbdbdb;
	text-align: center;
}
.pay ul{
	display: flex;
	padding: 30px 20px;

	justify-content: space-between;
}

@media screen and (max-width: 768px){
	.pay{
		margin: 20px 5%;
	}
	.pay h3{
		font-size: 15px;
	}
	.pay ul{
		padding: 10px;
	}
}

/**-------------------------------------
04
-------------------------------------**/
#bed04{
	margin: 80px auto;
}
#bed04 ul{
	margin: 30px auto;
}
#bed04 ul li{
	position: relative;
	padding: 80px 5%;
	min-height: 450px;
}
#bed04 .one{
	background: 
		url(../images/img01.png) no-repeat center right / auto 100% ,
		linear-gradient(to right, rgba(55,18,0,1) 0%,rgba(129,62,0,1) 100%);
}
#bed04 .two{
	background: 
		url(../images/img02.png) no-repeat center left / auto 100% ,
		linear-gradient(to right, rgba(239,230,171,1) 0%,rgba(170,144,74,1) 100%);
}
#bed04 .three{
	background: 
		url(../images/img03.png) no-repeat center right / auto 100% ,
		linear-gradient(to right, rgba(55,18,0,1) 0%,rgba(129,62,0,1) 100%);
}
#bed04 dl{
	margin: 0 auto;
	max-width: 980px;
	color: #efe6d0;
	text-shadow: 
		3px 3px 3px rgba(55,18,0,1),
		-3px -3px 3px rgba(55,18,0,1),
		3px -3px 3px rgba(55,18,0,1),
		-3px 3px 3px rgba(55,18,0,1);
	line-height: 1.5;
}

#bed04 dl dt{
	margin: 0 0 30px;
	width: 480px;
	font-size: 30px;
	font-family: 'Noto Serif JP', serif;
}
#bed04 dl dd{
	padding: 0 60px 0 0;
	width: 480px;
}
#bed04 .two dl{
	color: #581603;
	text-shadow: 
		3px 3px 3px rgba(170,144,74,1),
		-3px -3px 3px rgba(170,144,74,1),
		-3px 3px 3px rgba(170,144,74,1),
		3px -3px 3px rgba(170,144,74,1);
}
#bed04 .two dl dd,
#bed04 .two dl dt{
	margin-right: 0;
	margin-left: auto;
	padding: 0;
	width: 400px;
}

@media screen and (max-width: 768px){
	#bed04{
		margin: 40px auto;
	}
	#bed04 ul li{
		position: relative;
		padding: 60vw 5% 30px;
		min-height: 450px;
	}
	#bed04 dl dt,
	#bed04 dl dd,
	#bed04 .two dl dd,
	#bed04 .two dl dt{
	padding: 0;
	width: 100%;
	}
	#bed04 dl dt{
		font-size: 22px;
	}
	#bed04 .one{
	background: 
		url(../images/img01_sp.png) no-repeat top right / 100% auto ,
		linear-gradient(to top, rgba(55,18,0,1) 0%,rgba(129,62,0,1) 100%);
	}
	#bed04 .two{
		background: 
			url(../images/img02_sp.png) no-repeat top right / 100% auto ,
			linear-gradient(to bottom, rgba(239,230,171,1) 0%,rgba(170,144,74,1) 100%);
	}
	#bed04 .three{
		background: 
			url(../images/img03_sp.png) no-repeat top right / 100% auto ,
			linear-gradient(to top, rgba(55,18,0,1) 0%,rgba(129,62,0,1) 100%);
	}
}

/**-------------------------------------
05
-------------------------------------**/
#bed05 .box3C{
	max-width: 980px;
	font-size: 14px;
	line-height: 1.7;
}

@media screen and (max-width: 768px){
	#bed05 .box3C{
		padding: 0 5%;
	}
	#bed05 .box3C li{
		margin: 0 auto 30px;
	}
	#bed05 .box3C figure{
		margin: 0 auto;
		text-align: center;
	}
}

/**-------------------------------------
06
-------------------------------------**/
#bed06{
	margin: 80px auto;
}
#bed06 .maker{
	margin: 30px auto;
	max-width: 980px;
}
#bed06 .maker .logo{
	display: flex;
	font-size: 18px;
	font-family: 'Noto Serif JP', serif;

	align-items: center;
}
#bed06 .maker .logo figure{
	margin:  0 30px 0 0;

	flex: none;
}

#bed06 .maker h3{
	margin: 0 auto 10px;
	padding: 5px  0 0 15px;
	border-left: 5px solid #000;
	color: #595757;
	letter-spacing: -1px;
	font-weight: bold;
	font-size: 28px;
	line-height: 1.2;
}
#bed06 .maker li p{
	margin: 10px auto 15px;
	font-size: 17px;
}

#bed06 .maker li h4{
	display: flex;
	padding: 5px;
	border-bottom: 1px solid #595757;
	color: #595757;
	font-weight: bold;
	font-size: 25px;

	justify-content: space-between;
	align-items: center;
}
#bed06 .maker li h4 small{
	display: inline-block;
	font-weight: normal;
	font-size: 14px;
	line-height: 1.0;
}
#bed06 .maker li table{
	margin: 15px auto;
	width: 100%;
	color: #595757;
	font-size: 14px;
}
#bed06 .maker li table th,
#bed06 .maker li table td{
	padding: 3px 0;
	vertical-align: top;
	line-height: 1.5;
}

#bed06 .bg{
	padding: 1px 0;
	background: #e8e6db;
}

.mincho{
	font-family: 'Noto Serif JP', serif;
}

#bed06 .h-text-img figure{
	width: 630px;
}
#bed06 .h-text-img h4{
	margin: 0 auto 15px;
	font-size: 26px;
	line-height: 1.8;
}
#bed06 .h-text-img p{
	margin: 0 auto 10px;
	font-size: 14px;
}

@media screen and (max-width: 768px){
	#bed06{
		margin: 40px auto;
	}
	#bed06 .maker{
		margin: 30px 5%;
	}
	#bed06 .maker .logo{
		display: block;
		font-size: 15px;
	}
	#bed06 .maker .logo figure{
		margin:  0 auto 10px;
		text-align: center;
	}
	#bed06 .maker h3{
		font-size: 22px;
	}
	#bed06 .maker li p{
		margin: 10px auto 15px;
		font-size: 16px;
	}
	#bed06 .maker li h4{
		display: block;
		font-size:22px;
	}
	#bed06 .maker li h4 small{
		display: block;
		margin: 5px 0;
	}
	#bed06 .maker li figure img{
		max-width: auto;
		width: 100%;
	}
	#bed06 .maker li table,
	#bed06 .maker li table tbody,
	#bed06 .maker li table tr,
	#bed06 .maker li table th,
	#bed06 .maker li table td{
		display: block;
		width: 100%;
		font-size: 14px;
	}
	#bed06 .maker li table th{
		font-weight: bold;
	}
	#bed06 .bg{
		padding: 1px 0;
		background: #e8e6db;
	}
	#bed06 .h-text-img figure{
		max-width: 100%;
		width: 100%;
	}
	#bed06 .h-text-img h4{
		font-size: 22px;
	}
	#bed06 .h-text-img div img{
		display: block;
		margin: 0 auto 10px;
	}

}

/**================================================================================
フォーム
================================================================================**/
.pankuzu{
	margin: 5px auto;
	max-width: 980px;
	font-size: 14px;
}
.pankuzu a{
	color: #d00f30;
	text-decoration: underline;
}

@media screen and (max-width: 768px){
	.pankuzu{
		max-width: 90%;
		font-size: 12px;
	}
}

#formWrap{
	margin: 50px auto 100px;
	max-width: 980px;
}

#formWrap h3{
	margin: 0 auto 30px;
	padding: 10px;
	background: #76624e;
	color: #fff;
	text-align: center;
	font-size: 20px;
	font-family: 'Noto Serif JP', serif;
}

#formWrap p{
}
#formWrap p small{
	display: block;
	color: #76624e;
	line-height: 1.5;
}
#formWrap table{
	margin: 30px auto;
	width: 100%;
}

#formWrap table th,
#formWrap table td{
	padding: 20px;
	border-top: 1px solid #76624e;
	border-bottom: 1px solid #76624e;
}

#formWrap table tr{
	border-bottom: 1px solid #76624e;
}
#formWrap table th{
	position: relative;
	width: 20%;
	background:rgba(118, 98, 78,0.1);
	vertical-align: top;
	text-align: left;
}
#formWrap em{
	position: absolute;
	top: 20px;
	right: 20px;
	display: inline-block;
	padding: 2px 8px;
	border-radius: 3px;
	background:  #d00f30;
	color: #fff;
	vertical-align: middle;
	font-size: 12px;
}

.error_messe{
	color:  #d00f30;
}

.formflow{
	display: flex;
	margin: 30px auto;

	justify-content: center;
}
.formflow li{
	position: relative;
	padding: 20px 40px 20px 30px;
	border: 1px solid #fff;
	background: #be9159;
	color: #fff;
}
.formflow li:after{
	position: absolute;
	top: 50%;
	right: 0;
	display: block;
	width: 0;
	height: 0;
	border-width: 35px 0 35px 20px;
	border-style: solid;
	border-color: #fff transparent #fff transparent;
	content: "";
	transform: translateY(-50%);
}
.formflow li:last-child:after{
	display: none;
}
.formflow li.on{
	background: #76624e;
}
@media screen and (max-width: 768px){
	#formWrap{
		margin: 25px auto 80px;
		max-width: 100%;
	}
	#formWrap h3{
		font-size: 16px;
	}
	#formWrap p,
	#formWrap h4{
		margin-right: auto;
		margin-left: auto;
		width: 90%;
		text-align: left;
	}
	#formWrap table,
	#formWrap table tbody,
	#formWrap table tr,
	#formWrap table th,
	#formWrap table td{
		display: block;
		width: 100%;
		border: none;
		}
	.formflow{
	}
	.formflow li{
		display: flex;
		padding: 8px 10px 8px 8px;
		font-size: 12px;

		align-items: center;
	}
	.formflow li:after{
			border-width: 35px 0 35px 10px;
	}
}


/*  フォーム
------------------------*/
label, input[type='checkbox'] {
		cursor: pointer;
}
label{
	display: block;
	margin: 8px 0;
}
input,textarea{
		margin: 5px 0;
    padding:0.5em;
    font-size:16px;
}
.inquiry form{
    margin:0;
    width:100%;
}
.inquiry form p.agree{
    margin:20px 0 70px;
    padding:24px;
    background: #efefef;
    font-size:14px;
}
.inquiry form p.agree label{
    margin-top: 10px;
}

button,
input[type="submit"],
input[type="reset"]{
    padding: 0;
    outline: none;
    border: none;
    background: transparent;

    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

input.btnA{
	display: block;
	margin: 0 5px;
	padding: 15px 30px;
	min-width: 400px;
    border: solid 2px #fff;
	border-radius: 20px;
	background: linear-gradient(#c9444a 0%, #b50008 50%, #910018 55%, #910018 100%);
    box-shadow: 0 1px 2px #606060, 0 0 2px #FFF inset;
	color:#fff ;
	text-align: center;
    text-shadow: 3px 0 3px #910018, 0 3px 3px #910018, -3px 0 3px #910018, 0 -3px 3px #910018;
	text-shadow: -1px -1px 0 #371200;
	letter-spacing: 5px;
	font-size: 22px;
	font-family: 'Noto Serif JP', serif;
	cursor: pointer;
}
input.btnA:hover{
	box-shadow: 0 1px 1px #999;
	opacity: 0.9;
}

input.btnB,
.btnB{
	display: block;
	margin: 0 auto;
	padding: 15px 30px;
	width: 300px;
	border:1px solid #76624e;
	border-radius: 5px;
    background: #efefef;
	color: #76624e;
	text-align: center;
	cursor: pointer;
}


@media screen and (max-width: 768px){
	label, input[type='checkbox'] {
		width: auto;
	}	
	input,textarea{
    width: 100%;
	}
	input.btnA{
		margin: 5px auto;
		min-width: auto;
		max-width: 400px;
		width: 90%;
	}
	input.btnB,
	.btnB{
		margin: 5px auto;
		min-width: auto;
		max-width: 300px;
		width: 90%;
	}
}

.btnC {
	display: block;
	margin: 80px auto 40px;
	padding: 20px;
	width: 700px;
	border: none;
	border-right:4px solid  #ab6616;
	border-bottom: 5px solid  #ab6616;
	border-radius: 15px;
	background: linear-gradient(0deg, #ca8e1b 0%, #ab6616 49%, #ca8e1b 50%, #e4bd5c 100%);
	color: #fff;
	text-align: center;
	text-shadow: -1px -1px 0 #ab6616;
	font-size: 24px;
	font-family: 'Noto Serif JP', serif;
}
.btnC:after{
	display: inline-block;
	margin: 0 10px;
	padding: 5px;
	border-radius: 50%;
	background: #fff;
	box-shadow: -2px -2px 0 #ab6616;
	color: #ab6616;
	content: "click";
	vertical-align: middle;
	text-shadow: none;
	font-size: 12px;
}
.btnC:hover{
	border-top: 4px solid #ebe0d6;
	border-right:0px solid  #ab6616;
	border-bottom: 1px solid  #ab6616;
	-webkit-transition: .1s;
	transition: .1s;
}

.btnD{
	display: block;
	display: flex;
	margin-right: auto;
	margin-left: auto;
	padding: 15px;
	max-width: 400px;
	width: 90%;
	border: 3px double #ca8e1b;
	border-radius: 50px;
	background: linear-gradient(0deg, #ca8e1b 0%, #ab6616 49%, #ca8e1b 50%, #e4bd5c 100%);
	box-shadow: 2px 3px 4px  #ab6616;
	color: #fff;
	text-align: center;
	text-shadow: -1px -1px 0 #ab6616;
	font-weight: bold;
	font-size: 20px;

	justify-content: center;
	align-items: center;
}
.btnD:after{
	display: block;
	margin: 0 0 0 15px ;
	width: 10px;
	height: 10px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	box-shadow: 1px -1px 0 #ab6616;
	content: "";
	content: "";
	transform: rotate(45deg);
}
.btnD:hover{
	opacity: 0.8;
}

@media screen and (max-width: 768px){
	.btnC {
		margin: 30px auto 0;
		padding: 10px;
		width: 90%;
		font-size: 18px;
	}
	
	.btnD{
		font-size: 16px;
	}.btnD:after{
		margin: 0 5px;
	}
}


/**-------------------------------------
EVENT
-------------------------------------**/
#event{
	margin: 80px auto 0;
}
#event .event01{
	position: relative;
	padding: 50px 0 100px;
	background: url(../images/bed06.jpg) no-repeat center center / cover;
	text-align: center;
}#event .event01:before,
#event .event02:before{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(242, 238, 234,0.8);
	content: "";
	/*mix-blend-mode: multiply;*/
}
#event .event02{
	position: relative;
	padding: 50px 0 100px;
	background: url(../images/bed07.jpg) no-repeat center center / cover;
	text-align: center;
}
#event figure{
	position: relative;
	z-index: 50;
	margin: 0 auto;
	width: 350px;
	border: 10px solid rgba(55,18,0,0.8);
}

#event figure img{
	display: block;
	max-width: none;
	width: 100%;
}
#event .wrap{
	position: relative;
	margin-top: -80px;
	padding: 100px 30px 30px;
	background: rgba(55,18,0,0.8) url("https://www.transparenttextures.com/patterns/vichy.png");
	color: #fff;
	text-shadow: rgba(0,0,0,0.3) 5px 5px 2px;
}
#event .event01 .wrap{
	background: rgba(55,18,0,0.8) url("https://www.transparenttextures.com/patterns/vichy.png");
}
#event .event02 .wrap{
	background: rgba(55,18,0,0.8) url("https://www.transparenttextures.com/patterns/vichy.png");
}
#event strong{
	color:  #eac700;
	font-size: 1.3em;
}
#event strong.green{
	color: #5aa93d;
}

#event .name{
	text-align: center;
	font-weight: bold;
	font-size: 32px;
}
#event .tit{
	margin: 15px 15px;
	padding: 5px;
	border:5px solid #f06673;
	background: #e10010;
	box-shadow: 0 0 0 8px #e10010;
	color: #e10010;
	text-align: center;
	text-shadow: 
		#fff 2px 0px,  #fff -2px 0px,
    #fff 0px -2px, #fff 0px 2px,
    #fff 2px 2px , #fff -2px 2px,
    #fff 2px -2px, #fff -2px -2px,
    #fff 1px 2px,  #fff -1px 2px,
    #fff 1px -2px, #fff -1px -2px,
    #fff 2px 1px,  #fff -2px 1px,
    #fff 2px -1px, #fff -2px -1px;
	font-weight: 900;
	font-size: 50px;
	font-family: 'Noto Serif JP', serif;
}
#event .day{
	margin: 5px auto;
	text-align: center;
	font-weight: bold;
	font-size: 46px;
}
#event .day small{
	font-size: 0.5em;
}
#event .day .blue{
	color: #089ee7;
}
#event .day .red{
	color: #e10010;
}

#event .time{
	display: inline-block;
	padding: 5px 20px;
	border-radius: 50px;
	background: #fff;
	color: rgba(55,18,0,0.8);
	text-align: center;
	text-shadow: none;
	font-weight: bold;
	font-size: 20px;
}

#event .read{
	margin: 20px auto 0;
	color: #fff;
	text-align: center;
	font-weight: bold;
	font-size: 24px;
}

#event .other{
	position: relative;
	display: block;
	margin: 25px auto 0;
	padding: 15px;
	width: 60%;
	border-radius: 15px;
	background: #eac700;
	box-shadow: 0 2px 3px rgba(0,0,0,0.5);
	color: rgba(55,18,0,0.8);
	text-shadow: none;
	font-weight: bold;
	font-size: 22px;
	font-family: 'Noto Serif JP', serif;
}#event .other:before{
	position: absolute;
	top: -20px;
	left: 30%;
	width: 0;
	height: 0;
	border-width: 0 5px 20px 5px;
	border-style: solid;
	border-color: transparent transparent #eac700 transparent;
	content: "";
}
#event .other.green{
		background: #a2cf3c;
}#event .other.green:before{
		border-color: transparent transparent #a2cf3c transparent;
}
#event .headline,
.titz .headline{
	display: flex;
	margin: 0 auto 10px;
	color: #e10010;
	text-align: center;
	font-weight: bold;
	font-size: 42px;
	font-family: 'Noto Serif JP', serif;

	justify-content: center;
	align-items: center;
}
#event .headline:before,
#event .headline:after,
.titz .headline:before,
.titz .headline:after{
	margin: 0 10px;
	width: 50px;
	height: 0px;
	border-bottom: 3px double #e10010;
	content: "";
}
#event #bed02{
	position: relative;
	z-index: 20;
	text-align: left;
}

@media screen and (max-width: 768px){
	#event .event01,
	#event .event02{
		padding: 50px 0;
	}
	#event .wrap{
	padding: 100px 15px 20px;
	background: rgba(55,18,0,0.8) url("https://www.transparenttextures.com/patterns/vichy.png");
	}
	#event figure{
		max-width: 350px;
		width: 80%;
		border: 5px solid rgba(55,18,0,0.8);
	}
	#event .name{
		font-size: 20px;
	}
	#event .tit{
		font-size: 22px;
	}
	#event .day{
		font-size: 30px;
	}

	#event .time{
		display: block;
		padding: 5px;
		background: #fff;
		font-size: 16px;
		line-height: 1.5;
	}

	#event .read{
		font-size: 20px;
	}
	#event .other{
		width: 100%;
		font-size: 18px;
	}

	#event .headline{
		font-size: 22px;
	}
	#event #bed02{
		padding-bottom: 0;
	}
}