@charset "UTF-8";

/* ----------------------------------------------------------------------------------------------------
*  トップページ index
* --------------------------------------------------------------------------------------------------*/
.catch {
	width: 88.59375%;
	max-width: 567px;
	margin: 0 auto;
	text-align: center;
	line-height: 1.6em;
	font-size: 118%;
	font-weight: bold;
	color: #8ccdbe;
}

.catch2 {
	width: 88.59375%;
	max-width: 567px;
	margin: 0 auto;
	line-height: 2em;
	font-size: 90%;
}
.catch h2+p {
	margin-bottom: 4%;
}

.catch div+p {
	font-size: 108%;
	font-weight: bold;
}

/* 只今のおすすめフェア */
.nowFair {
	margin-bottom: 1%;
}
.nowFair h2 {
	color: #fff;
	font-size: 118%;
	background: #dfd0ad;
	text-align: center;
	line-height: 3em;
	margin-bottom: 4.6875%;
	font-family: 'Sorts Mill Goudy', serif;
}
.nowFair h5 {
	color: #fff;
	font-size: 118%;
	background: #dfd0ad;
	text-align: center;
	line-height: 3em;
	margin-bottom: 4.6875%;
	font-family: 'Sawarabi Mincho', sans-serif;
}
.nowFair h4 {
	color: #fff;
	font-size: 118%;
	background: #dfd0ad;
	text-align: center;
	line-height: 3em;
	margin-bottom: ;
	font-family: 'Sorts Mill Goudy', serif;
}
.nowFair h3 {
	color: #fff;
	font-size: 118%;
	background: #dfd0ad;
	text-align: center;
	line-height: 1.6em;
	margin-bottom: 6%;
	padding-bottom: 3em;
	padding-top: 3em;
	font-weight: bold;	
}
.nowFair .fairBox {
	width: 88.59375%;
	max-width: 567px;
	margin: 0 auto 2.96875%;
	padding-bottom: 5.3125%;
	background-image: url(../img/top/img_line_fair.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-size: contain;
}
.nowFair .fairBox.last {
	padding-bottom: 0;
	background: none;
	margin-bottom: 5.78125%;
}

.nowFair .fairBox .fL {
	font-size: 0;
	width: 32.098765%;
	max-width: 182px;
}
.nowFair .fairBox .fR {
	width: 63.492063%;
	max-width: 360px;
}
.nowFair .fairBox dl {
	font-size: 108%;
	line-height: 1.2em;
	background-image: url(../common/img/ico_link.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: 9.44444%;

}
.nowFair .fairBox dt {
	font-weight: bold;
	margin-bottom: 5%;
	color: #3f3f3f;
}
.nowFair .fairBox dd {
	font-size: 80%;
	color: #3f3f3f;
	line-height: 1.8em;
}
.nowFair a {
	color: #6f6464;
}
.nowFair p.list a {
	background: #8ccdbe;
}
.nowFair ul.more{
	text-align: center;
	padding: 20px;
}
.nowFair ul.more li{
	padding: 0;
}
.nowFair ul.more li a{
	display: block;
	background-color: #8ccdbe;
	color: #fff;
	text-align: center;
	text-decoration: none;
	line-height: 2.5em;
	font-size: 123.1%;
	padding: 0 60px;
}
/* 只今のおすすめプラン */
.nowPlan {
	margin-bottom: 12.1875%;
}
.nowPlan h2 {
	color: #fff;
	font-size: 108%;
	background: #dfd0ad;
	text-align: center;
	line-height: 3em;
	margin-bottom: 4.6875%;
	font-family: 'Sorts Mill Goudy', serif;
}
.nowPlan .planBox {
	width: 88.59375%;
	max-width: 567px;
	margin: 0 auto 2.65625%;
	padding: 2.65625%;
	border: solid 1px #3f3f3f;
}
.nowPlan .planBox.last {
	margin-bottom: 5.625%;
}

.nowPlan .planBox .fL {
	width: 65.105633%;
	max-width: 313px;
	padding: 0 1.760563%;
}
.nowPlan .planBox dl {
	font-size: 108%;
	line-height: 1.2em;
}
.nowPlan .planBox dt {
	font-weight: bold;
	margin-bottom: 2%;
}
.nowPlan .planBox dd {
	font-size: 85%;
}
.nowPlan .planBox dd span {
	color: #ae964c;
	line-height: 1em;
}

.nowPlan .planBox .fR {
	font-size: 0;
	width: 32.098765%;
	max-width: 182px;
}

.nowPlan a {
	color: #3f3f3f;
}

/* ----------------------------------------------------------------------------------------------------
*  スカイチャペル skychapel
* --------------------------------------------------------------------------------------------------*/
.skychapel #contents {
	padding-top: 75.9375%;
	background-image: url(https://www.karuizawa-primavera.jp/sp/img/skychapel/bg_skychapel.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: contain;
}
.skychapel .skychapel {
	width: 88.59375%;
	max-width: 567px;
	margin: 0 auto 9.6875%;
	text-align: center;
}
.skychapel article>h2 {
	font-size: 0;
	margin-bottom: 3.125%;
}
.skychapel .skychapel h3 {
	font-size: 108%;
	margin-bottom: 9.375%;
}
.skychapel .skychapel div {
	font-size: 0;
	margin-bottom: 6.25%;
}
.skychapel .skychapel p {
	color: #8c8a8a;
	font-size: 93%;
	margin-bottom: 16%;
	line-height: 1.8em;
}
.skychapel .skychapel .title {
	font-size: 123.1%;
	margin-bottom: 4%;
}

.skychapel .skychapel ul {
	display:-webkit-flexbox;
	display:-moz-flexbox;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:flex;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	-webkit-justify-content:space-between;
	justify-content:space-between;
	width: 100%;
	max-width: 567px;
	border: solid 1px #bababa;
}
.skychapel .skychapel ul span {
	color: #3399cc;
}
.skychapel .skychapel li {
	width: 50%;
	line-height: 2.8em;
}
.skychapel .skychapel li:first-of-type {
	border-right: solid 1px #bababa;
}

.skychapel .pickUp {
	background: #e7ffff;
	padding-top: 6.875%;
	margin-bottom: 9.6875%;
}
.skychapel .pickUp h3 {
	margin-bottom: 9.6875%;
}
.skychapel .pickupBox {
	width: 88.59375%;
	max-width: 567px;
	margin: 0 auto 6.09375%;
}
.skychapel .pickupBox .fL {
	font-size: 0;
	width: 40.564373%;
	max-width: 230px;
}
.skychapel .pickupBox .fR {
	width: 53.791887%;
	max-width: 305px;
}
.skychapel .pickupBox dt {
	font-weight: bold;
	font-size: 123.1%;
	line-height: 1em;
	margin-bottom: 2.8125%;
}
.skychapel .pickupBox dd {
	font-size: 93%;
	line-height: 2em;
}

/* ----------------------------------------------------------------------------------------------------
*  ゲストの皆さまへ guest
* --------------------------------------------------------------------------------------------------*/
.guest .container {
	max-width: 640px;
	margin: 0 auto;
}

.guest h2 {
	padding-top: 75%;
	background: url(../img/guest/img_catch01.jpg) no-repeat top center;
	background-size: contain;
}
.guest article > h3 {
	font-size: 108%;
	margin-top: 1%;
}

.guest .lead {
	margin: 5% 0;
	text-align: center;
}
.guest .lead p:first-of-type {
	font-size: 140%;
	width: 88.75%;
	max-width: 568px;
	margin: 0 auto;
}
.guest .lead p:nth-of-type(2) {
	margin: 2% auto 6%;
	width: 88.75%;
	max-width: 568px;
}

.guest .description li {
	padding: 4.3% 5.5%
}
.guest .description li:nth-of-type(odd) {
	background: #f3f1e9;
}
.guest .description li > * {
	max-width: 400px;
	margin: 0 auto;
}
.guest .description li h3 {
	padding: 4.7% 0% 5% 30%;
	margin-bottom: 3%;
	background: no-repeat top left;
	background-size: contain;
	font-size: 120%;
	text-align: left;
}
.guest .description li.stay h3 {
	background-image: url(../img/guest/img_01.jpg);
}
.guest .description li.cafe h3 {
	background-image: url(../img/guest/img_02.jpg);
}
.guest .description li.spa h3 {
	background-image: url(../img/guest/img_03.jpg);
}
.guest .description li h3 img {
	height: 21px;
	margin-right: 3%;
	vertical-align: bottom;
}

.guest .question {
	padding: 5% 2% 25%;
}
.guest .question h3 {
	font-size: 140%;
}
.guest .question dl {
	margin: 6% auto 0;
	max-width: 400px;
	width: 88.75%;
}
.guest .question dt,
.guest .question dd {
	padding-left: 35px;
	background: no-repeat left 2px;
	background-size: auto 20px;
}
.guest .question dt {
	margin-top: 5%;
	padding-bottom: 1.5%;
	background-image: url(../img/guest/icon_01_q.png);
	font-weight: bold;
}
.guest .question dd {
	margin-top: 1.5%;
	padding-bottom: 5%;
	background-image: url(../img/guest/icon_01_a.png);
	border-bottom: solid 2px #999;
}
.guest .question dd:last-of-type {
	border: none;
}

/* ----------------------------------------------------------------------------------------------------
*  ウェディングプラン plan
* --------------------------------------------------------------------------------------------------*/
.plan .container {
	max-width: 640px;
	margin: 0 auto;
}

.plan h2 {
	padding-top: 75%;
	background: url(../img/plan/img_catch01.jpg) no-repeat top center;
	background-size: contain;
}
.plan article > h3 {
	font-size: 108%;
	margin-top: 1%;
}

.plan section {
	margin-top: 5%;
	padding-bottom: 5%;
	border-bottom: solid 2px #d6dee0;
}
.plan section > * {
	width: 88.75%;
	max-width: 568px;
	margin: 0 auto;
}

.plan section .title {
	font-size: 113%;
	text-align: left;
	color: #a37e39;
	line-height: 1.6em;
}
.plan section .title a {
	text-decoration: underline;
	line-height: 1.2em;
}
.plan section .price {
	font-size: 113%;
	text-align: right;
	padding-top: 10px;
}
.plan section .price .content {
	font-weight: bold;
}

.plan section .r_price{
	padding:0;
	text-align: right;
}

.pp_price{
	text-decoration:line-through;
}
.pp_discount{
	margin-top:-15px;
	display:block;
	color:#BE0D10;
	font-weight:bold;
	font-size:18px;
}
.arrow{
	margin-top:-10px;
	margin-left:auto;
	display:block;
	text-align:center;
	width:120px;
}

.plan section .capacity {
	text-align: right;
	margin-bottom: 1%;
}
.plan section .capacity .content {
	font-weight: bold;
}

.plan section .more {
	display: block;
	padding: 0;
	margin: 2% auto 0;
	background: transparent;
	border: none;
	outline: none;
	text-align: center;
	cursor: pointer;
}

.plan section .detail {
	width: 78.75%;
	display: none;
}
.plan section .detail .catch {
	width: 100%;
}
.plan section .detail .contentsList::after {
	content: "";
	display: block;
	clear: both;
}
.plan section .detail .contentsList {
	margin-top: 1%;
}
.plan section .detail .contentsList li {
	display: block;
	width: 49.5%;
	margin-bottom: 0.75%;
	padding: 1% 2%;
	background: #a47d38;
	color: white;
	text-align: center;
}
.plan section .detail .contentsList li:nth-of-type(odd) {
	float: left;
}
.plan section .detail .contentsList li:nth-of-type(even) {
	float: right;
}
.plan section .detail .description dt {
	margin-top: 4%;
	font-weight: bold;
}
.plan section .detail .description dd {
	margin-bottom: 1%;
}
.plan section .detail .bonus {
	margin-top: 4%;
	padding: 2.5% 6.5% 3.5%;
	background: #fcfcf4;
	background-image:
		url(https://www.karuizawa-primavera.jp/sp/img/plan/img_lace01_lt.png), url(../img/plan/img_lace01_rt.png),
		url(https://www.karuizawa-primavera.jp/sp/img/plan/img_lace01_lb.png), url(../img/plan/img_lace01_rb.png),
		url(../img/plan/img_lace01_t.png), url(../img/plan/img_lace01_b.png),
		url(https://www.karuizawa-primavera.jp/sp/img/plan/img_lace01_r.png), url(https://www.karuizawa-primavera.jp/sp/img/plan/img_lace01_l.png);
	background-repeat:
		no-repeat, no-repeat, no-repeat, no-repeat,
		repeat-x, repeat-x, repeat-y, repeat-y;
	background-position:
		left top, right top, left bottom, right bottom,
		left top, left bottom, right top, left top;
}
.plan section .detail .bonus dt {
	margin-bottom: 1%;
	text-align: center;
	font-weight: bold;
}
.plan section .detail .bonus li::before {
	content: "●";
	display: inline;
	font-size: 110%;
	line-height: 1;
}
.plan section .detail .bonus li {
	display: inline;
}
.plan section .detail .bonus li:last-of-type::after {
	content: "　他";
	display: inline;
}
.plan section .detail p.list a {
	width: 100%;
	margin-top: 5%;
	line-height: 5em;
	font-size: 113%;
	background: #3398cc;
}

.plan .subMenu {
	margin-top: 25%;
}


/* ----------------------------------------------------------------------------------------------------
*  【資料請求・問い合わせ】 contact
* --------------------------------------------------------------------------------------------------*/
.contact .container {
	max-width: 640px;
	margin: 0 auto;
}
.contact h2 {
	padding-top: 75%;
	background: url(../img/contact/img_contact01.jpg) no-repeat top center;
	background-size: contain;
}
/*
.contact .contact {
	width: 88.59375%;
	max-width: 567px;
	margin: 0 auto 9.6875%;
	text-align: center;
}
*/
.contact .contact h3 {
	font-size: 108%;
	margin-bottom: 8.125%;
}
.contact .contact h3 + p {
	margin: 2% auto 6%;
	width: 88.75%;
	max-width: 568px;
	text-align: center;
}

.contact form {
	background: #ecf9ff;
	padding: 38px 9.375% 40px;
}
.contact form .flow {
	margin-bottom: 28px;
}
.contact form .flow li {
	float: left;
	width: 35.384615%;
	padding-right: 6.153846%;
	position: relative;

}
.contact form .flow li:last-of-type {
	width: 28.423076%;
	padding-right: 0;
}
.contact form .flow li span {
	display: block;
	width: 100%;
	position: relative;
	display: inline-block;
	color: #414141;
	text-align: center;
	background: #c6c6c6;
	border-radius: 20px;
	line-height: 2.5em;
}
.contact form .flow li.active span {
	background: #fff;
}
.contact form .flow li::after {
	content: '';
	width: 8px;
	height: 8px;
	border: 0px;
	border-top: solid 1px #c6c6c6;
	border-right: solid 1px #c6c6c6;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: 68%;
	right: 8%;
	margin-top: -12px;
}
.contact form .flow li:last-of-type::after {
	content: none;
}
.contact h4 {
	color: #6699cc;
	font-size: 18px;
	font-weight: bold;
	line-height: 1;
	text-align: center;
	margin-bottom: 22px;
}
/*
.contact form input[type="radio"]{
	display: inline-block;
	vertical-align: middle;
	position: relative;
	width: 30px;
	height: 60px;
	margin-right: 20px;
	outline: none;
	opacity: 0;
}
.contact form input[type="radio"] + span:before{
	content: '';
	width: 30px;
	height: 30px;
	border: #c9c9c9 4px solid;
	background: #fff;
	border-radius: 50%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: -50px;
	margin: auto;
	box-sizing: border-box;
}
.contact form input[type="radio"]:checked + span:after{
	content: '';
	width: 16px;
	height: 16px;
	background: #009c84;
	position: absolute;
	top: 0;
	bottom: 0;
	left: -43px;
	margin: auto;
	border-radius: 50%;
}
*/

.contact form p.errorMsg {
	color: #FF1700;
	font-size: 0.9em;
}
.contact.error form p.errorMsg {
	font-size: 1.0em;
}

.contact.confirm form .btnStyle01 {
	text-align: center;
}
.contact.confirm form input[type="submit"] {
	font-size: 2.0em;
	color: #6699cc;
	background: none;
	cursor: pointer;
}
.contact.confirm form input[type="submit"]:hover {
	opacity: 0.75;
}

.contact.error form .btnBack {
	text-align: center;
	margin-top: 20px;
}
.contact.error form .btnBack a:hover {
	text-decoration: underline;
}


/* ----------------------------------------------------------------------------------------------------
*  ガーデンチャペル gardenchapel
* --------------------------------------------------------------------------------------------------*/
.gardenchapel #contents {
	padding-top: 75.9375%;
	background-image: url(../img/gardenchapel/bg_gardenchapel.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: contain;
}
.gardenchapel .gardenchapel {
	width: 88.59375%;
	max-width: 567px;
	margin: 0 auto 9.6875%;
	text-align: center;
}
.gardenchapel article>h2 {
	font-size: 0;
	margin-bottom: 3.125%;
}
.gardenchapel .gardenchapel h3 {
	font-size: 108%;
	margin-bottom: 9.375%;
}
.gardenchapel .gardenchapel div {
	font-size: 0;
	margin-bottom: 6.25%;
}
.gardenchapel .gardenchapel p {
	color: #8c8a8a;
	font-size: 93%;
	margin-bottom: 16%;
	line-height: 1.8em;
}
.gardenchapel .gardenchapel .title {
	font-size: 123.1%;
	margin-bottom: 4%;
}

.gardenchapel .gardenchapel ul {
	display:-webkit-flexbox;
	display:-moz-flexbox;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:flex;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	-webkit-justify-content:space-between;
	justify-content:space-between;
	width: 100%;
	max-width: 567px;
	border: solid 1px #bababa;
}
.gardenchapel .gardenchapel ul span {
	color: #3399cc;
}
.gardenchapel .gardenchapel li {
	width: 50%;
	line-height: 2.8em;
}
.gardenchapel .gardenchapel li:first-of-type {
	border-right: solid 1px #bababa;
}

.gardenchapel .pickUp {
	background: #e7ffff;
	padding-top: 6.875%;
	margin-bottom: 9.6875%;
}
.gardenchapel .pickUp h3 {
	margin-bottom: 9.6875%;
}
.gardenchapel .pickupBox {
	width: 88.59375%;
	max-width: 567px;
	margin: 0 auto 6.09375%;
}
.gardenchapel .pickupBox .fL {
	font-size: 0;
	width: 40.564373%;
	max-width: 230px;
}
.gardenchapel .pickupBox .fR {
	width: 53.791887%;
	max-width: 305px;
}
.gardenchapel .pickupBox dt {
	font-weight: bold;
	font-size: 123.1%;
	line-height: 1em;
	margin-bottom: 2.8125%;
}
.gardenchapel .pickupBox dd {
	font-size: 93%;
	line-height: 2em;
}

/* ----------------------------------------------------------------------------------------------------
*  コッツウォルズ cotswold
* --------------------------------------------------------------------------------------------------*/
.cotswold #contents {
	padding-top: 75.9375%;
	background-image: url(https://www.karuizawa-primavera.jp/sp/img/cotswold/bg_cotswold.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: contain;
}
.cotswold .cotswold {
	width: 88.59375%;
	max-width: 567px;
	margin: 0 auto 9.6875%;
	text-align: center;
}
.cotswold article>h2 {
	font-size: 0;
	margin-bottom: 3.125%;
}
.cotswold .cotswold h3 {
	font-size: 108%;
	margin-bottom: 9.375%;
}
.cotswold .cotswold div {
	font-size: 0;
	margin-bottom: 6.25%;
}
.cotswold .cotswold p {
	color: #8c8a8a;
	font-size: 93%;
	margin-bottom: 16%;
	line-height: 1.8em;
}
.cotswold .cotswold .title {
	font-size: 123.1%;
	margin-bottom: 4%;
}

.cotswold .cotswold ul {
	display:-webkit-flexbox;
	display:-moz-flexbox;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:flex;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	-webkit-justify-content:space-between;
	justify-content:space-between;
	width: 100%;
	max-width: 567px;
	border: solid 1px #bababa;
	padding-right: 15%;
	line-height: 2.8em;
}
.cotswold .cotswold ul span {
	color: #3399cc;
	padding-left: 20%;
}
.cotswold .cotswold li {
	width: 50%;
	line-height: 2.8em;
}
.cotswold .cotswold li:first-of-type {
	border-right: solid 1px #bababa;
}

.cotswold .pickUp {
	background: #e7ffff;
	padding-top: 6.875%;
	margin-bottom: 9.6875%;
}
.cotswold .pickUp h3 {
	margin-bottom: 9.6875%;
}
.cotswold .pickupBox {
	width: 88.59375%;
	max-width: 567px;
	margin: 0 auto 6.09375%;
}
.cotswold .pickupBox .fL {
	font-size: 0;
	width: 40.564373%;
	max-width: 230px;
}
.cotswold .pickupBox .fR {
	width: 53.791887%;
	max-width: 305px;
}
.cotswold .pickupBox dt {
	font-weight: bold;
	font-size: 123.1%;
	line-height: 1em;
	margin-bottom: 2.8125%;
}
.cotswold .pickupBox dd {
	font-size: 93%;
	line-height: 2em;
}

/* ----------------------------------------------------------------------------------------------------
*  バンケットルーム banquetroom
* --------------------------------------------------------------------------------------------------*/
.banquetroom #contents {
	padding-top: 75.9375%;
	background-image: url(../img/banquetroom/bg_banquetroom.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: contain;
}
.banquetroom .banquetroom {
	width: 88.59375%;
	max-width: 567px;
	margin: 0 auto 9.6875%;
	text-align: center;
}
.banquetroom article>h2 {
	font-size: 0;
	margin-bottom: 3.125%;
}
.banquetroom .banquetroom h3 {
	font-size: 108%;
	margin-bottom: 9.375%;
}
.banquetroom .banquetroom div {
	font-size: 0;
	margin-bottom: 6.25%;
}
.banquetroom .banquetroom p {
	color: #8c8a8a;
	font-size: 93%;
	margin-bottom: 16%;
	line-height: 1.8em;
}
.banquetroom .banquetroom .title {
	font-size: 123.1%;
	margin-bottom: 4%;
}

.banquetroom .banquetroom ul {
	display:-webkit-flexbox;
	display:-moz-flexbox;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:flex;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	-webkit-justify-content:space-between;
	justify-content:space-between;
	width: 100%;
	max-width: 567px;
	border: solid 1px #bababa;
	padding-right: 15%;
	line-height: 2.8em;
}
.banquetroom .banquetroom ul span {
	color: #3399cc;
	padding-left: 20%;
}
.banquetroom .banquetroom li {
	width: 50%;
	line-height: 2.8em;
}
.banquetroom .banquetroom li:first-of-type {
	border-right: solid 1px #bababa;
}

.banquetroom .pickUp {
	background: #e7ffff;
	padding-top: 6.875%;
	margin-bottom: 9.6875%;
}
.banquetroom .pickUp h3 {
	margin-bottom: 9.6875%;
}
.banquetroom .pickupBox {
	width: 88.59375%;
	max-width: 567px;
	margin: 0 auto 6.09375%;
}
.banquetroom .pickupBox .fL {
	font-size: 0;
	width: 40.564373%;
	max-width: 230px;
}
.banquetroom .pickupBox .fR {
	width: 53.791887%;
	max-width: 305px;
}
.banquetroom .pickupBox dt {
	font-weight: bold;
	font-size: 123.1%;
	line-height: 1em;
	margin-bottom: 2.8125%;
}
.banquetroom .pickupBox dd {
	font-size: 93%;
	line-height: 2em;
}

/* ----------------------------------------------------------------------------------------------------
*  コートダジュール cotedazur
* --------------------------------------------------------------------------------------------------*/
.cotedazur #contents {
	padding-top: 75.9375%;
	background-image: url(https://www.karuizawa-primavera.jp/sp/img/cotedazur/bg_cotedazur.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: contain;
}
.cotedazur .cotedazur {
	width: 88.59375%;
	max-width: 567px;
	margin: 0 auto 9.6875%;
	text-align: center;
}
.cotedazur article>h2 {
	font-size: 0;
	margin-bottom: 3.125%;
}
.cotedazur .cotedazur h3 {
	font-size: 108%;
	margin-bottom: 9.375%;
}
.cotedazur .cotedazur div {
	font-size: 0;
	margin-bottom: 6.25%;
}
.cotedazur .cotedazur p {
	color: #8c8a8a;
	font-size: 93%;
	margin-bottom: 16%;
	line-height: 1.8em;
}
.cotedazur .cotedazur .title {
	font-size: 123.1%;
	margin-bottom: 4%;
}

.cotedazur .cotedazur ul {
	display:-webkit-flexbox;
	display:-moz-flexbox;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:flex;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	-webkit-justify-content:space-between;
	justify-content:space-between;
	width: 100%;
	max-width: 567px;
	border: solid 1px #bababa;
	padding-right: 15%;
	line-height: 2.8em;
}
.cotedazur .cotedazur ul span {
	color: #3399cc;
	padding-left: 20%;
}
.cotedazur .cotedazur li {
	width: 50%;
	line-height: 2.8em;
}
.cotedazur .cotedazur li:first-of-type {
	border-right: solid 1px #bababa;
}

.cotedazur .pickUp {
	background: #e7ffff;
	padding-top: 6.875%;
	margin-bottom: 9.6875%;
}
.cotedazur .pickUp h3 {
	margin-bottom: 9.6875%;
}
.cotedazur .pickupBox {
	width: 88.59375%;
	max-width: 567px;
	margin: 0 auto 6.09375%;
}
.cotedazur .pickupBox .fL {
	font-size: 0;
	width: 40.564373%;
	max-width: 230px;
}
.cotedazur .pickupBox .fR {
	width: 53.791887%;
	max-width: 305px;
}
.cotedazur .pickupBox dt {
	font-weight: bold;
	font-size: 123.1%;
	line-height: 1em;
	margin-bottom: 2.8125%;
}
.cotedazur .pickupBox dd {
	font-size: 93%;
	line-height: 2em;
}

/* ----------------------------------------------------------------------------------------------------
*  リビエラ riviera
* --------------------------------------------------------------------------------------------------*/
.riviera #contents {
	padding-top: 75.9375%;
	background-image: url(../img/riviera/bg_riviera.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: contain;
}
.riviera .riviera {
	width: 88.59375%;
	max-width: 567px;
	margin: 0 auto 9.6875%;
	text-align: center;
}
.riviera article>h2 {
	font-size: 0;
	margin-bottom: 3.125%;
}
.riviera .riviera h3 {
	font-size: 108%;
	margin-bottom: 9.375%;
}
.riviera .riviera div {
	font-size: 0;
	margin-bottom: 6.25%;
}
.riviera .riviera p {
	color: #8c8a8a;
	font-size: 93%;
	margin-bottom: 16%;
	line-height: 1.8em;
}
.riviera .riviera .title {
	font-size: 123.1%;
	margin-bottom: 4%;
}

.riviera .riviera ul {
	display:-webkit-flexbox;
	display:-moz-flexbox;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:flex;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	-webkit-justify-content:space-between;
	justify-content:space-between;
	width: 100%;
	max-width: 567px;
	border: solid 1px #bababa;
	padding-right: 15%;
	line-height: 2.8em;
}
.riviera .riviera ul span {
	color: #3399cc;
	padding-left: 20%;
}
.riviera .riviera li {
	width: 50%;
	line-height: 2.8em;
}
.riviera .riviera li:first-of-type {
	border-right: solid 1px #bababa;
}

.riviera .pickUp {
	background: #e7ffff;
	padding-top: 6.875%;
	margin-bottom: 9.6875%;
}
.riviera .pickUp h3 {
	margin-bottom: 9.6875%;
}
.riviera .pickupBox {
	width: 88.59375%;
	max-width: 567px;
	margin: 0 auto 6.09375%;
}
.riviera .pickupBox .fL {
	font-size: 0;
	width: 40.564373%;
	max-width: 230px;
}
.riviera .pickupBox .fR {
	width: 53.791887%;
	max-width: 305px;
}
.riviera .pickupBox dt {
	font-weight: bold;
	font-size: 123.1%;
	line-height: 1em;
	margin-bottom: 2.8125%;
}
.riviera .pickupBox dd {
	font-size: 93%;
	line-height: 2em;
}

/* ----------------------------------------------------------------------------------------------------
*  セーヌ seine
* --------------------------------------------------------------------------------------------------*/
.seine #contents {
	padding-top: 75.9375%;
	background-image: url(../img/seine/bg_seine.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: contain;
}
.seine .seine {
	width: 88.59375%;
	max-width: 567px;
	margin: 0 auto 9.6875%;
	text-align: center;
}
.seine article>h2 {
	font-size: 0;
	margin-bottom: 3.125%;
}
.seine .seine h3 {
	font-size: 108%;
	margin-bottom: 9.375%;
}
.seine .seine div {
	font-size: 0;
	margin-bottom: 6.25%;
}
.seine .seine p {
	color: #8c8a8a;
	font-size: 93%;
	margin-bottom: 16%;
	line-height: 1.8em;
}
.seine .seine .title {
	font-size: 123.1%;
	margin-bottom: 4%;
}

.seine .seine ul {
	display:-webkit-flexbox;
	display:-moz-flexbox;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:flex;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	-webkit-justify-content:space-between;
	justify-content:space-between;
	width: 100%;
	max-width: 567px;
	border: solid 1px #bababa;
	padding-right: 15%;
	line-height: 2.8em;
}
.seine .seine ul span {
	color: #3399cc;
	padding-left: 20%;
}
.seine .seine li {
	width: 50%;
	line-height: 2.8em;
}
.seine .seine li:first-of-type {
	border-right: solid 1px #bababa;
}

.seine .pickUp {
	background: #e7ffff;
	padding-top: 6.875%;
	margin-bottom: 9.6875%;
}
.seine .pickUp h3 {
	margin-bottom: 9.6875%;
}
.seine .pickupBox {
	width: 88.59375%;
	max-width: 567px;
	margin: 0 auto 6.09375%;
}
.seine .pickupBox .fL {
	font-size: 0;
	width: 40.564373%;
	max-width: 230px;
}
.seine .pickupBox .fR {
	width: 53.791887%;
	max-width: 305px;
}
.seine .pickupBox dt {
	font-weight: bold;
	font-size: 123.1%;
	line-height: 1em;
	margin-bottom: 2.8125%;
}
.seine .pickupBox dd {
	font-size: 93%;
	line-height: 2em;
}

/* ----------------------------------------------------------------------------------------------------
*  お料理 cuisine
* --------------------------------------------------------------------------------------------------*/
.cuisine #contents {
	padding-top: 75.9375%;
	background-image: url(https://www.karuizawa-primavera.jp/sp/img/cuisine/bg_cuisine.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: contain;
}
.cuisine .cuisine {
	width: 88.59375%;
	max-width: 567px;
	margin: 0 auto 9.6875%;
	text-align: center;
}
.cuisine article>h2 {
	font-size: 0;
	margin-bottom: 3.125%;
}
.cuisine .ttl {
        padding: 10px;
}
.cuisine .cuisine h3 {
	font-size: 108%;
	margin-bottom: 9.375%;
}
.cuisine .cuisine div {
	font-size: 0;
	margin-bottom: 6.25%;
}
.cuisine .cuisine p {
	color: #8c8a8a;
	font-size: 93%;
	margin-bottom: 16%;
	line-height: 1.8em;
}
.cuisine .cuisine .title {
	font-size: 123.1%;
	margin-bottom: 4%;
}

.cuisine .cuisine ul {
	display:-webkit-flexbox;
	display:-moz-flexbox;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:flex;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	-webkit-justify-content:space-between;
	justify-content:space-between;
	width: 100%;
	max-width: 567px;
	border: solid 1px #bababa;
	padding-right: 15%;
	line-height: 2.8em;
}
.cuisine .cuisine ul span {
	color: #3399cc;
	padding-left: 20%;
}
.cuisine .cuisine li {
	width: 50%;
	line-height: 2.8em;
}
.cuisine .cuisine li:first-of-type {
	border-right: solid 1px #bababa;
}

.cuisine .pickUp {
	background: #e7ffff;
	padding-top: 6.875%;
	margin-bottom: 9.6875%;
}
.cuisine .pickUp h3 {
	margin-bottom: 9.6875%;
}
.cuisine .pickupBox {
	width: 88.59375%;
	max-width: 567px;
	margin: 0 auto 6.09375%;
}
.cuisine .pickupBox .fL {
	font-size: 0;
	width: 40.564373%;
	max-width: 230px;
}
.cuisine .pickupBox .fR {
	width: 53.791887%;
	max-width: 305px;
}
.cuisine .pickupBox dt {
	font-weight: bold;
	font-size: 123.1%;
	line-height: 1em;
	margin-bottom: 2.8125%;
}
.cuisine .pickupBox dd {
	font-size: 93%;
	line-height: 2em;
}

/* ----------------------------------------------------------------------------------------------------
*  ドレス dress
* --------------------------------------------------------------------------------------------------*/
.dress #contents {
	padding-top: 75.9375%;
	background-image: url(https://www.karuizawa-primavera.jp/sp/img/dress/bg_dress.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: contain;
}
.dress .dress {
	width: 88.59375%;
	max-width: 567px;
	margin: 0 auto 9.6875%;
	text-align: center;
}
.dress article>h2 {
	font-size: 0;
	margin-bottom: 3.125%;
}
.dress .ttl {
        padding: 10px;
}	
.dress .dress h3 {
	font-size: 108%;
	margin-bottom: 9.375%;
}
.dress .dress div {
	font-size: 0;
	margin-bottom: 6.25%;
}
.dress .dress p {
	color: #8c8a8a;
	font-size: 93%;
	margin-bottom: 16%;
	line-height: 1.8em;
}
.dress .dress .title {
	font-size: 123.1%;
	margin-bottom: 4%;
}

.dress .dress ul {
	display:-webkit-flexbox;
	display:-moz-flexbox;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:flex;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	-webkit-justify-content:space-between;
	justify-content:space-between;
	width: 100%;
	max-width: 567px;
	line-height: 2.8em;
}
.dress .dress ul span {
	color: #3399cc;
	padding-left: 20%;
}
.dress .dressm li {
	width: 50%;
	line-height: 2.8em;
}

.dress .pickUp {
	background: #e7ffff;
	padding-top: 6.875%;
	margin-bottom: 9.6875%;
}
.dress .pickUp h3 {
	margin-bottom: 9.6875%;
}
.dress .pickupBox {
	width: 88.59375%;
	max-width: 567px;
	margin: 0 auto 6.09375%;
}
.dress .pickupBox .fL {
	font-size: 0;
	width: 40.564373%;
	max-width: 230px;
}
.dress .pickupBox .fR {
	width: 53.791887%;
	max-width: 305px;
}
.dress .pickupBox dt {
	font-weight: bold;
	font-size: 123.1%;
	line-height: 1em;
	margin-bottom: 2.8125%;
}
.dress .pickupBox dd {
	font-size: 93%;
	line-height: 2em;
}

/* ----------------------------------------------------------------------------------------------------
*  アクセス access
* --------------------------------------------------------------------------------------------------*/
.access #contents {
	padding-top: 75.9375%;
	background-image: url(../img/access/bg_access.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: contain;
}
.access .access {
	width: 88.59375%;
	max-width: 567px;
	margin: 0 auto 9.6875%;
	text-align: center;
}
.access article>h2 {
	font-size: 0;
	margin-bottom: 3.125%;
}
.access .ttl {
        padding: 10px;
}	
.access .access h3 {
	font-size: 108%;
	margin-bottom: 9.375%;
}
.access .access div {
	font-size: 0;
	margin-bottom: 6.25%;
}
.access .access p {
	color: #333;
	font-size: 93%;
	margin-bottom: 16%;
	line-height: 1.8em;
}
.access .access .title {
	font-size: 123.1%;
	margin-bottom: 4%;
}

.access .access ul {
	display:-webkit-flexbox;
	display:-moz-flexbox;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:flex;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	-webkit-justify-content:space-between;
	justify-content:space-between;
	width: 100%;
	max-width: 567px;
	line-height: 2.8em;
}
.access .access ul span {
	color: #3399cc;
	padding-left: 20%;
}
.access .accessm li {
	width: 50%;
	line-height: 2.8em;
}

.access .pickUp {
	background: #e7ffff;
	padding-top: 6.875%;
	margin-bottom: 9.6875%;
}
.access .pickUp h3 {
	margin-bottom: 9.6875%;
}
.access .pickupBox {
	width: 88.59375%;
	max-width: 567px;
	margin: 0 auto 6.09375%;
}
.access .pickupBox .fL {
	font-size: 0;
	width: 40.564373%;
	max-width: 230px;
}
.access .pickupBox .fR {
	width: 53.791887%;
	max-width: 305px;
}
.access .pickupBox dt {
	font-weight: bold;
	font-size: 123.1%;
	line-height: 1em;
	margin-bottom: 2.8125%;
}
.access .pickupBox dd {
	font-size: 93%;
	line-height: 2em;
}



/* ----------------------------------------------------------------------------------------------------
*  【資料請求・問い合わせ】 contact
* --------------------------------------------------------------------------------------------------*/
.contact .container {
	max-width: 640px;
	margin: 0 auto;
}
.contact h2 {
	padding-top: 75%;
	background: url(../img/contact/img_contact01.jpg) no-repeat top center;
	background-size: contain;
}
/*
.contact .contact {
	width: 88.59375%;
	max-width: 567px;
	margin: 0 auto 9.6875%;
	text-align: center;
}
*/
.contact .contact h3 {
	font-size: 108%;
	margin-bottom: 8.125%;
}
.contact .contact h3 + p {
	margin: 2% auto 6%;
	width: 88.75%;
	max-width: 568px;
	text-align: center;
}

.contact form {
	background: #ecf9ff;
	padding: 38px 9.375% 40px;
}
.contact form .flow {
	margin-bottom: 28px;
}
.contact form .flow li {
	float: left;
	width: 35.384615%;
	padding-right: 6.153846%;
	position: relative;

}
.contact form .flow li:last-of-type {
	width: 28.423076%;
	padding-right: 0;
}
.contact form .flow li span {
	display: block;
	width: 100%;
	position: relative;
	display: inline-block;
	color: #414141;
	text-align: center;
	background: #c6c6c6;
	border-radius: 20px;
	line-height: 2.5em;
}
.contact form .flow li.active span {
	background: #fff;
}
.contact form .flow li::after {
	content: '';
	width: 8px;
	height: 8px;
	border: 0px;
	border-top: solid 1px #c6c6c6;
	border-right: solid 1px #c6c6c6;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: 68%;
	right: 8%;
	margin-top: -12px;
}
.contact form .flow li:last-of-type::after {
	content: none;
}
.contact h4 {
	color: #6699cc;
	font-size: 18px;
	font-weight: bold;
	line-height: 1;
	text-align: center;
	margin-bottom: 22px;
}
/*
.contact form input[type="radio"]{
	display: inline-block;
	vertical-align: middle;
	position: relative;
	width: 30px;
	height: 60px;
	margin-right: 20px;
	outline: none;
	opacity: 0;
}
.contact form input[type="radio"] + span:before{
	content: '';
	width: 30px;
	height: 30px;
	border: #c9c9c9 4px solid;
	background: #fff;
	border-radius: 50%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: -50px;
	margin: auto;
	box-sizing: border-box;
}
.contact form input[type="radio"]:checked + span:after{
	content: '';
	width: 16px;
	height: 16px;
	background: #009c84;
	position: absolute;
	top: 0;
	bottom: 0;
	left: -43px;
	margin: auto;
	border-radius: 50%;
}
*/

.contact form p.errorMsg {
	color: #FF1700;
	font-size: 0.9em;
}
.contact.error form p.errorMsg {
	font-size: 1.0em;
}

.contact.confirm form .btnStyle01 {
	text-align: center;
}
.contact.confirm form input[type="submit"] {
	font-size: 2.0em;
	color: #6699cc;
	background: none;
	cursor: pointer;
}
.contact.confirm form input[type="submit"]:hover {
	opacity: 0.75;
}

.contact.error form .btnBack {
	text-align: center;
	margin-top: 20px;
}
.contact.error form .btnBack a:hover {
	text-decoration: underline;
}

.example {
  position: relative;
  }

.example p {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;
  font-size: 2em;
  color: #fff;
  letter-spacing: 0.12em;
  font-family: 'Sorts Mill Goudy', serif;
  /*文字の装飾は省略*/
  }

.example img {
  width: 100%;
  }


.imgcolor {
     -webkit-filter: brightness(0.7);
     -moz-filter: brightness(0.7);
     -o-filter: brightness(0.7);
     -ms-filter: brightness(0.7);
     filter: brightness(0.7);
}