@charset "UTF-8";

/* --------------------------------------------
EVENT
--------------------------------------------- */
#event{
	background-color : #fff;
}
#event > picture{
	width : 100%;
}
#event > picture img{
	width : 100%;
	height : auto;
}
#event .head > div{
	display : flex;
	align-items : center;
	justify-content : space-between;
}
#event .title{
	font-weight : 700;
}
#event .head time{
	color : #8c8842;
}
#event #schedule{
	display : flex;
	align-items : flex-end;
	justify-content : center;
}
#event #schedule h3{
	display : flex;
	align-items : flex-end;
	font-weight : 700;
}
#event #schedule h3::before{
	display : block;
	width : 1em;
	height : 1em;
	margin-right : .25em;
	content : "";
	background : url( "../images/ui/icon/calendar.svg" ) 0 0 / contain no-repeat;
}
#event #schedule time:nth-of-type( 1 ){
	margin-left : 1em;
}
#event #schedule span{
	margin-left : .25em;
	margin-right : .25em;
}
#event #content{
	overflow : hidden;
}
#event #content h1 , #event #content h2 , #event #content h3 , #event #content h4 , #event #content h5 , #event #content h6{
	margin-bottom : 1em;
	font-weight : 700;
	line-height : 1.4;
}
#event #content p{
	overflow : hidden;
	line-height : 1.6;
}
#event #content a{
	-webkit-text-decoration : underline;
	text-decoration : underline;
}
#event #content ul li:not( .gallery-item )::before{
	flex-shrink : 0;
	width : 1em;
	text-align : center;
	content : "・";
}
#event #content ol li{
	counter-increment : ol;
}
#event #content ol li::before{
	flex-shrink : 0;
	width : 1em;
	content : counter( ol );
}
#event #content li{
	display : flex;
	line-height : 1.6;
}
#event #content ul , #event #content ol , #event #content .gallery , #event #content hr{
	margin-bottom : 1em;
}
#event #content .wp-caption{
	text-align : center;
}
#event #content .aligncenter{
	display : block;
	margin-left : auto;
	margin-right : auto;
	clear : both;
}
#event #content .size-full{
	width : 100%;
	height : auto;
}
#event #content em , #event #content strong{
	font-weight : 700;
}
#event #content ul li{
	list-style-type : disc;
}
#event #content .gallery ul{
	display : flex;
}
#event #content table th , #event #content table td{
	padding : .75em;
	line-height : 1.6;
	border-style : solid;
	border-width : 1px;
}
#event #content img.alignright{
	float : right;
	margin-left : 1em;
}
#event #content img.alignleft{
	float : left;
	margin-right : 1em;
}
#event #content img.aligncenter{
	display : block;
	margin-bottom : 1em;
}
#event #content img.float-left{
	float : left;
}
#event #content img.float-right{
	float : right;
}
@media screen and ( max-width : 768px ){
	#event #content img{
		width : auto;
		max-width : 100%;
	}
	#event #content .gallery{
		flex-wrap : wrap;
	}
}
#event #content{
	background-color : #fff;
}
#event .place-head{
	display : flex;
	align-items : center;
	justify-content : space-between;
}
#event .place h4{
	font-weight : 700;
}
#event .iframe-container{
	width : 100%;
}
@media screen and ( max-width : 768px ){
	#event .head{
		padding-top : calc( 36 * 100vw / 768 );
		padding-bottom : calc( 36 * 100vw / 768 );
		padding-left : calc( 24 * 100% / 768 );
		padding-right : calc( 24 * 100% / 768 );
	}
	#event .head > div{
		flex-direction : row-reverse;
		flex-wrap : wrap;
	}
	#event .label{
		margin-left : calc( -16 * 100% / 720 );
	}
	#event time{
		font-size : 2.4rem;
	}
	#event .title{
		width : 100%;
		margin-top : calc( 24 * 100vw / 768 );
		font-size : 3.6rem;
	}
	#event #schedule{
		margin-top : calc( 64 * 100vw / 768 );
	}
	#event #schedule h3{
		font-size : 2.8rem;
	}
	#event #schedule time , #event #schedule span{
		font-size : 2.4rem;
	}
	#event #content{
		padding-top : calc( 64 * 100vw / 768 );
		padding-bottom : calc( 48 * 100vw / 768 );
		padding-left : calc( 24 * 100% / 768 );
		padding-right : calc( 24 * 100% / 768 );
		font-size : 2.4rem;
		line-height : 1.6;
	}
	#event .place{
		padding-top : calc( 64 * 100vw / 768 );
		padding-bottom : calc( 64 * 100vw / 768 );
		padding-left : calc( 24 * 100% / 768 );
		padding-right : calc( 24 * 100% / 768 );
	}
	#event .place .iframe-container{
		height : calc( 320 * 100vw / 768 );
		margin-top : calc( 36 * 100vw / 768 );
	}
	#event .place-head{
		margin-top : calc( 48 * 100vw / 768 );
	}
	#event .place-head h4{
		font-size : 2.8rem;
	}
}
@media print , screen and ( min-width : 769px ){
	#event .head time{
		flex-shrink : 0;
		order : 3;
		font-size : 2rem;
	}
	#event .head .label{
		flex-shrink : 0;
		order : 1;
	}
	#event .head .title{
		flex-grow : 1;
		order : 2;
		font-size : 3rem;
		text-align : center;
	}
	#event #schedule h3{
		font-size : 2.4rem;
	}
	#event #schedule time , #event #schedule span{
		font-size : 1.8rem;
	}
	#event #content{
		display : inline-flex;
		flex-direction : column;
		font-size : 1.6rem;
		line-height : 1.6;
	}
	#event .place h4{
		font-size : 2.8rem;
	}
}
@media screen and ( min-width : 769px ) and ( max-width : 1279px ){
	#event{
		padding-top : calc( 52 * 100vw / 1280 );
		padding-bottom : calc( 48 * 100vw / 1280 );
		padding-left : calc( 28 * 100% / 900 );
		padding-right : calc( 28 * 100% / 900 );
	}
	#event > picture{
		margin-top : calc( 40 * 100vw / 1280 );
	}
	#event #schedule{
		margin-top : calc( 48 * 100vw / 1280 );
	}
	#event #content{
		padding-top : calc( 48 * 100vw / 1280 );
		padding-bottom : calc( 48 * 100vw / 1280 );
		padding-left : calc( 36 * 100% / 900 );
		padding-right : calc( 36 * 100% / 900 );
	}
	#event .place{
		margin-top : calc( 48 * 100vw / 1280 );
	}
	#event .place .place-head{
		margin-top : calc( 32 * 100vw / 1280 );
	}
	#event .place .iframe-container{
		height : calc( 480 * 100vw / 1280 );
		margin-top : calc( 36 * 100vw / 1280 );
	}
}
@media print , screen and ( min-width : 1280px ){
	#event{
		padding-top : 52px;
		padding-bottom : 48px;
		padding-left : 28px;
		padding-right : 28px;
	}
	#event > picture{
		margin-top : 40px;
	}
	#event #schedule{
		margin-top : 48px;
	}
	#event #content{
		padding-top : 48px;
		padding-bottom : 48px;
		padding-left : 36px;
		padding-right : 36px;
	}
	#event .place{
		margin-top : 48px;
	}
	#event .place .place-head{
		margin-top : 32px;
	}
	#event .place .iframe-container{
		height : 480px;
		margin-top : 36px;
	}
}
#event .goods > p{
	line-height : 1.6;
}
#event .goods picture img{
	width : 100%;
	height : auto;
}
#event .goods h4{
	font-weight : 700;
	line-height : 1.2;
}
#event .goods dl{
	display : flex;
	align-items : baseline;
}
#event .goods dd{
	margin-left : 1em;
}
#event .goods .box p , #event .goods .box dt , #event .goods .box dd{
	line-height : 1.6;
}
@media screen and ( max-width : 768px ){
	#event .goods{
		padding-bottom : calc( 48 * 100vw / 768 );
		margin-top : calc( 28 * 100vw / 768 );
	}
	#event .goods h3{
		padding-left : calc( 24 * 100% / 768 );
		padding-right : calc( 24 * 100% / 768 );
	}
	#event .goods > p{
		padding-left : calc( 24 * 100% / 768 );
		padding-right : calc( 24 * 100% / 768 );
		margin-top : calc( 24 * 100vw / 768 );
		font-size : 2.4rem;
	}
	#event .goods .box{
		margin-top : calc( 32 * 100vw / 768 );
	}
	#event .goods picture{
		width : 100%;
	}
	#event .goods .box > div{
		padding-left : calc( 24 * 100% / 768 );
		padding-right : calc( 24 * 100% / 768 );
	}
	#event .goods .box h4{
		margin-top : calc( 36 * 100vw / 768 );
		font-size : 2.8rem;
	}
	#event .goods .box p{
		margin-top : calc( 24 * 100vw / 768 );
		font-size : 2.4rem;
	}
	#event .goods .box dl{
		margin-top : calc( 24 * 100vw / 768 );
	}
	#event .goods .box dt , #event .goods .box dd{
		font-size : 2.4rem;
	}
}
@media print , screen and ( min-width : 769px ){
	#event .goods > p{
		font-size : 1.6rem;
	}
	#event .goods .box{
		display : flex;
		align-items : flex-start;
	}
	#event .goods .box > div{
		flex-grow : 1;
	}
	#event .goods .box h4{
		font-size : 2.4rem;
	}
	#event .goods .box p{
		font-size : 1.6rem;
	}
	#event .goods picture{
		flex-shrink : 0;
	}
	#event .goods .box dt , #event .goods .box dd{
		font-size : 1.6rem;
	}
}
@media screen and ( min-width : 769px ) and ( max-width : 1279px ){
	#event .goods{
		margin-top : calc( 36 * 100vw / 1280 );
	}
	#event .goods > p{
		margin-top : calc( 24 * 100vw / 1280 );
		font-size : 1.6rem;
	}
	#event .goods .box{
		margin-top : calc( 24 * 100vw / 1280 );
	}
	#event .goods .box picture{
		width : calc( 480 * 100% / 844 );
		margin-right : calc( 24 * 100% / 844 );
	}
	#event .goods .box p{
		margin-top : calc( 24 * 100vw / 1280 );
	}
	#event .goods .box dl{
		margin-top : calc( 24 * 100vw / 1280 );
	}
}
@media print , screen and ( min-width : 1280px ){
	#event .goods{
		margin-top : 36px;
	}
	#event .goods > p{
		margin-top : 24px;
	}
	#event .goods .box{
		margin-top : 24px;
	}
	#event .goods .box picture{
		width : 480px;
		margin-right : 24px;
	}
	#event .goods .box p{
		margin-top : 24px;
	}
	#event .goods .box dl{
		margin-top : 24px;
	}
}

/* --------------------------------------------
PARKING
--------------------------------------------- */
@media screen and ( max-width : 768px ){
	#parking , #parking02{
		padding-bottom : calc( 80 * 100vw / 768 );
		margin-top : calc( 80 * 100vw / 768 );
	}
	#parking .caption03 , #parking02 .caption03{
		padding-left : calc( 24 * 100% / 768 );
		padding-right : calc( 24 * 100% / 768 );
	}
}
@media screen and ( min-width : 769px ) and ( max-width : 1279px ){
	#parking , #parking02{
		padding-bottom : calc( 48 * 100vw / 1280 );
		margin-top : calc( 80 * 100vw / 1280 );
	}
	#parking .caption03 , #parking02 .caption03{
		padding-left : calc( 28 * 100vw / 1280 );
		padding-right : calc( 28 * 100vw / 1280 );
	}
}
@media print , screen and ( min-width : 1280px ){
	#parking , #parking02{
		padding-bottom : 48px;
		margin-top : 80px;
	}
	#parking .caption03 , #parking02 .caption03{
		padding-left : 28px;
		padding-right : 28px;
	}
}

/* --------------------------------------------
EX
--------------------------------------------- */
.ex strong{
	font-weight : 700;
}
@media screen and ( max-width : 768px ){
	.ex{
		padding-left : calc( 24 * 100% / 768 );
		padding-right : calc( 24 * 100% / 768 );
		margin-top : calc( 28 * 100vw / 768 );
		font-size : 2.4rem;
		line-height : 1.6;
	}
}
@media print , screen and ( min-width : 769px ){
	.ex p{
		font-size : 1.6rem;
		line-height : 1.6;
	}
}
@media screen and ( min-width : 769px ) and ( max-width : 1279px ){
	.ex{
		padding-left : calc( 16 * 100% / 900 );
		padding-right : calc( 16 * 100% / 900 );
		margin-top : calc( 48 * 100vw / 1280 );
	}
}
@media print , screen and ( min-width : 1280px ){
	.ex{
		padding-left : 16px;
		padding-right : 16px;
		margin-top : 48px;
	}
}

/* --------------------------------------------
STAFF
--------------------------------------------- */
#staff ul{
	display : flex;
	flex-wrap : wrap;
}
#staff li{
	text-align : center;
}
#staff picture{
	overflow : hidden;
}
#staff picture > img{
	width : 100%;
	height : 100%;
	object-fit : cover;
}
#staff picture{
	overflow : hidden;
	background-color : #fff;
	border : 1px solid var( --border );
	border-radius : 50%;
}
@media screen and ( max-width : 768px ){
	#staff{
		padding-bottom : calc( 80 * 100vw / 768 );
		margin-top : calc( 64 * 100vw / 768 );
	}
	#staff .caption03{
		padding-left : calc( 24 * 100% / 768 );
	}
	#staff ul{
		width : calc( 744 * 100% / 768 );
		margin-top : calc( 4 * 100vw / 768 );
	}
	#staff li{
		margin-top : calc( 24 * 100vw / 768 );
		margin-left : calc( 24 * 100vw / 744 );
	}
	#staff picture{
		width : calc( 120 * 100vw / 768 );
		height : calc( 120 * 100vw / 768 );
		margin-left : auto;
		margin-right : auto;
	}
	#staff h5{
		margin-top : calc( 20 * 100vw / 768 );
		font-size : 2.2rem;
	}
}
@media print , screen and ( min-width : 769px ){
	#staff h5{
		font-size : 1.8rem;
	}
}
@media screen and ( min-width : 769px ) and ( max-width : 1279px ){
	#staff{
		padding-bottom : calc( 48 * 100vw / 1280 );
		margin-top : calc( 80 * 100vw / 1280 );
	}
	#staff ul{
		margin-top : calc( 20 * 100vw / 1280 );
		margin-left : calc( -20 * 100vw / 1280 );
	}
	#staff li{
		margin-top : calc( 20 * 100vw / 1280 );
		margin-left : calc( 20 * 100vw / 1280 );
	}
	#staff picture{
		width : calc( 100 * 100vw / 1280 );
		height : calc( 100 * 100vw / 1280 );
		margin-left : auto;
		margin-right : auto;
	}
	#staff h5{
		margin-top : calc( 16 * 100vw / 1280 );
	}
}
@media print , screen and ( min-width : 1280px ){
	#staff{
		padding-bottom : 48px;
		margin-top : 80px;
	}
	#staff ul{
		margin-top : 20px;
		margin-left : -20px;
	}
	#staff li{
		margin-top : 20px;
		margin-left : 20px;
	}
	#staff picture{
		width : 100px;
		height : 100px;
		margin-left : auto;
		margin-right : auto;
	}
	#staff h5{
		margin-top : 16px;
	}
}

/* --------------------------------------------
JOIN
--------------------------------------------- */
#joins .head{
	display : flex;
	align-items : center;
}
#joins h5{
	font-weight : 700;
}
#joins h5::before{
	content : "【";
}
#joins h5::after{
	content : "】";
}
#joins .head p{
	display : flex;
	align-items : flex-end;
	margin-left : .5em;
}
#joins .head img{
	width : 1.2em;
	height : 1.2em;
	margin-left : .5em;
	margin-right : .5em;
}
#joins picture{
	overflow : hidden;
}
#joins picture > img{
	width : 100%;
	height : 100%;
	object-fit : cover;
}
#joins picture{
	overflow : hidden;
	background-color : #fff;
	border : 1px solid var( --border );
	border-radius : 50%;
}
#joins span{
	display : block;
	display : flex;
	align-items : flex-end;
	justify-content : center;
	min-height : 1.2em;
}
#joins span img{
	flex-shrink : 0;
	width : 1.2em;
	height : 1.2em;
	margin-left : -1em;
	margin-right : .1em;
}
#joins ul ul{
	display : flex;
	flex-wrap : wrap;
}
#joins ul ul + ul{
	margin-top : 0;
}
#joins ul ul a{
	display : block;
}
@media screen and ( max-width : 768px ){
	#joins{
		padding-bottom : calc( 80 * 100vw / 768 );
		margin-top : calc( 64 * 100vw / 768 );
	}
	#joins .list-join{
		margin-top : calc( 48 * 100vw / 768 );
	}
	#joins .list-join > li + li{
		margin-top : calc( 48 * 100vw / 1280 );
	}
	#joins h5{
		padding-left : calc( 24 * 100% / 768 );
		padding-right : calc( 24 * 100% / 768 );
		font-size : 2.4rem;
	}
	#joins .head p{
		font-size : 2.2rem;
	}
	#joins ul ul{
		width : calc( 744 * 100% / 768 );
		margin-top : calc( 12 * 100vw / 768 );
	}
	#joins ul ul > li{
		margin-top : calc( 24 * 100vw / 768 );
		margin-left : calc( 24 * 100vw / 744 );
		text-align : center;
	}
	#joins picture{
		width : calc( 120 * 100vw / 768 );
		height : calc( 120 * 100vw / 768 );
		margin-bottom : calc( 12 * 100vw / 768 );
		margin-left : auto;
		margin-right : auto;
	}
	#joins span{
		font-size : 2.2rem;
	}
}
@media print , screen and ( min-width : 769px ){
	#joins h5{
		font-size : 2rem;
	}
	#joins .head p{
		font-size : 1.6rem;
	}
	#joins span{
		font-size : 1.8rem;
	}
}
@media screen and ( min-width : 769px ) and ( max-width : 1279px ){
	#joins{
		padding-bottom : calc( 48 * 100vw / 1280 );
		margin-top : calc( 80 * 100vw / 1280 );
	}
	#joins .list-join{
		margin-top : calc( 56 * 100vw / 1280 );
	}
	#joins .list-join > li + li{
		margin-top : calc( 48 * 100vw / 1280 );
	}
	#joins ul ul{
		margin-top : calc( 20 * 100vw / 1280 );
		margin-left : calc( -20 * 100vw / 1280 );
	}
	#joins ul ul > li{
		margin-top : calc( 20 * 100vw / 1280 );
		margin-left : calc( 20 * 100vw / 1280 );
		text-align : center;
	}
	#joins picture{
		width : calc( 100 * 100vw / 1280 );
		height : calc( 100 * 100vw / 1280 );
		margin-bottom : calc( 12 * 100vw / 1280 );
		margin-left : auto;
		margin-right : auto;
	}
}
@media print , screen and ( min-width : 1280px ){
	#joins{
		padding-bottom : 48px;
		margin-top : 80px;
	}
	#joins .list-join{
		margin-top : 56px;
	}
	#joins .list-join > li + li{
		margin-top : 48px;
	}
	#joins ul ul{
		margin-top : 20px;
		margin-left : -20px;
	}
	#joins ul ul > li{
		margin-top : 20px;
		margin-left : 20px;
		text-align : center;
	}
	#joins picture{
		width : 100px;
		height : 100px;
		margin-bottom : 12px;
		margin-left : auto;
		margin-right : auto;
	}
}

/* --------------------------------------------
WEATHER
--------------------------------------------- */
#weather .place-head{
	display : flex;
	align-items : center;
	justify-content : space-between;
}
#weather .place h6{
	font-weight : 700;
}
#weather .iframe-container{
	width : 100%;
}
#weather #comment p{
	line-height : 1.6;
}
#weather #comment p + p{
	margin-top : 1em;
}
#weather #comment a{
	-webkit-text-decoration : underline;
	text-decoration : underline;
}
@media screen and ( max-width : 768px ){
	#weather{
		padding-top : calc( 64 * 100vw / 768 );
		padding-bottom : calc( 64 * 100vw / 768 );
	}
	#weather .place{
		padding-top : calc( 64 * 100vw / 768 );
		padding-bottom : calc( 64 * 100vw / 768 );
		padding-left : calc( 24 * 100% / 768 );
		padding-right : calc( 24 * 100% / 768 );
	}
	#weather .place-head{
		flex-wrap : wrap;
		padding-left : calc( 24 * 100% / 768 );
		padding-right : calc( 24 * 100% / 768 );
		margin-top : calc( 36 * 100vw / 768 );
	}
	#weather .place-head h5{
		margin-top : calc( 12 * 100vw / 768 );
		font-size : 2.8rem;
	}
	#weather .place-head a{
		margin-top : calc( 12 * 100vw / 768 );
		font-size : 2.2rem;
	}
	#weather > .iframe-container{
		width : calc( 720 * 100% / 768 );
		height : calc( 320 * 100vw / 768 );
		margin-top : calc( 36 * 100vw / 768 );
		margin-left : auto;
		margin-right : auto;
	}
	#weather #comment{
		padding-left : calc( 24 * 100% / 768 );
		padding-right : calc( 24 * 100% / 768 );
		margin-top : calc( 48 * 100vw / 768 );
	}
	#weather #comment p{
		font-size : 2.4rem;
	}
	#weather #parking02{
		padding-left : calc( 24 * 100% / 768 );
		padding-right : calc( 24 * 100% / 768 );
	}
	#weather .ex{
		padding-left : 0;
		padding-right : 0;
	}
}
@media print , screen and ( min-width : 769px ){
	#weather .place-head h5{
		font-size : 2.8rem;
	}
	#weather #comment p{
		font-size : 1.6rem;
	}
}
@media screen and ( min-width : 769px ) and ( max-width : 1279px ){
	#weather{
		margin-top : calc( 64 * 100vw / 1280 );
	}
	#weather .place-head{
		margin-top : calc( 32 * 100vw / 1280 );
	}
	#weather > .iframe-container{
		height : calc( 480 * 100vw / 1280 );
		margin-top : calc( 36 * 100vw / 1280 );
	}
	#weather #comment{
		margin-top : calc( 24 * 100vw / 1280 );
	}
	#weather #parking02{
		margin-top : calc( 48 * 100vw / 1280 );
	}
	#weather .list-parking{
		margin-top : calc( 36 * 100vw / 1280 );
	}
}
@media print , screen and ( min-width : 1280px ){
	#weather{
		padding-left : 28px;
		padding-right : 28px;
		margin-top : 64px;
	}
	#weather .place-head{
		margin-top : 32px;
	}
	#weather > .iframe-container{
		height : 480px;
		margin-top : 36px;
	}
	#weather #comment{
		margin-top : 24px;
	}
	#weather #parking02{
		margin-top : 48px;
	}
	#weather .list-parking{
		margin-top : 36px;
	}
}

/* --------------------------------------------
GOODS
--------------------------------------------- */
#goods{
	background-color : #fff;
}
#goods #content{
	overflow : hidden;
}
#goods #content h1 , #goods #content h2 , #goods #content h3 , #goods #content h4 , #goods #content h5 , #goods #content h6{
	margin-bottom : 1em;
	font-weight : 700;
	line-height : 1.4;
}
#goods #content p{
	overflow : hidden;
	line-height : 1.6;
}
#goods #content a{
	-webkit-text-decoration : underline;
	text-decoration : underline;
}
#goods #content ul li:not( .gallery-item )::before{
	flex-shrink : 0;
	width : 1em;
	text-align : center;
	content : "・";
}
#goods #content ol li{
	counter-increment : ol;
}
#goods #content ol li::before{
	flex-shrink : 0;
	width : 1em;
	content : counter( ol );
}
#goods #content li{
	display : flex;
	line-height : 1.6;
}
#goods #content ul , #goods #content ol , #goods #content .gallery , #goods #content hr{
	margin-bottom : 1em;
}
#goods #content .wp-caption{
	text-align : center;
}
#goods #content .aligncenter{
	display : block;
	margin-left : auto;
	margin-right : auto;
	clear : both;
}
#goods #content .size-full{
	width : 100%;
	height : auto;
}
#goods #content em , #goods #content strong{
	font-weight : 700;
}
#goods #content ul li{
	list-style-type : disc;
}
#goods #content .gallery ul{
	display : flex;
}
#goods #content table th , #goods #content table td{
	padding : .75em;
	line-height : 1.6;
	border-style : solid;
	border-width : 1px;
}
#goods #content img.alignright{
	float : right;
	margin-left : 1em;
}
#goods #content img.alignleft{
	float : left;
	margin-right : 1em;
}
#goods #content img.aligncenter{
	display : block;
	margin-bottom : 1em;
}
#goods #content img.float-left{
	float : left;
}
#goods #content img.float-right{
	float : right;
}
@media screen and ( max-width : 768px ){
	#goods #content img{
		width : auto;
		max-width : 100%;
	}
	#goods #content .gallery{
		flex-wrap : wrap;
	}
}
#goods #content{
	background-color : #fff;
}
@media screen and ( max-width : 768px ){
	#goods{
		padding-top : calc( 36 * 100vw / 768 );
		padding-bottom : calc( 36 * 100vw / 768 );
	}
	#goods .wrap{
		padding-left : 0;
		padding-right : 0;
	}
}
@media screen and ( min-width : 769px ) and ( max-width : 1279px ){
	#goods{
		padding-top : calc( 52 * 100vw / 1280 );
		padding-bottom : calc( 48 * 100vw / 1280 );
	}
}
@media print , screen and ( min-width : 1280px ){
	#goods{
		padding-top : 52px;
		padding-bottom : 48px;
	}
}
@media screen and ( max-width : 768px ){
	#goods .luckiest{
		padding-left : calc( 24 * 100% / 768 );
		padding-right : calc( 24 * 100% / 768 );
		font-size : 6.4rem;
	}
}
@media print , screen and ( min-width : 769px ){
	#goods .luckiest{
		font-size : 6.4rem;
	}
}
#goods .photos #slider .slide-arrow{
	position : absolute;
	z-index : 5;
	cursor : pointer;
}
#goods .photos #slider{
	display : flex;
	flex-direction : row-reverse;
	justify-content : space-between;
}
#goods .photos .slick-list{
	flex-shrink : 0;
}
#goods .photos .slick-list picture{
	overflow : hidden;
}
#goods .photos .slick-list picture > img{
	width : 100%;
	height : 100%;
	object-fit : cover;
}
#goods .photos .slick-list picture{
	width : 100%;
}
#goods .photos .slick-dots{
	display : flex;
	flex-wrap : wrap;
}
#goods .photos .slick-dots li{
	overflow : hidden;
}
#goods .photos .slick-dots li > img{
	width : 100%;
	height : 100%;
	object-fit : cover;
}
#goods .photos .slick-dots li{
	border-style : solid;
}
#goods .photos .slick-dots li.slick-active{
	border-color : #d6562f;
}
#goods .photos .slick-dots li:not( .slick-active ){
	border-color : var( --border );
}
@media screen and ( max-width : 768px ){
	#goods .photos #slider{
		margin-top : calc( 32 * 100vw / 768 );
	}
	#goods .photos .slide-arrow{
		top : calc( 256 * 100vw / 768 );
		display : none;
		height : calc( 48 * 100vw / 768 );
	}
	#goods .photos .prev-arrow{
		left : calc( 144 * 100vw / 768 );
	}
	#goods .photos .next-arrow{
		right : calc( 24 * 100vw / 768 );
	}
	#goods .photos .slick-list{
		width : calc( 648 * 100% / 768 );
	}
	#goods .photos .slick-list picture{
		height : calc( 560 * 100vw / 768 );
	}
	#goods .photos .slick-dots{
		flex-direction : column;
		width : calc( 100 * 100% / 768 );
		margin-left : calc( 10 * 100% / 768 );
	}
	#goods .photos .slick-dots li{
		width : calc( 100 * 100vw / 768 );
		height : calc( 100 * 100vw / 768 );
		border-width : calc( 3 * 100vw / 768 );
	}
	#goods .photos .slick-dots li + li{
		margin-top : calc( 12 * 100vw / 768 );
	}
}
@media screen and ( min-width : 769px ) and ( max-width : 1279px ){
	#goods .photos #slider{
		margin-top : calc( 32 * 100vw / 1280 );
	}
	#goods .photos .slide-arrow{
		top : calc( 256 * 100vw / 1280 );
		height : calc( 48 * 100vw / 1280 );
	}
	#goods .photos .prev-arrow{
		left : calc( 332 * 100vw / 1280 );
	}
	#goods .photos .next-arrow{
		right : calc( -48 * 100vw / 1280 );
	}
	#goods .photos .slick-list{
		width : calc( 860 * 100% / 1240 );
	}
	#goods .photos .slick-list picture{
		height : calc( 560 * 100vw / 1280 );
	}
	#goods .photos .slick-dots{
		width : calc( 340 * 100% / 1240 );
	}
	#goods .photos .slick-dots li{
		width : calc( 100 * 100vw / 1280 );
		height : calc( 100 * 100vw / 1280 );
		border-width : calc( 3 * 100vw / 1280 );
	}
	#goods .photos .slick-dots li:not( :nth-child( 3n+1 ) ){
		margin-left : calc( 12 * 100vw / 1280 );
	}
	#goods .photos .slick-dots li:nth-child( n+4 ){
		margin-top : calc( 12 * 100vw / 1280 );
	}
}
@media print , screen and ( min-width : 1280px ){
	#goods .photos #slider{
		margin-top : 32px;
	}
	#goods .photos .slide-arrow{
		top : 256px;
		height : 48px;
	}
	#goods .photos .prev-arrow{
		left : 332px;
	}
	#goods .photos .next-arrow{
		right : -48px;
	}
	#goods .photos .slick-list{
		width : 860px;
	}
	#goods .photos .slick-list picture{
		height : 560px;
	}
	#goods .photos .slick-dots{
		width : 340px;
	}
	#goods .photos .slick-dots li{
		width : 100px;
		height : 100px;
		border-width : 3px;
	}
	#goods .photos .slick-dots li:not( :nth-child( 3n+1 ) ){
		margin-left : 12px;
	}
	#goods .photos .slick-dots li:nth-child( n+4 ){
		margin-top : 12px;
	}
}
#goods .description h4{
	text-align : right;
}
#goods .description picture{
	overflow : hidden;
}
#goods .description picture > img{
	width : 100%;
	height : 100%;
	object-fit : cover;
}
#goods .description .data{
	flex-shrink : 0;
}
#goods .description .head{
	display : flex;
	flex-wrap : wrap;
	justify-content : space-between;
}
#goods .description .title{
	width : 100%;
	font-weight : 700;
}
#goods .description .head time{
	color : #8c8842;
}
#goods .description picture{
	flex-shrink : 0;
	border : 1px solid var( --border );
}
#goods .description dl{
	display : flex;
	align-items : baseline;
	justify-content : flex-end;
}
#goods .description dl span{
	margin-right : .1em;
}
#goods .description .data > p{
	line-height : 1.6;
	text-align : right;
}
@media screen and ( max-width : 768px ){
	#goods .description{
		margin-top : calc( 64 * 100vw / 768 );
	}
	#goods .description .box{
		margin-top : calc( 32 * 100vw / 768 );
	}
	#goods .description picture{
		display : none;
	}
	#goods .description picture img{
		width : 100%;
		height : auto;
	}
	#goods .description .data{
		position : relative;
		padding-left : calc( 24 * 100% / 768 );
		padding-right : calc( 24 * 100% / 768 );
		background-color : rgb( 255 255 255 / .95 );
	}
	#goods .description .head{
		align-items : center;
	}
	#goods .description .head time{
		font-size : 2.4rem;
	}
	#goods .description .title{
		margin-top : calc( 28 * 100vw / 768 );
		font-size : 3.6rem;
	}
	#goods .description dl{
		margin-top : calc( 28 * 100vw / 768 );
	}
	#goods .description dt{
		font-size : 2.4rem;
	}
	#goods .description dd{
		margin-left : calc( 24 * 100vw / 768 );
		font-size : 2.4rem;
	}
	#goods .description dd span{
		padding-left : 0;
		padding-right : 0;
		font-size : 5.6rem;
	}
	#goods .description .data > p{
		margin-top : calc( 8 * 100vw / 768 );
		font-size : 2.4rem;
	}
	#goods .description #content{
		padding-top : calc( 32 * 100vw / 768 );
		padding-bottom : calc( 32 * 100vw / 768 );
		font-size : 2.4rem;
		line-height : 1.6;
	}
}
@media print , screen and ( min-width : 769px ){
	#goods .description .box{
		display : flex;
		justify-content : space-between;
	}
	#goods .description .head time{
		font-size : 2rem;
	}
	#goods .description .title{
		font-size : 3rem;
	}
	#goods .description dt{
		font-size : 1.6rem;
	}
	#goods .description dd{
		font-size : 2rem;
	}
	#goods .description dd span{
		font-size : 4rem;
	}
	#goods .description .data > p{
		font-size : 1.6rem;
	}
	#goods .description #content{
		font-size : 1.8rem;
		line-height : 1.6;
	}
}
@media screen and ( min-width : 769px ) and ( max-width : 1279px ){
	#goods .description{
		margin-top : calc( 64 * 100vw / 1280 );
	}
	#goods .description .box{
		margin-top : calc( 32 * 100vw / 1280 );
	}
	#goods .description picture{
		width : calc( 560 * 100% / 1240 );
		height : calc( 480 * 100vw / 1280 );
	}
	#goods .description .data{
		width : calc( 640 * 100% / 1240 );
		margin-left : calc( 40 * 100vw / 1280 );
	}
	#goods .description .title{
		margin-top : calc( 20 * 100vw / 1280 );
	}
	#goods .description dl{
		margin-top : calc( 20 * 100vw / 1280 );
	}
	#goods .description dd{
		margin-left : calc( 24 * 100vw / 1280 );
	}
	#goods .description .data > p{
		margin-top : calc( 4 * 100vw / 1280 );
	}
	#goods .description #content{
		padding-top : calc( 48 * 100vw / 1280 );
		padding-bottom : calc( 48 * 100vw / 1280 );
		padding-left : calc( 12 * 100vw / 1280 );
		padding-right : calc( 12 * 100vw / 1280 );
	}
}
@media print , screen and ( min-width : 1280px ){
	#goods .description{
		margin-top : 64px;
	}
	#goods .description .box{
		margin-top : 32px;
	}
	#goods .description picture{
		width : 560px;
		height : 480px;
	}
	#goods .description .data{
		width : 640px;
		margin-left : 40px;
	}
	#goods .description .title{
		margin-top : 20px;
	}
	#goods .description dl{
		margin-top : 20px;
	}
	#goods .description dd{
		margin-left : 24px;
	}
	#goods .description .data > p{
		margin-top : 4px;
	}
	#goods .description #content{
		padding-top : 48px;
		padding-bottom : 48px;
		padding-left : 12px;
		padding-right : 12px;
	}
}
#goods .variation{
	position : relative;
	width : 100%;
	overflow : hidden;
}
#goods .variation h4{
	text-align : center;
}
#goods .variation h5{
	font-weight : 500;
	text-align : center;
}
#goods .variation picture{
	width : 100%;
}
#goods .variation picture img{
	width : 100%;
	height : auto;
}
#goods .variation #slider02 .slide-arrow{
	position : absolute;
	z-index : 5;
	cursor : pointer;
}
@media screen and ( max-width : 768px ){
	#goods .variation{
		margin-top : calc( 48 * 100vw / 768 );
	}
	#goods .variation #slider02{
		margin-top : calc( 48 * 100vw / 768 );
	}
	#goods .variation div.slick-slide{
		margin-left : calc( 12 * 100vw / 768 );
		margin-right : calc( 12 * 100vw / 768 );
	}
	#goods .variation div.slick-slide > div{
		width : calc( 240 * 100vw / 768 );
	}
	#goods .variation h5{
		margin-top : calc( 20 * 100vw / 768 );
		font-size : 2.4rem;
	}
	#goods .variation .slide-arrow{
		top : 40%;
		height : calc( 48 * 100vw / 768 );
	}
	#goods .variation .prev-arrow{
		left : calc( 24 * 100vw / 768 );
	}
	#goods .variation .next-arrow{
		right : calc( 24 * 100vw / 768 );
	}
}
@media print , screen and ( min-width : 769px ){
	#goods .variation h5{
		font-size : 1.6rem;
	}
}
@media screen and ( min-width : 769px ) and ( max-width : 1279px ){
	#goods .variation{
		margin-top : calc( 48 * 100vw / 1280 );
	}
	#goods .variation #slider02{
		margin-top : calc( 48 * 100vw / 1280 );
	}
	#goods .variation div.slick-slide{
		margin-left : calc( 24 * 100vw / 1280 );
		margin-right : calc( 24 * 100vw / 1280 );
	}
	#goods .variation div.slick-slide > div{
		width : calc( 240 * 100vw / 1280 );
	}
	#goods .variation h5{
		margin-top : calc( 20 * 100vw / 1280 );
	}
	#goods .variation .slide-arrow{
		top : 40%;
		height : calc( 48 * 100vw / 1280 );
	}
	#goods .variation .prev-arrow{
		left : calc( 24 * 100vw / 1280 );
	}
	#goods .variation .next-arrow{
		right : calc( 24 * 100vw / 1280 );
	}
}
@media print , screen and ( min-width : 1280px ){
	#goods .variation{
		margin-top : 48px;
	}
	#goods .variation #slider02{
		margin-top : 48px;
	}
	#goods .variation div.slick-slide{
		margin-left : 24px;
		margin-right : 24px;
	}
	#goods .variation div.slick-slide > div{
		width : 240px;
	}
	#goods .variation h5{
		margin-top : 20px;
	}
	#goods .variation .slide-arrow{
		top : 40%;
		height : 48px;
	}
	#goods .variation .prev-arrow{
		left : 24px;
	}
	#goods .variation .next-arrow{
		right : 24px;
	}
}

/* --------------------------------------------
SPONSOREDS
--------------------------------------------- */
#sponsoreds .caption03{
	display : flex;
	align-items : flex-end;
}
#sponsoreds .caption03::before{
	display : block;
	flex-shrink : 0;
	width : 1.4em;
	height : 1.4em;
	margin-right : .25em;
	content : "";
	background : url( "../images/ui/icon/birthday.svg" ) 0 0 / contain no-repeat;
}
#sponsoreds .fos span{
	margin-left : .125em;
	margin-right : .125em;
	font-weight : 500;
}
#sponsoreds ul{
	background-color : #fff;
	outline-style : solid;
	outline-color : #fff;
}
#sponsoreds li{
	border-color : transparent;
	border-style : solid;
}
#sponsoreds li a{
	display : block;
}
#sponsoreds picture{
	overflow : hidden;
}
#sponsoreds picture > img{
	width : 100%;
	height : 100%;
	object-fit : cover;
}
#sponsoreds picture{
	flex-shrink : 0;
	width : 100%;
}
#sponsoreds h4{
	display : flex;
	align-items : center;
	line-height : 1.2;
}
#sponsoreds h4 span{
	flex-shrink : 0;
	overflow : hidden;
}
#sponsoreds h4 span > img{
	width : 100%;
	height : 100%;
	object-fit : cover;
}
#sponsoreds h4 span{
	border : 1px solid var( --border );
	border-radius : 50%;
}
#sponsoreds h5{
	line-height : 1.2;
}
#sponsoreds .eos{
	text-align : right;
}
@media screen and ( max-width : 768px ){
	#sponsoreds{
		padding-top : calc( 64 * 100vw / 768 );
	}
	#sponsoreds .caption03{
		padding-left : calc( 24 * 100% / 768 );
		padding-right : calc( 24 * 100% / 768 );
	}
	#sponsoreds .fos{
		padding-left : calc( 24 * 100% / 768 );
		padding-right : calc( 24 * 100% / 768 );
		margin-top : calc( 36 * 100vw / 768 );
		font-size : 2.4rem;
	}
	#sponsoreds ul{
		display : flex;
		flex-wrap : wrap;
		justify-content : space-between;
		padding-left : calc( 24 * 100% / 768 );
		padding-right : calc( 24 * 100% / 768 );
		margin-top : calc( 36 * 100vw / 768 );
		background-color : transparent;
		outline : none;
		box-shadow : none;
	}
	#sponsoreds li{
		width : calc( 348 * 100% / 720 );
		background-color : #fff;
		box-shadow : 0 2px 2px 0 rgb( 0 0 0 / .14 ) , 0 3px 1px -2px rgb( 0 0 0 / .12 ) , 0 1px 5px 0 rgb( 0 0 0 / .2 );
	}
	#sponsoreds li:nth-child( n+3 ){
		margin-top : calc( 24 * 100vw / 768 );
	}
	#sponsoreds li a{
		display : block;
		width : 100%;
		padding-bottom : calc( 12 * 100vw / 768 );
	}
	#sponsoreds picture{
		width : 100%;
		height : calc( 348 * 100vw / 768 );
	}
	#sponsoreds .box{
		display : flex;
		flex-direction : column;
		flex-direction : column-reverse;
		flex-grow : 1;
		height : 100%;
		padding-top : calc( 24 * 100vw / 768 );
		padding-left : calc( 24 * 100% / 720 );
		padding-left : calc( 12 * 100% / 348 );
		padding-right : calc( 24 * 100% / 720 );
		padding-right : calc( 12 * 100% / 348 );
	}
	#sponsoreds h4{
		justify-content : flex-end;
		width : 100%;
		margin-top : calc( 8 * 100vw / 768 );
		font-size : 2.4rem;
	}
	#sponsoreds h4 span{
		width : 1.6em;
		height : 1.6em;
		margin-right : .25em;
	}
	#sponsoreds h5{
		display : flex;
		align-items : center;
		justify-content : center;
		min-height : calc( 68 * 100vw / 768 );
		font-size : 2.8rem;
		font-weight : 500;
		font-weight : 700;
		line-height : 1.2;
	}
	#sponsoreds .eos{
		padding-left : calc( 28 * 100% / 768 );
		padding-right : calc( 28 * 100% / 768 );
		margin-top : calc( 56 * 100vw / 768 );
		font-size : 2.4rem;
	}
}
@media print , screen and ( min-width : 769px ){
	#sponsoreds .fos{
		font-size : 1.6rem;
	}
	#sponsoreds .fos span{
		font-size : 1.8rem;
	}
	#sponsoreds ul{
		display : flex;
		flex-wrap : wrap;
	}
	#sponsoreds li a{
		position : relative;
		display : block;
		overflow : hidden;
	}
	#sponsoreds li a:hover .box{
		transform : scale( 1 );
	}
	#sponsoreds .box{
		position : absolute;
		top : 0;
		left : 0;
		z-index : 1;
		display : flex;
		flex-direction : column;
		justify-content : center;
		width : 100%;
		height : 100%;
		overflow : hidden;
		color : #fff;
		pointer-events : none;
		background : rgb( 0 0 0 / .4 );
		transition : transform .3s ease-in;
		transform : scale( 0 );
		transform-origin : center;
		will-change : max-height;
	}
	#sponsoreds h4{
		font-size : 1.8rem;
	}
	#sponsoreds h5{
		display : flex;
		justify-content : center;
		font-size : 1.8rem;
	}
	#sponsoreds .eos{
		font-size : 1.6rem;
	}
}
@media screen and ( min-width : 769px ) and ( max-width : 1279px ){
	#sponsoreds{
		padding-top : calc( 64 * 100vw / 1280 );
	}
	#sponsoreds .caption03{
		padding-left : calc( 28 * 100% / 900 );
		padding-right : calc( 28 * 100% / 900 );
	}
	#sponsoreds .fos{
		padding-left : calc( 28 * 100% / 900 );
		padding-right : calc( 28 * 100% / 900 );
		margin-top : calc( 24 * 100vw / 1280 );
	}
	#sponsoreds ul{
		margin-top : calc( 32 * 100vw / 1280 );
		outline-width : calc( 2 * 100vw / 1280 );
	}
	#sponsoreds li{
		width : calc( 180 * 100% / 900 );
		border-width : calc( 2 * 100vw / 1280 );
	}
	#sponsoreds picture{
		height : calc( 176 * 100vw / 1280 );
	}
	#sponsoreds .box{
		padding-left : calc( 8 * 100% / 150 );
		padding-right : calc( 8 * 100% / 150 );
	}
	#sponsoreds h4{
		padding-top : calc( 4 * 100vw / 1280 );
		padding-bottom : calc( 4 * 100vw / 1280 );
	}
	#sponsoreds h4 span{
		width : calc( 48 * 100% / 134 );
		height : calc( 48 * 100vw / 1280 );
		margin-right : calc( 8 * 100% / 134 );
	}
	#sponsoreds h5{
		padding-top : calc( 4 * 100vw / 1280 );
		padding-bottom : calc( 4 * 100vw / 1280 );
	}
	#sponsoreds .eos{
		padding-left : calc( 28 * 100% / 900 );
		padding-right : calc( 28 * 100% / 900 );
		margin-top : calc( 32 * 100vw / 1280 );
	}
}
@media print , screen and ( min-width : 1280px ){
	#sponsoreds{
		padding-top : 64px;
	}
	#sponsoreds .caption03{
		padding-left : 28px;
		padding-right : 28px;
	}
	#sponsoreds .fos{
		padding-left : 28px;
		padding-right : 28px;
		margin-top : 24px;
	}
	#sponsoreds ul{
		margin-top : 32px;
		outline-width : 2px;
	}
	#sponsoreds li{
		width : 180px;
		border-width : 2px;
	}
	#sponsoreds picture{
		height : 176px;
	}
	#sponsoreds .box{
		padding-left : 8px;
		padding-right : 8px;
	}
	#sponsoreds h4{
		padding-top : 4px;
		padding-bottom : 4px;
	}
	#sponsoreds h4 span{
		width : 48px;
		height : 48px;
		margin-right : 8px;
	}
	#sponsoreds h5{
		padding-top : 4px;
		padding-bottom : 4px;
	}
	#sponsoreds .eos{
		padding-left : 28px;
		padding-right : 28px;
		margin-top : 32px;
	}
}

/* --------------------------------------------
ORDER
--------------------------------------------- */
#order .luckiest{
	text-align : center;
}
@media screen and ( max-width : 768px ){
	#order .luckiest{
		font-size : 6.4rem;
	}
}
@media print , screen and ( min-width : 769px ){
	#order .luckiest{
		font-size : 6.4rem;
	}
}
@media screen and ( max-width : 768px ){
	#order .nologin{
		margin-top : calc( 72 * 100vw / 768 );
		font-size : 2.4rem;
	}
}
@media print , screen and ( min-width : 769px ){
	#order .nologin{
		font-size : 1.6rem;
	}
}
@media screen and ( min-width : 769px ) and ( max-width : 1279px ){
	#order .nologin{
		margin-top : calc( 64 * 100vw / 1280 );
	}
}
@media print , screen and ( min-width : 1280px ){
	#order .nologin{
		margin-top : 64px;
	}
}
@media screen and ( max-width : 768px ){
	#order .wrap{
		padding-top : calc( 48 * 100vw / 768 );
		padding-bottom : calc( 48 * 100vw / 768 );
	}
	#order .layout-form{
		margin-top : calc( -32 * 100vw / 768 );
	}
}
@media screen and ( min-width : 769px ) and ( max-width : 1279px ){
	#order .wrap{
		padding-top : calc( 48 * 100vw / 1280 );
		padding-bottom : calc( 48 * 100vw / 1280 );
	}
	#order .layout-form{
		width : calc( 800 * 100vw / 1280 );
		padding-top : calc( 72 * 100vw / 1280 );
		padding-bottom : calc( 80 * 100vw / 1280 );
		margin-top : calc( -32 * 100vw / 1280 );
		margin-left : auto;
		margin-right : auto;
	}
	#order dl > div + div{
		margin-top : calc( 24 * 100vw / 1280 );
	}
	#order .btn-submit{
		width : calc( 260 * 100vw / 1280 );
	}
}
@media print , screen and ( min-width : 1280px ){
	#order .wrap{
		padding-top : 48px;
		padding-bottom : 48px;
	}
	#order .layout-form{
		width : 800px;
		padding-top : 72px;
		padding-bottom : 80px;
		margin-top : -32px;
		margin-left : auto;
		margin-right : auto;
	}
	#order dl > div + div{
		margin-top : 24px;
	}
	#order .btn-submit{
		width : 260px;
	}
}
#order .mw_wp_form_input .btn-back{
	display : none;
}
#order .mw_wp_form_confirm label.required::after{
	content : none;
}
#order .mw_wp_form_confirm dd{
	border-bottom-color : var( --border );
	border-bottom-style : solid;
}
@media screen and ( max-width : 768px ){
	#order .mw_wp_form_confirm dt{
		margin-bottom : calc( 32 * 100vw / 768 );
	}
	#order .mw_wp_form_confirm dd{
		padding-bottom : calc( 20 * 100vw / 768 );
		border-bottom-width : calc( 2 * 100vw / 768 );
	}
}
@media print , screen and ( min-width : 769px ){
	#order .mw_wp_form_confirm dd{
		padding-left : 1em;
		border-bottom-width : 1px;
	}
}
@media screen and ( min-width : 769px ) and ( max-width : 1279px ){
	#order .mw_wp_form_confirm dt{
		margin-bottom : calc( 24 * 100vw / 1280 );
	}
	#order .mw_wp_form_confirm dd{
		padding-bottom : calc( 12 * 100vw / 1280 );
	}
	#order .mw_wp_form_confirm .btn-back{
		width : calc( 260 * 100vw / 1280 );
	}
}
@media print , screen and ( min-width : 1280px ){
	#order .mw_wp_form_confirm dt{
		margin-bottom : 24px;
	}
	#order .mw_wp_form_confirm dd{
		padding-bottom : 12px;
	}
	#order .mw_wp_form_confirm .btn-back{
		width : 260px;
	}
}
#order .mw_wp_form_complete h4{
	font-weight : 700;
	text-align : center;
}
#order .mw_wp_form_complete p{
	line-height : 1.6;
}
#order .mw_wp_form_complete a{
	-webkit-text-decoration : underline;
	text-decoration : underline;
}
@media screen and ( max-width : 768px ){
	#order .mw_wp_form_complete{
		padding-bottom : calc( 16 * 100vw / 768 );
		padding-left : calc( 24 * 100% / 720 );
		padding-right : calc( 24 * 100% / 720 );
		margin-top : calc( 8 * 100vw / 768 );
	}
	#order .mw_wp_form_complete h4{
		font-size : 2.8rem;
	}
	#order .mw_wp_form_complete p{
		margin-top : calc( 24 * 100vw / 768 );
		font-size : 2.4rem;
	}
}
@media print , screen and ( min-width : 769px ){
	#order .mw_wp_form_complete h4{
		font-size : 2rem;
	}
	#order .mw_wp_form_complete p{
		font-size : 1.6rem;
	}
}
@media screen and ( min-width : 769px ) and ( max-width : 1279px ){
	#order .mw_wp_form_complete{
		padding-bottom : calc( 16 * 100vw / 1280 );
		padding-left : calc( 50 * 100vw / 1280 );
		padding-right : calc( 50 * 100vw / 1280 );
		margin-top : calc( 8 * 100vw / 1280 );
	}
	#order .mw_wp_form_complete p{
		margin-top : calc( 24 * 100vw / 1280 );
	}
}
@media print , screen and ( min-width : 1280px ){
	#order .mw_wp_form_complete{
		padding-bottom : 16px;
		padding-left : 50px;
		padding-right : 50px;
		margin-top : 8px;
	}
	#order .mw_wp_form_complete p{
		margin-top : 24px;
	}
}

/* --------------------------------------------
SPONSORED
--------------------------------------------- */
#sponsored .maintitle span{
	margin-top : .8em;
}
@media screen and ( max-width : 768px ){
	#sponsored .caption02{
		margin-top : calc( 100 * 100vw / 768 );
	}
}
@media screen and ( min-width : 769px ) and ( max-width : 1279px ){
	#sponsored .caption02{
		margin-top : calc( 80 * 100vw / 1280 );
	}
}
@media print , screen and ( min-width : 1280px ){
	#sponsored .caption02{
		margin-top : 80px;
	}
}
#sponsored .depth01:empty{
	display : none;
}
#sponsored #selectHP:empty , #sponsored #selectSNS:empty{
	display : none;
}
#sponsored #select{
	border-bottom : solid 1px var( --border );
}
#sponsored #select.hidden{
	display : none;
}
#sponsored #select .depth01{
	background-color : #fff;
}
#sponsored #select #selectUser a{
	display : flex;
	align-items : center;
}
#sponsored #select #selectUser span{
	overflow : hidden;
	border : solid 1px var( --border );
	border-radius : 50%;
}
#sponsored #select #selectUser span > img{
	width : 100%;
	height : 100%;
	object-fit : cover;
}
#sponsored #select #selectPic img{
	width : 100%;
	height : auto;
}
#sponsored #select #selectContent p , #sponsored #select #selectContent li , #sponsored #select #selectContent td , #sponsored #select #selectContent th , #sponsored #select #selectContent dt , #sponsored #select #selectContent dd{
	margin-bottom : .8em;
	line-height : 1.6;
}
#sponsored #select #selectContent strong{
	font-weight : 700;
}
#sponsored #select #selectContent img{
	width : 100%;
	max-width : 100%;
	height : auto;
}
#sponsored #select #selectContent a{
	color : inherit;
}
#sponsored #select #selectHP img , #sponsored #select #selectSNS img{
	width : 100%;
}
#sponsored #select figure picture{
	border : solid 1px var( --border );
}
#sponsored #select figure p[class]{
	display : flex;
	align-items : center;
}
#sponsored #select figure p[class]::before{
	flex-shrink : 0;
	width : 1.6em;
	height : 1.6em;
	margin-right : .4em;
	content : "";
	background-repeat : no-repeat;
	background-position : center;
	background-size : contain;
}
#sponsored #select .hp::before{
	background-image : url( "../images/ui/icon/shop.svg" );
}
#sponsored #select .instagram::before{
	background-image : url( "../images/ui/icon/sns/instagram.png.webp" );
}
#sponsored #select .facebook::before{
	background-image : url( "../images/ui/icon/sns/facebook.svg" );
}
#sponsored #select .twitter::before{
	background-image : url( "../images/ui/icon/sns/twitter.svg" );
}
#sponsored #select .ameblo::before{
	background-image : url( "../images/ui/icon/sns/ameblo.svg" );
}
#sponsored #select .youtube::before{
	background-image : url( "../images/ui/icon/sns/youtube.svg" );
}
@media screen and ( max-width : 768px ){
	#sponsored #select{
		padding-top : calc( 36 * 100vw / 768 );
		padding-bottom : calc( 100 * 100vw / 768 );
	}
	#sponsored #select .header{
		display : flex;
		flex-direction : column-reverse;
	}
	#sponsored #select h3{
		margin-top : calc( 48 * 100vw / 768 );
		font-size : 4.8rem;
		text-align : center;
	}
	#sponsored #select #selectUser{
		font-size : 3.2rem;
	}
	#sponsored #select #selectUser a{
		justify-content : flex-end;
	}
	#sponsored #select #selectUser span{
		width : calc( 80 * 100vw / 768 );
		height : calc( 80 * 100vw / 768 );
		margin-right : calc( 12 * 100vw / 768 );
	}
	#sponsored #select .box{
		margin-top : calc( 48 * 100vw / 768 );
	}
	#sponsored #select .depth01{
		padding-top : calc( 48 * 100vw / 768 );
		padding-bottom : calc( 48 * 100vw / 768 );
		padding-left : calc( 48 * 100% / 720 );
		padding-right : calc( 48 * 100% / 720 );
	}
	#sponsored #select #selectPic + div{
		margin-top : calc( 48 * 100vw / 768 );
	}
	#sponsored #select #selectSNS{
		margin-top : calc( 48 * 100vw / 768 );
	}
	#sponsored #select figure p{
		padding-top : calc( 24 * 100vw / 768 );
		padding-bottom : calc( 24 * 100vw / 768 );
		font-size : 2.8rem;
	}
	#sponsored #select figure picture{
		margin-top : calc( 24 * 100vw / 768 );
	}
	#sponsored #select #selectContent{
		margin-top : calc( 48 * 100vw / 768 );
	}
	#sponsored #select #selectContent p , #sponsored #select #selectContent li , #sponsored #select #selectContent td , #sponsored #select #selectContent th , #sponsored #select #selectContent dt , #sponsored #select #selectContent dd{
		font-size : 2.4rem;
	}
}
@media print , screen and ( min-width : 769px ){
	#sponsored #select .header{
		display : flex;
		align-items : center;
		justify-content : space-between;
	}
	#sponsored #select #selectTitle{
		font-size : 4rem;
		font-weight : 700;
	}
	#sponsored #select #selectUser{
		font-size : 2.8rem;
	}
	#sponsored #select .box{
		display : flex;
		align-items : flex-start;
		justify-content : space-between;
	}
	#sponsored #select .box > div , #sponsored #select .box #selectContent{
		width : calc( 608 * 100% / 1240 );
	}
	#sponsored #select #selectContent p , #sponsored #select #selectContent li , #sponsored #select #selectContent td , #sponsored #select #selectContent th , #sponsored #select #selectContent dt , #sponsored #select #selectContent dd{
		font-size : 1.8rem;
	}
	#sponsored #select figure p{
		font-size : 2.4rem;
	}
}
@media screen and ( min-width : 769px ) and ( max-width : 1279px ){
	#sponsored #select{
		padding-top : calc( 48 * 100vw / 1280 );
		padding-bottom : calc( 80 * 100vw / 1280 );
	}
	#sponsored #select .header{
		padding-left : calc( 24 * 100% / 1240 );
		padding-right : calc( 24 * 100% / 1240 );
	}
	#sponsored #select #selectUser span{
		width : calc( 64 * 100vw / 1280 );
		height : calc( 64 * 100vw / 1280 );
		margin-right : calc( 12 * 100vw / 1280 );
	}
	#sponsored #select .box{
		margin-top : calc( 32 * 100vw / 1280 );
	}
	#sponsored #select .depth01{
		padding-top : calc( 28 * 100vw / 1280 );
		padding-bottom : calc( 28 * 100vw / 1280 );
		padding-left : calc( 28 * 100% / 1240 );
		padding-right : calc( 28 * 100% / 1240 );
	}
	#sponsored #select #selectPic + div{
		margin-top : calc( 24 * 100vw / 1280 );
	}
	#sponsored #select #selectSNS{
		margin-top : calc( 24 * 100vw / 1280 );
	}
	#sponsored #select figure p{
		padding-top : calc( 16 * 100vw / 1280 );
		padding-bottom : calc( 16 * 100vw / 1280 );
	}
	#sponsored #select figure picture{
		margin-top : calc( 24 * 100vw / 1280 );
	}
}
@media print , screen and ( min-width : 1280px ){
	#sponsored #select{
		padding-top : 48px;
		padding-bottom : 80px;
	}
	#sponsored #select .header{
		padding-left : 24px;
		padding-right : 24px;
	}
	#sponsored #select #selectUser span{
		width : 64px;
		height : 64px;
		margin-right : 12px;
	}
	#sponsored #select .box{
		margin-top : 32px;
	}
	#sponsored #select .depth01{
		padding-top : 28px;
		padding-bottom : 28px;
		padding-left : 28px;
		padding-right : 28px;
	}
	#sponsored #select #selectPic + div{
		margin-top : 24px;
	}
	#sponsored #select #selectSNS{
		margin-top : 24px;
	}
	#sponsored #select figure p{
		padding-top : 16px;
		padding-bottom : 16px;
	}
	#sponsored #select figure picture{
		margin-top : 24px;
	}
}
#sponsored #listSponsored{
	position : relative;
	display : flex;
	flex-wrap : wrap;
}
#sponsored #listSponsored li{
	display : flex;
	flex-direction : column;
	background-color : #fff;
}
#sponsored #listSponsored img{
	width : 100%;
	height : auto;
}
#sponsored #listSponsored picture{
	overflow : hidden;
}
#sponsored #listSponsored picture > img{
	width : 100%;
	height : 100%;
	object-fit : cover;
}
#sponsored #listSponsored picture{
	flex-shrink : 0;
	width : 100%;
}
#sponsored #listSponsored h3{
	flex-shrink : 0;
	font-weight : 500;
}
#sponsored #listSponsored h4{
	display : flex;
	flex-grow : 1;
	align-items : center;
	width : 100%;
}
#sponsored #listSponsored h4 a{
	display : flex;
	align-items : center;
	width : 100%;
}
#sponsored #listSponsored h4 span{
	flex-shrink : 0;
	overflow : hidden;
	border : var( --border ) solid 1px;
	border-radius : 50%;
}
#sponsored #listSponsored .box{
	display : none;
}
@media screen and ( max-width : 768px ){
	#sponsored #listSponsored{
		margin-top : calc( 32 * 100vw / 768 );
	}
	#sponsored #listSponsored li{
		width : calc( 232 * 100% / 720 );
		padding-bottom : calc( 12 * 100vw / 768 );
	}
	#sponsored #listSponsored li:not( :nth-child( 3n+1 ) ){
		margin-left : calc( 12 * 100% / 720 );
	}
	#sponsored #listSponsored li:nth-child( n+4 ){
		margin-top : calc( 16 * 100vw / 768 );
	}
	#sponsored #listSponsored h3{
		min-height : calc( 56 * 100vw / 768 );
		padding-top : calc( 16 * 100vw / 768 );
		padding-bottom : calc( 16 * 100vw / 768 );
		padding-left : calc( 8 * 100% / 232 );
		padding-right : calc( 8 * 100% / 232 );
		font-size : 2.2rem;
	}
	#sponsored #listSponsored picture{
		height : calc( 150 * 100vw / 768 );
		margin-top : auto;
	}
	#sponsored #listSponsored h4{
		min-height : calc( 76 * 100vw / 768 );
		padding-left : calc( 8 * 100% / 232 );
		padding-right : calc( 8 * 100% / 232 );
		margin-top : calc( 12 * 100vw / 768 );
		font-size : 2.2rem;
	}
	#sponsored #listSponsored h4 span{
		width : calc( 64 * 100vw / 768 );
		height : calc( 64 * 100vw / 768 );
		margin-right : calc( 8 * 100% / 768 );
	}
}
@media print , screen and ( min-width : 769px ){
	#sponsored #listSponsored h3{
		font-size : 1.6rem;
	}
	#sponsored #listSponsored h4{
		font-size : 1.6rem;
	}
}
@media screen and ( min-width : 769px ) and ( max-width : 1279px ){
	#sponsored #listSponsored{
		margin-top : calc( 32 * 100vw / 1280 );
	}
	#sponsored #listSponsored li{
		width : calc( 200 * 100% / 1240 );
		padding-bottom : calc( 12 * 100vw / 1280 );
	}
	#sponsored #listSponsored li:not( :nth-child( 6n+1 ) ){
		margin-left : calc( 8 * 100% / 1240 );
	}
	#sponsored #listSponsored li:nth-child( n+7 ){
		margin-top : calc( 16 * 100vw / 1280 );
	}
	#sponsored #listSponsored h3{
		min-height : calc( 48 * 100vw / 1280 );
		padding-top : calc( 16 * 100vw / 1280 );
		padding-bottom : calc( 16 * 100vw / 1280 );
		padding-left : calc( 12 * 100% / 200 );
		padding-right : calc( 12 * 100% / 200 );
	}
	#sponsored #listSponsored picture{
		height : calc( 150 * 100vw / 1280 );
	}
	#sponsored #listSponsored h4{
		padding-left : calc( 8 * 100% / 200 );
		padding-right : calc( 8 * 100% / 200 );
		margin-top : calc( 12 * 100vw / 1280 );
	}
	#sponsored #listSponsored h4 span{
		width : calc( 56 * 100vw / 1280 );
		height : calc( 56 * 100vw / 1280 );
		margin-right : calc( 8 * 100% / 184 );
	}
}
@media print , screen and ( min-width : 1280px ){
	#sponsored #listSponsored{
		margin-top : 32px;
	}
	#sponsored #listSponsored li{
		width : 200px;
		padding-bottom : 12px;
	}
	#sponsored #listSponsored li:not( :nth-child( 6n+1 ) ){
		margin-left : 8px;
	}
	#sponsored #listSponsored li:nth-child( n+7 ){
		margin-top : 16px;
	}
	#sponsored #listSponsored h3{
		min-height : 48px;
		padding-top : 16px;
		padding-bottom : 16px;
		padding-left : 12px;
		padding-right : 12px;
	}
	#sponsored #listSponsored picture{
		height : 150px;
	}
	#sponsored #listSponsored h4{
		padding-left : 8px;
		padding-right : 8px;
		margin-top : 12px;
	}
	#sponsored #listSponsored h4 span{
		width : 56px;
		height : 56px;
		margin-right : 8px;
	}
}

/* --------------------------------------------
INFORMATION
--------------------------------------------- */
#information{
	background-color : #fff;
}
#information time{
	display : block;
	text-align : right;
}
#information .head h2{
	font-weight : 700;
	line-height : 1.4;
	text-align : center;
}
#information #content .emoji{
	width : 1em;
	height : 1em;
	vertical-align : middle;
}
#information #content{
	overflow : hidden;
}
#information #content h1 , #information #content h2 , #information #content h3 , #information #content h4 , #information #content h5 , #information #content h6{
	margin-bottom : 1em;
	font-weight : 700;
	line-height : 1.4;
}
#information #content p{
	overflow : hidden;
	line-height : 1.6;
}
#information #content a{
	-webkit-text-decoration : underline;
	text-decoration : underline;
}
#information #content ul li:not( .gallery-item )::before{
	flex-shrink : 0;
	width : 1em;
	text-align : center;
	content : "・";
}
#information #content ol li{
	counter-increment : ol;
}
#information #content ol li::before{
	flex-shrink : 0;
	width : 1em;
	content : counter( ol );
}
#information #content li{
	display : flex;
	line-height : 1.6;
}
#information #content ul , #information #content ol , #information #content .gallery , #information #content hr{
	margin-bottom : 1em;
}
#information #content .wp-caption{
	text-align : center;
}
#information #content .aligncenter{
	display : block;
	margin-left : auto;
	margin-right : auto;
	clear : both;
}
#information #content .size-full{
	width : 100%;
	height : auto;
}
#information #content em , #information #content strong{
	font-weight : 700;
}
#information #content ul li{
	list-style-type : disc;
}
#information #content .gallery ul{
	display : flex;
}
#information #content table th , #information #content table td{
	padding : .75em;
	line-height : 1.6;
	border-style : solid;
	border-width : 1px;
}
#information #content img.alignright{
	float : right;
	margin-left : 1em;
}
#information #content img.alignleft{
	float : left;
	margin-right : 1em;
}
#information #content img.aligncenter{
	display : block;
	margin-bottom : 1em;
}
#information #content img.float-left{
	float : left;
}
#information #content img.float-right{
	float : right;
}
@media screen and ( max-width : 768px ){
	#information #content img{
		width : auto;
		max-width : 100%;
	}
	#information #content .gallery{
		flex-wrap : wrap;
	}
}
#information #content p{
	margin-top : 1.6em;
}
@media screen and ( max-width : 768px ){
	#information{
		padding-top : calc( 64 * 100vw / 768 );
		padding-bottom : calc( 80 * 100vw / 768 );
		padding-left : calc( 48 * 100% / 768 );
		padding-right : calc( 48 * 100% / 768 );
	}
	#information .head time{
		font-size : 2.4rem;
	}
	#information .head h2{
		margin-top : calc( 32 * 100vw / 768 );
		font-size : 3.2rem;
	}
	#information #content{
		margin-top : calc( 64 * 100vw / 768 );
	}
	#information #content h3{
		font-size : 2.8rem;
	}
	#information #content h4{
		font-size : 2.6rem;
	}
	#information #content h3 , #information #content h4 , #information #content p , #information #content li , #information #content dt , #information #content dd{
		font-size : 2.4rem;
		line-height : 1.6;
	}
}
@media print , screen and ( min-width : 769px ){
	#information .head time{
		font-size : 1.8rem;
	}
	#information .head h2{
		font-size : 2.4rem;
	}
	#information #content h3{
		font-size : 2rem;
	}
	#information #content h4{
		font-size : 1.8rem;
	}
	#information #content h3 , #information #content h4 , #information #content p , #information #content li , #information #content dt , #information #content dd{
		font-size : 1.6rem;
		line-height : 1.6;
	}
}
@media screen and ( min-width : 769px ) and ( max-width : 1279px ){
	#information{
		padding-top : calc( 48 * 100vw / 1280 );
		padding-bottom : calc( 80 * 100vw / 1280 );
		padding-left : calc( 72 * 100% / 900 );
		padding-right : calc( 72 * 100% / 900 );
	}
	#information .head h2{
		margin-top : calc( 20 * 100vw / 1280 );
	}
	#information #content{
		margin-top : calc( 48 * 100vw / 1280 );
	}
}
@media print , screen and ( min-width : 1280px ){
	#information{
		padding-top : 48px;
		padding-bottom : 80px;
		padding-left : 72px;
		padding-right : 72px;
	}
	#information .head h2{
		margin-top : 20px;
	}
	#information #content{
		margin-top : 48px;
	}
}