@charset "utf-8";

.pcOnly { display: block!important;}
.spOnly { display: none!important;}
@media (max-width: 768px) {
	.spOnly { display: block!important;}
	.pcOnly { display: none!important;}
}

html,body { overflow: hidden!important;}
html.open,body.open { overflow: auto!important;}

.pickup1Wrap { background: #fff; padding: 0 0 89px 0;}
.pickup1Wrap h2 { position: relative; font-weight: normal; font-size: 30px; padding: 34px 0; text-align: center; line-height: 1.3; letter-spacing: 0.1em; color: #a18553;}
.pickup1Wrap h2 .icon { display: block; width: 34px; margin: 0 auto 8px;}
.pickup1Wrap h2 span { display: block; font-size: 13px; line-height: 1; margin-bottom: 21px; color: #000;}
.box1 { display: table; width: 100%; border-collapse: separate; border-spacing: 0; margin-bottom: 55px; min-height: 611px;}
.box1 .boxL { display: table-cell; vertical-align: middle; width: 60%; background-size: cover!important;}
.box1 .boxR { display: table-cell; vertical-align: middle; background: #f7f7f7; width: 40%; padding: 34px; box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box;}
.box1 .boxR .staffIcon { margin: 8px 0 0 0; display: table; width: 100%;}
.box1 .boxR .staffIcon span { display: table-cell; width: 50%; text-align: left; vertical-align: middle;}
.box1 .boxR .staffIcon .txt { line-height: 1; font-size: 10px; letter-spacing: normal; text-align: center; text-align: right; line-height: 2; padding-right: 10px;}
.box1 .boxR .staffIcon img { width: 89px;}
.box1 .boxR .logo { max-width: 70%; margin: 0 auto;}
.box1 .boxR .spot { text-align: center; font-size: 21px; margin-top: 13px; line-height: 1;}
.box1 .boxR .txt { text-align: center; line-height: 1; margin-top: 21px; font-size: 13px;}
.box1 .boxR .txt a { color: #a18553;}
.pickupList { text-align: center; letter-spacing: -0.4em; margin-left: -21px;}
.pickupList li { display: inline-block; vertical-align: top; width: 33.33333%; letter-spacing: normal; padding-left: 21px; box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; margin-bottom: 21px;}
.pickupList li figure { display: block; line-height: 0;}
.pickupList li span { display: block; line-height: 2; text-align: left; margin-top: 13px;}

@media (max-width: 768px) {
	.pickup1Wrap { padding: 0 0 55px 0;}
	.pickup1Wrap h2 { font-size: 21px;}
	.box1 .boxL { display: block; width: 100%; height: 233px;}
	.box1 .boxR { display: block; width: 100%; padding: 13px;}
	.box1 .boxR h2 { font-size: 21px;}
	.box1 .boxR h2:after { width: 55px; height: 1px; margin: 13px auto 21px;}
	.box1 .boxR h2 .icon { width: 34px; margin: 0 auto 5px;}
	.box1 .boxR h2 .staffIcon { top: -45px; margin: 0 0 0 60px;}
	.box1 .boxR h2 span { font-size: 15px;}
	.box1 .boxR .txt { margin-top: 21px; line-height: 1.5;}
	.box1 .boxR .logo { max-width: 233px;}
	.pickupList li { width: 100%;}
	.pickup1Wrap .inner { padding: 0 21px!important;}
	#footer { padding-bottom: 0!important;}
}


.instaArea { margin-top: 55px; text-align: center;}
.instaArea span { position: relative; text-align: center; display: inline-block; font-style: normal; color: #fff; font-size: 13px; background: rgba(33, 36, 48, 1); padding: 10px 20px; margin: 0 0 8px 0; text-align: center; border-radius: 3px; -webkit-border-radius: 3px; -ms-border-radius: 3px; line-height: 1;}
.instaArea span:before { content: ''; position: absolute; display: block; width: 0; height: 0; left: 45%; bottom: -5px; border-left: 12px solid rgba(33, 34, 48, 1); border-top: 1px solid transparent; border-bottom: 10px solid transparent; transform: rotate(135deg);}
.instaArea img { display: block; width: 55px; margin: 0 auto 13px;}
.instaArea .txt { text-align: center; line-height: 1.5;}
.instaArea .txt a { color: #a18553;}
.instaArea .btn { max-width: 350px; margin: 55px auto 0;}
.instaArea .btn a { letter-spacing: 0.1em; display: block; color: #fff; background-color: #a18553; text-align: center; padding: 15px 0; text-decoration: none; font-size: 14px; width: 100%;}

.indexList { background: #f7f7f7; padding: 89px 0;}
.indexList .indexListTtl { margin-bottom: 34px; text-align: center; font-size: 24px; font-weight: normal;}
.indexList .indexListTtl:after { content: ""; display: block; width: 30px; height: 1px; background-color: #a18553; margin: 10px auto 0;}
.indexList ul { letter-spacing: -0.4em; text-align: center; margin-left: -34px;}
.indexList ul li { vertical-align: top; display: inline-block; letter-spacing: normal; width: 40%; padding-left: 34px; box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box;}
.indexList ul li figure { position: relative; display: block; line-height: 0;}
.indexList ul li figure img { width: 100%; height: 233px; object-fit: cover; font-family: 'object-fit: cover;'}
.indexList ul li.comingSoon figure { width: 100%; height: 233px; line-height: 233px; text-align: center; color: #fff; font-size: 21px; letter-spacing: 0.1em; background: #000;}
.indexList ul li.comingSoon figure img { position: absolute; left: 0; top: 0; filter:alpha(opacity=40)!important; -moz-opacity: 0.4; opacity: 0.4; z-index: 0;}
.indexList ul li .ttl { display: table; border-collapse: separate; border-spacing: 0; width: 100%; margin-bottom: 13px;}
.indexList ul li .ttl span { display: table-cell; width: 60px; padding: 21px 0; line-height: 1; text-align: center; border: 1px solid #ccc; border-top: 3px solid #212430; color: #212430; vertical-align: middle; background: #fff;}
.indexList ul li .ttl strong { font-weight: normal; display: table-cell; vertical-align: middle; text-align: left; padding: 0 0 0 13px; font-size: 21px; line-height: 1; white-space: nowrap;}
.indexList ul li .ttl strong em { display: block; font-style: normal; line-height: 1; font-size: 13px; margin-top: 5px;}
.indexList ul li .ttl2 { display: block; line-height: 1.5; text-align: center; margin-top: 13px; font-size: 21px;}
.indexList ul li .btn { display: block; letter-spacing: -0.4em; line-height: 1; margin-top: 13px; font-size: 13px; text-align: center;}
.indexList ul li .btn a { position: relative; text-decoration: underline; color: #a18553; display: inline-block; letter-spacing: normal; margin: 0 10px;}
.indexList ul li .btn a:after { display: inline-block; content: ""; width: 4px; height: 4px; border-top: 1px solid #a18553; border-right: 1px solid #a18553; transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); margin: 0 0 2px 5px;}
.indexList ul li .btn a:hover { text-decoration: none;}

@media (max-width: 768px) {
	.indexList { padding: 55px 0;}
	.indexList .inner { padding: 0 21px;}
	.indexList .indexListTtl { margin-bottom: 21px; font-size: 18px;}
	.indexList ul li { width: 100%; margin-bottom: 34px;}
	.indexList ul li:last-child { margin-bottom: 0;}
	.indexList ul li .ttl strong { font-size: 15px;}
	.indexList ul li .ttl strong em { font-size: 11px;}
	.indexList ul li .ttl2 { font-size: 18px;}
}


.pickupIndex { background: #fff; padding: 89px 0;}
.pickupIndex ul { letter-spacing: -0.4em; text-align: center; margin-left: -34px;}
.pickupIndex ul li { vertical-align: top; display: inline-block; letter-spacing: normal; width: 33.333333%; padding-left: 34px; box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box;}
.pickupIndex ul li figure { display: block; line-height: 0;}
.pickupIndex ul li figure img { width: 100%; height: 233px; object-fit: cover; font-family: 'object-fit: cover;'}
.pickupIndex ul li .ttl { display: block; line-height: 1.5; text-align: center; margin-top: 13px; font-size: 21px;}
.pickupIndex ul li .btn { display: block; letter-spacing: -0.4em; line-height: 1; margin-top: 13px; font-size: 13px; text-align: center;}
.pickupIndex ul li .btn a { position: relative; text-decoration: underline; color: #a18553; display: inline-block; letter-spacing: normal; margin: 0 10px;}
.pickupIndex ul li .btn a:after { display: inline-block; content: ""; width: 4px; height: 4px; border-top: 1px solid #a18553; border-right: 1px solid #a18553; transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); margin: 0 0 2px 5px;}
.pickupIndex ul li .btn a:hover { text-decoration: none;}
@media (max-width: 768px) {
	.pickupIndex { padding: 55px 0;}
	.pickupIndex .pagetitle { margin-bottom: 34px; font-size: 21px;}
	.pickupIndex .inner { padding: 0 21px;}
	.pickupIndex ul li { width: 100%; margin-bottom: 34px;}
	.pickupIndex ul li:last-child { margin-bottom: 0;}
	.pickupIndex ul li .ttl { font-size: 18px;}
}