@charset "utf-8";

/* 基礎レイアウト
========================================================= */

img { width: 100%; height: auto; vertical-align: top; }

#contentsheader {
	width: 100%;
	height: 360px;
	display: block;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	text-align: center;
	overflow: hidden;
}
#contentsheader p.icon {
	width: 55px;
	height: 55px;
	background: url(/images/h1_special_icon.svg) no-repeat;
	margin: 120px auto 25px;
}
#contentsheader h1 { color: #ffffff; font-size: 48px; margin-right: auto; margin-left: auto; }

@media screen and (max-width: 1199px) {
	#contentsheader { height: 320px; }
	#contentsheader p.icon { margin-top: 100px; }
}

@media screen and (max-width: 992px) {
	#contentsheader { height: 280px; }
	#contentsheader p.icon { margin-top: 80px; }
}

@media screen and (max-width: 768px) {
	#contentsheader { height: 240px; }
	#contentsheader p.icon { width: 44px; height: 44px; margin-top: 60px; margin-bottom: 22px; }
	#contentsheader h1 { font-size: 36px; }
}

@media screen and (max-width: 480px) {
	#contentsheader { height: 160px; }
	#contentsheader p.icon { width: 33px; height: 33px; margin-top: 40px; margin-bottom: 16px; }
	#contentsheader h1 { font-size: 24px; }
}

.sns_icon_area .twitter-share-button { vertical-align: top; }



/* takeOut　新宿のテイクアウトグルメ
========================================================= */

#takeOut { color: #000000; background: url(/images/special/sp1_01/bg.jpg) repeat-y; margin-top: 75px; }

.waveTop { width: 100%; height: 5px; background: url(/images/special/sp1_01/wave_top.png) repeat-x center top; }
.waveBtm {
	width: 100%;
	height: 5px;
	background: url(/images/special/sp1_01/wave_btm.png) repeat-x center bottom;
	padding-top: 110px;
}

@media screen and (max-width: 767px) {
	#takeOut { margin-top: 10%; }
	.waveBtm { padding-top: 50px; }
}



/* takeOutTitle
--------------------------------------------------------- */

.takeOutTitle { padding: 0 calc(15/320 * 100%); }
.takeOutTitle h2 { width: 100%; max-width: 658px; margin: -70px auto 0; }
.takeOutTitle h2 + p { font-size: 17px; line-height: 27px; font-weight: bold; text-align: center; padding-top: 15px; }
.takeOutTitle h2 + p span { display: inline-block; }
.takeOutTitle p + p { font-size: 13px; line-height: 23px; text-align: center; padding-top: 5px; }
.takeOutTitle .sns_icon_area { margin-top: 20px; }

@media screen and (max-width: 767px) {
	.takeOutTitle h2 { margin: -11% auto 0; }
	.takeOutTitle h2 + p { font-size: 15px; line-height: 24px; }
}



/* takeOutShop
--------------------------------------------------------- */

.takeOutShop { padding: 0 calc(15/320 * 100%); }
.takeOutShop > div {
	width: 100%;
	max-width: 1100px;
	background: url(/images/special/sp1_01/shop_bg.jpg) repeat-y center top;
	box-sizing: border-box;
	padding: 4.0% 0;
	margin: 50px auto 0;
}
.takeOutShop h3 {
	width: calc(1000/1100 * 100%);
	max-width: 1000px;
	border-top: solid 5px #785452;
	border-bottom: solid 1px #785452;
	color: #785452;
	font-size: 40px;
	line-height: 50px;
	font-weight: bold;
	box-sizing: border-box;
	padding: 20px 20px 20px 110px;
	margin: 0 auto;
	position: relative;
}
.takeOutShop h3 span { display: inline-block; padding-right: 0.5em; }
.takeOutShop h3:before {
	content: "";
	width: 70px;
	height: 70px;
	display: block;
	position: absolute;
	top: 50%;
	left: 20px;
	transform: translateY(-50%);
}
.takeOutShop h3.orange:before {
	background: url(/images/special/sp1_01/shop_icon_orange.png) no-repeat center center;
	background-size: cover;
}
.takeOutShop h3.green:before {
	background: url(/images/special/sp1_01/shop_icon_green.png) no-repeat center center;
	background-size: cover;
}
.takeOutShop h3.purple:before {
	background: url(/images/special/sp1_01/shop_icon_purple.png) no-repeat center center;
	background-size: cover;
}
.takeOutShop h3.red:before {
	background: url(/images/special/sp1_01/shop_icon_red.png) no-repeat center center;
	background-size: cover;
}
.takeOutShop h3.blue:before {
	background: url(/images/special/sp1_01/shop_icon_blue.png) no-repeat center center;
	background-size: cover;
}
.takeOutShop ul { width: calc(1000/1100 * 100%); max-width: 1000px; overflow: hidden; margin: 40px auto 0; }
.takeOutShop li:nth-child(1) { width: calc(490/1000 * 100%); max-width: 490px; float: left; }
.takeOutShop li:nth-child(1) h4 { font-size: 20px; line-height: 28px; font-weight: bold; }
.takeOutShop li:nth-child(1) h4 + p { font-size: 15px; line-height: 28px; padding-top: 15px; }
.takeOutShop li:nth-child(1) .info {
	width: 100%;
	max-width: 490px;
	font-size: 13px;
	line-height: 22px;
	margin-top: 25px;
}
.takeOutShop li:nth-child(1) .info img {
	width: calc(180/490 * 100%);
	max-width: 180px;
	float: right;
	margin-top: 5px;
}
.takeOutShop li:nth-child(1) .info dt,
.takeOutShop li:nth-child(1) .info dd { display: table-cell; vertical-align: top; }
.takeOutShop li:nth-child(1) .info dt { white-space: nowrap; }
.takeOutShop li:nth-child(1) .info span { display: inline-block; }
.takeOutShop li:nth-child(2) {
	width: calc(440/1000 * 100%);
	max-width: 440px;
	float: right;
	overflow: hidden;
	margin-bottom: 20px;
}
.takeOutShop li:nth-child(2) p {
	height: 40px;
	display: table;
	float: right;
	color: #ffffff;
	font-size: 15px;
	line-height: 40px;
	font-weight: bold;
	box-sizing: border-box;
	padding: 0 1.0em;
	position: relative;
	margin: -20px 30px 0 0;
}
.takeOutShop li:nth-child(2) p:before {
	content: "";
	height: 40px;
	display: block;
	border-left: solid 10px transparent;
	box-sizing: border-box;
	position: absolute;
	top: 0;
	left: -10px;
}
.takeOutShop li:nth-child(2) p:after {
	content: "";
	height: 40px;
	display: block;
	border-right: solid 10px transparent;
	box-sizing: border-box;
	position: absolute;
	top: 0;
	right: -10px;
}
.takeOutShop li:nth-child(2) p.orange { background: #f08300; }
.takeOutShop li:nth-child(2) p.orange:before { border-top: solid 20px #f08300; border-bottom: solid 20px #f08300; }
.takeOutShop li:nth-child(2) p.orange:after { border-top: solid 20px #f08300; border-bottom: solid 20px #f08300; }
.takeOutShop li:nth-child(2) p.green { background: #6eba44; }
.takeOutShop li:nth-child(2) p.green:before { border-top: solid 20px #6eba44; border-bottom: solid 20px #6eba44; }
.takeOutShop li:nth-child(2) p.green:after { border-top: solid 20px #6eba44; border-bottom: solid 20px #6eba44; }
.takeOutShop li:nth-child(2) p.purple { background: #7c509d; }
.takeOutShop li:nth-child(2) p.purple:before { border-top: solid 20px #7c509d; border-bottom: solid 20px #7c509d; }
.takeOutShop li:nth-child(2) p.purple:after { border-top: solid 20px #7c509d; border-bottom: solid 20px #7c509d; }
.takeOutShop li:nth-child(2) p.red { background: #e6002d; }
.takeOutShop li:nth-child(2) p.red:before { border-top: solid 20px #e6002d; border-bottom: solid 20px #e6002d; }
.takeOutShop li:nth-child(2) p.red:after { border-top: solid 20px #e6002d; border-bottom: solid 20px #e6002d; }
.takeOutShop li:nth-child(2) p.blue { background: #008ccf; }
.takeOutShop li:nth-child(2) p.blue:before { border-top: solid 20px #008ccf; border-bottom: solid 20px #008ccf; }
.takeOutShop li:nth-child(2) p.blue:after { border-top: solid 20px #008ccf; border-bottom: solid 20px #008ccf; }

@media screen and (max-width: 1000px) {
	.takeOutShop h3 { font-size: 4.0vw; }
	.takeOutShop ul { display: flex; flex-direction: column; margin: 5.0% auto 0; }
	.takeOutShop li:nth-child(1) { width: 100%; max-width: 100%; order: 2; margin: 25px auto 0; }
	.takeOutShop li:nth-child(1) h4 + p br { display: none; }
	.takeOutShop li:nth-child(2) { width: 100%; margin: 0 auto; }
	.takeOutShop li:nth-child(2) p { float: none; margin: -20px auto 0; }
}

@media screen and (max-width: 767px) {
	.takeOutShop > div { padding: 5.0% 0; }
	.takeOutShop h3 { font-size: 20px; line-height: 24px; padding: 15px 0 15px 55px; }
	.takeOutShop h3:before { width: 40px; height: 40px; left: 5px; }
	.takeOutShop li:nth-child(1) h4 { font-size: 16px; line-height: 20px; }
	.takeOutShop li:nth-child(1) h4 + p { padding-top: 10px; }
	.takeOutShop li:nth-child(1) .info {
		max-width: 100%;
		display: flex;
		flex-direction: column;
		background: rgba(255,255,255,0.7);
		box-sizing: border-box;
		padding: 10px 15px 15px 15px;
		margin-top: 15px;
	}
	.takeOutShop li:nth-child(1) .info img { width: 100%; order: 2; margin: 15px auto 0; }
	.takeOutShop li:nth-child(1) .info .detailsLink1 { width: 180px; order: 3; margin: 15px auto 0; }
	.takeOutShop li:nth-child(2) p {
		width: 100%;
		height: auto;
		font-size: 12px;
		line-height: 18px;
		padding: 5px 1em;
		margin: 0;
	}
	.takeOutShop li:nth-child(2) p:before { content: none; }
	.takeOutShop li:nth-child(2) p:after { content: none; }
}





/* natureCafe　自然＆カフェ
========================================================= */

#natureCafe { color: #000000; background: url(/images/special/sp1_02/bg.gif) center top; padding: 0 0 120px 0; }

@media screen and (max-width: 767px) {
	#natureCafe { background-size: 100%; padding: 0 0 50px 0; }
}



/* natureCafeTitle
--------------------------------------------------------- */

.natureCafeTitle { padding: 0 calc(15/320 * 100%); }
.natureCafeTitle h2 { width: 100%; max-width: 960px; padding: 40px 0 0 0; margin: 0 auto; }
.natureCafeTitle h2 span:first-child { display: block; }
.natureCafeTitle h2 span + span { display: none; }
.natureCafeTitle h2 + p { font-size: 17px; line-height: 30px; text-align: center; padding: 50px 0 0 0; }
.natureCafeTitle .sns_icon_area { margin-top: 25px; }

@media screen and (max-width: 767px) {
	.natureCafeTitle h2 { padding: 20px 0 0 0; }
	.natureCafeTitle h2 + p { font-size: 15px; line-height: 26px; text-align: left; padding: 30px 0 0 0; }
	.natureCafeTitle h2 + p br { display: none; }
}

@media screen and (max-width: 640px) {
	.natureCafeTitle h2 span:first-child { display: none; }
	.natureCafeTitle h2 span + span { display: block; }
}



/* natureCafePlace
--------------------------------------------------------- */

.natureCafePlace { padding: 0 calc(15/320 * 100%); margin: 75px 0 0 0; }
.natureCafePlace + .natureCafePlace { margin: 120px 0 0 0; }

.natureCafePlace .main { width: 100%; max-width: 1100px; margin: 0 auto; }
.natureCafePlace .main > p:first-child { width: 145px; margin: 0 0 5px 0; }
.natureCafePlace .main ul { overflow: hidden; }
.natureCafePlace .main li:nth-child(1) { width: calc(550/1100 * 100%); float: left; }
.natureCafePlace .main li:nth-child(1) .title { max-width: 550px; }
.natureCafePlace .main li:nth-child(1) .title p {
	color: #68b82e;
	font-size: 22px;
	line-height: 32px;
	font-weight: bold;
}
.natureCafePlace .main li:nth-child(1) .title div { display: table; margin: 5px 0 0 0; }
.natureCafePlace .main li:nth-child(1) .title div img { width: 70px; display: table-cell; }
.natureCafePlace .main li:nth-child(1) .title div h3 {
	display: table-cell;
	font-size: 39px;
	line-height: 50px;
	font-weight: bold;
	vertical-align: middle;
	padding: 0 0 0 10px;
}
.natureCafePlace .main li:nth-child(1) .title div + p { max-width: 550px; margin: -20px 0 0 0; }
.natureCafePlace .main li:nth-child(1) .title + p { font-size: 15px; line-height: 28px; margin: 25px 0 0 0; }
.natureCafePlace .main li:nth-child(1) .title + p + p { font-size: 13px; line-height: 22px; margin: 15px 0 0 0; }
.natureCafePlace .main li:nth-child(1) .info { font-size: 13px; line-height: 22px; margin: 20px 0 0 0; }
.natureCafePlace .main li:nth-child(1) .info dl { display: table; }
.natureCafePlace .main li:nth-child(1) .info dt,
.natureCafePlace .main li:nth-child(1) .info dd { display: table-cell; vertical-align: top; }
.natureCafePlace .main li:nth-child(1) .info dt { white-space: nowrap; }
.natureCafePlace .main li:nth-child(1) .info span { display: inline-block; }
.natureCafePlace .main li:nth-child(2) {
	width: calc(520/1100 * 100%);
	max-width: 520px;
	float: right;
	font-size: 12px;
	line-height: 20px;
	position: relative;
}
.natureCafePlace .main li:nth-child(2) .cap1 {
	width: 100%;
	color: #ffffff;
	text-align: center;
	position: absolute;
	bottom: 15px;
}
.natureCafePlace .main li:nth-child(2) .cap2 {
	position: absolute;
	right: calc(125/520 * 100%);
	bottom: calc(35/520 * 100%);
}

.natureCafePlace .sub {
	width: 100%;
	max-width: 940px;
	border-radius: 30px;
	background: #fffde1;
	box-sizing: border-box;
	padding: 40px;
	margin: 50px auto 0;
}
.natureCafePlace .sub > p:first-child { width: 145px; margin: 0 0 5px 0; }
.natureCafePlace .sub ul { overflow: hidden; }
.natureCafePlace .sub ul + ul { margin: 70px 0 0 0; }
.natureCafePlace .sub li:nth-child(1) { width: calc(490/860 * 100%); float: left; }
.natureCafePlace .sub li:nth-child(1) h4 { color: #8f7c53; font-size: 20px; line-height: 28px; font-weight: bold; }
.natureCafePlace .sub li:nth-child(1) h4 + p { font-size: 15px; line-height: 28px; margin: 10px 0 0 0; }
.natureCafePlace .sub li:nth-child(1) .info { font-size: 13px; line-height: 22px; margin: 15px 0 0 0; }
.natureCafePlace .sub li:nth-child(1) .info dl { display: table; }
.natureCafePlace .sub li:nth-child(1) .info dt,
.natureCafePlace .sub li:nth-child(1) .info dd { display: table-cell; vertical-align: top; }
.natureCafePlace .sub li:nth-child(1) .info dt { white-space: nowrap; }
.natureCafePlace .sub li:nth-child(1) .info span { display: inline-block; }
.natureCafePlace .sub li:nth-child(1) .info dl + p { text-indent: -1em; padding: 1em 0 0 1em; }
.natureCafePlace .sub li:nth-child(2) { width: calc(300/860 * 100%); max-width: 300px; float: right; }
.natureCafePlace .sub li:nth-child(2) div {
	font-size: 12px;
	line-height: 16px;
	overflow: hidden;
	position: relative;
}
.natureCafePlace .sub li:nth-child(2) div.photo2_03 img { width: calc(220/300 * 100%); }
.natureCafePlace .sub li:nth-child(2) div.photo2_03 p { position: absolute; right: 0; bottom: 5px; }
.natureCafePlace .sub li:nth-child(2) div.photo2_04 img { width: calc(180/300 * 100%); float: right; }
.natureCafePlace .sub li:nth-child(2) div.photo2_04 p { position: absolute; bottom: 5px; left: 0; }



@media screen and (max-width: 1100px) {
	.natureCafePlace .main li:nth-child(2) { font-size: 1.2vw; line-height: 2.0vw; }
	.natureCafePlace .sub li:nth-child(2) div { font-size: 1.2vw; line-height: 1.6vw; }
}

@media screen and (max-width: 767px) {
	.natureCafePlace { margin: 50px 0 0 0; }
	.natureCafePlace + .natureCafePlace { margin: 70px 0 0 0; }
	
	.natureCafePlace .main li:nth-child(1) { width: 100%; float: none; }
	.natureCafePlace .main > p:first-child { width: 100px; margin: 0 0 10px 0; }
	.natureCafePlace .main li:nth-child(1) .title p { font-size: 16px; line-height: 26px; }
	.natureCafePlace .main li:nth-child(1) .title div img { width: 50px; }
	.natureCafePlace .main li:nth-child(1) .title div h3 { font-size: 26px; line-height: 30px; }
	.natureCafePlace .main li:nth-child(1) .title div + p { margin: -15px 0 0 0; }
	.natureCafePlace .main li:nth-child(1) .title + p { line-height: 24px; margin: 15px 0 0 0; }
	.natureCafePlace .main li:nth-child(1) .title + p + p { font-size: 12px; margin: 10px 0 0 0; }
	.natureCafePlace .main li:nth-child(1) .info dt,
	.natureCafePlace .main li:nth-child(1) .info dd { display: inline-block; }
	.natureCafePlace .main li:nth-child(1) .info dt { font-weight: bold; }
	.natureCafePlace .main li:nth-child(2) {
		width: 100%;
		float: none;
		font-size: 10px;
		line-height: 14px;
		margin: 25px auto 0;
	}
	.natureCafePlace .main li:nth-child(2) .cap1 { color: #000000; position: static; padding: 5px 0 0 0; }
	.natureCafePlace .main li:nth-child(2) .cap2 {
		width: 100%;
		position: static;
		text-align: center;
		padding: 5px 0 0 0;
	}
	
	.natureCafePlace .sub { border-radius: 15px; padding: 20px 20px 25px 20px; margin: 40px auto 0; }
	.natureCafePlace .sub > p:first-child { width: 100px; margin: 0 0 10px 0; }
	.natureCafePlace .sub ul + ul { margin: 50px 0 0 0; }
	.natureCafePlace .sub li:nth-child(1) { width: 100%; float: none; }
	.natureCafePlace .sub li:nth-child(1) h4 { font-size: 18px; line-height: 22px; }
	.natureCafePlace .sub li:nth-child(1) h4 + p { line-height: 24px; margin: 10px 0 0 0; }
	.natureCafePlace .sub li:nth-child(2) { width: 100%; max-width: 300px; float: none; margin: 20px auto 0; }
	.natureCafePlace .sub li:nth-child(1) .info dt,
	.natureCafePlace .sub li:nth-child(1) .info dd { display: inline-block; }
	.natureCafePlace .sub li:nth-child(1) .info dt { font-weight: bold; }
	.natureCafePlace .sub li:nth-child(2) div { font-size: 10px; line-height: 14px; }
}





/* souvenirs　新宿の手みやげ
========================================================= */

#souvenirs { color: #000000; }



/* souvenirsTitle
--------------------------------------------------------- */

.souvenirsTitle h2 { width: 100%; max-width: 1100px; padding: 20px 0 0 0; margin: 0 auto; }
.souvenirsTitle h2 span:first-child { display: block; }
.souvenirsTitle h2 span + span { display: none; }
.souvenirsTitle h2 + p { font-size: 17px; line-height: 30px; text-align: center; padding: 45px 0 0 0; }
.souvenirsTitle .sns_icon_area { margin-top: 25px; }

@media screen and (max-width: 767px) {
	.souvenirsTitle h2 + p {
		font-size: 15px;
		line-height: 26px;
		text-align: left;
		padding: 30px calc(15/320 * 100%) 0;
	}
	.souvenirsTitle h2 + p br { display: none; }
}

@media screen and (max-width: 640px) {
	.souvenirsTitle h2 { padding: 10px 0 0 0; }
	.souvenirsTitle h2 span:first-child { display: none; }
	.souvenirsTitle h2 span + span { display: block; }
}



/* souvenirsList
--------------------------------------------------------- */

.souvenirsList {
	width: 100%;
	background: url(/images/special/sp1_03/bg.gif) repeat-y center 0;
	box-sizing: border-box;
	padding: 0 calc(15/320 * 100%) 120px;
	margin: 170px auto 0;
}

.souvenirsShop { position: relative; padding: 80px 0 0 0; }
.souvenirsShop + .souvenirsShop { margin: 180px 0 0 0; }
.souvenirsShop .shopNumber {
	max-width: 1100px;
	position: absolute;
	top: -80px;
	left: 0;
	right: 0;
	margin: auto;
}
.souvenirsShop .shopNumber p:first-child {
	width: calc(244/1100 * 100%);
	min-width: 110px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
}

.souvenirsShop ul { width: 100%; max-width: 940px; overflow: hidden; margin: 0 auto; }
.souvenirsShop .itemName + ul { margin: 30px auto 0; }
.souvenirsShop li:nth-child(1) { width: calc(480/940 * 100%); float: left; }
.souvenirsShop li:nth-child(2) { width: calc(400/940 * 100%); float: right; }
.souvenirsShop li.shop1 { margin: calc(120/940 * 100%) 0 0 0; }

.souvenirsShop .itemName { color: #e6124e; font-weight: bold; text-align: center; }
.souvenirsShop .itemName p:first-child { font-size: 22px; line-height: 22px; }
.souvenirsShop .itemName h2 { font-size: 40px; line-height: 55px; padding: 10px 0 0 0; }
.souvenirsShop .itemName h2 span { font-size: 30px; }
.souvenirsShop .itemName h2 + p {
	display: table;
	color: #000000;
	font-size: 14px;
	line-height: 20px;
	font-weight: normal;
	margin: 0 auto;
}
.souvenirsShop .itemName h2 + p + p {
	display: table;
	color: #000000;
	font-size: 14px;
	line-height: 20px;
	font-weight: normal;
	margin: 0 auto;
}

.souvenirsShop .itemName h2 + p span { display: inline-block; padding: 0 1em 0 0; }
.souvenirsShop .itemName +.itemPhoto { margin: 40px 0 0 0; }

.souvenirsShop .txt { font-size: 15px; line-height: 28px; }
.souvenirsShop .note { font-size: 13px; line-height: 22px; text-indent: -1em; padding-left: 1em; }
.souvenirsShop .itemPhoto +.txt { margin: 35px 0 0 0; }
.souvenirsShop .info { font-size: 13px; line-height: 22px; margin: 30px 0 0 0; }
.souvenirsShop .info div:first-child { width: calc(130/480 * 100%); max-width: 130px; float: left; }
.souvenirsShop .info div + div { width: calc(340/480 * 100%); float: right; }
.souvenirsShop .info h3 { font-size: 16px; line-height: 24px; font-weight: bold; margin: 0 0 10px 0; }
.souvenirsShop .info dl { display: table; }
.souvenirsShop .info dt,
.souvenirsShop .info dd { display: table-cell; vertical-align: top; }
.souvenirsShop .info dt { white-space: nowrap; }
.souvenirsShop .info span { display: inline-block; }
.souvenirsShop .info dl + p { text-indent: -1em; padding-left: 1em; }



@media screen and (max-width: 767px) {
	.souvenirsList { background-size: 100%; padding: 0 calc(15/320 * 100%) 60px; margin: 60px auto 0; }
	.souvenirsShop { padding: 0; }
	.souvenirsShop + .souvenirsShop { margin: 60px 0 0 0; }
	.souvenirsShop .shopNumber { position: static; }
	
	.souvenirsShop ul { display: flex; flex-direction: column; margin: 30px auto 0; }
	.souvenirsShop .itemName + ul { margin: 20px auto 0; }
	.souvenirsShop li:nth-child(1) { width: 100%; float: none; order: 2; margin: 40px 0 0 0; }
	.souvenirsShop li:nth-child(2) { width: 100%; float: none; order: 1; }
	.souvenirsShop li.shop1 { margin: 0; }
	
	.souvenirsShop .itemName p:first-child { font-size: 16px; line-height: 16px; }
	.souvenirsShop .itemName h2 { font-size: 24px; line-height: 34px; padding: 10px 0 0 0; }
	.souvenirsShop .itemName h2 span { font-size: 20px; }
	.souvenirsShop .itemName h2 + p { text-align: left; }
	.souvenirsShop .itemName h2 + p span { display: block; padding: 0 0 0 0; }
	.souvenirsShop .itemName h2 + p br { display: none; }
	.souvenirsShop .shopNumber + .itemName { margin: 30px auto 0; }
	
	.souvenirsShop .txt { line-height: 24px; }
	.souvenirsShop .itemPhoto { max-width: 300px; margin: 0 auto; }
	.souvenirsShop .itemName +.itemPhoto { margin: 20px auto 0; }
	
	.souvenirsShop .info { width: auto; display: table; margin: 30px auto 0; }
	.souvenirsShop .info div:first-child { width: 100%; display: table; float: none; margin: 0 auto; }
	.souvenirsShop .info div + div { width: 100%; float: none; margin: 15px 0 0 0; }
	.souvenirsShop .info h3 { font-size: 15px; line-height: 22px; }
	.souvenirsShop .info span { display: block; }
}





/* artMuseum　新宿アート・ミュージアム
========================================================= */

#artMuseum {
	background: url(/images/special/sp1_04/bg.jpg) repeat-y center top;
	background-size: 100%;
	color: #000000;
	padding: 100px calc(15/320 * 100%) 120px;
}

@media screen and (max-width: 767px) {
	#artMuseum { padding: 30px calc(15/320 * 100%) 60px; }
}



/* artMuseumTitle
--------------------------------------------------------- */

.artMuseumTitle { width: 100%; max-width: 1100px; text-align: center; margin: 0 auto; }
.artMuseumTitle h2 { width: calc(400/1100 * 100%); min-width: 220px; margin: 0 auto; }
.artMuseumTitle h2 + p { font-size: 24px; line-height: 30px; font-weight: bold; margin: 60px 0 0 0; }
.artMuseumTitle p + p { font-size: 17px; line-height: 30px; margin: 30px 0 0 0; }
.artMuseumTitle p + p span { display: inline-block; }
.artMuseumTitle .sns_icon_area { margin-top: 25px; }

@media screen and (max-width: 767px) {
	.artMuseumTitle h2 + p { font-size: 17px; line-height: 26px; margin: 40px 0 0 0; }
	.artMuseumTitle p + p { font-size: 15px; line-height: 26px; text-align: left; margin: 20px 0 0 0; }
	.artMuseumTitle p + p span { display: inline; }
	.artMuseumTitle p + p br { display: none; }
}



/* artMuseumList1
--------------------------------------------------------- */

.artMuseumList1 { width: 100%; max-width: 940px; margin: 100px auto 0; }
.artMuseumList1 ul { overflow: hidden; }
.artMuseumList1 ul + ul { border-top: solid 1px #ea6177; padding: 60px 0 0 0; margin: 60px 0 0 0; }
.artMuseumList1 div + ul { border-top: solid 1px #ea6177; padding: 60px 0 0 0; margin: 60px 0 0 0; }
.artMuseumList1 li:nth-child(1) { width: calc(430/940 * 100%); max-width: 430px; float: left; }
.artMuseumList1 li.kusama { padding: 0 0 200px 0; }
.artMuseumList1 li:nth-child(2) { width: calc(450/940 * 100%); float: right; }
.artMuseumList1 .sub1 { display: table; margin: -25% 0 0 20px; }
.artMuseumList1 .sub1 p { display: table-cell; vertical-align: bottom; padding: 0 12px 0 0; }
.artMuseumList1 .sub2 { display: table; margin: 40px 0 0 20px; position: absolute; }
.artMuseumList1 .sub2 p { display: table-cell; vertical-align: bottom; padding: 0 12px 0 0; }
.artMuseumList1 .sub3 { width: calc(350/430 * 100%); display: table; margin: -70px auto 0; position: relative; }
.artMuseumList1 .sub3 div:nth-child(1) {
	width: calc(220/350 * 100%);
	max-width: 220px;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
}
.artMuseumList1 .sub3 div:nth-child(2) {
	width: calc(160/350 * 100%);
	max-width: 160px;
	margin: 0 0 15px auto;
	position: relative;
	z-index: 2;
}
.artMuseumList1 .sub4 {
	width: calc(240/430 * 100%);
	max-width: 240px;
	min-width: 180px;
	display: table;
	margin: -50px 0 0 20px;
}
.artMuseumList1 .sub5 {
	width: calc(190/430 * 100%);
	max-width: 190px;
	min-width: 140px;
	display: table;
	margin: -60px 0 0 20px;
}
.artMuseumList1 .sub6 { width: calc(410/430 * 100%); margin: -50px auto 0; overflow: hidden; position: relative; }
.artMuseumList1 .sub6 p:nth-child(1) {
	width: calc(220/410 * 100%);
	max-width: 220px;
	min-width: 160px;
	float: left;
}
.artMuseumList1 .sub6 p:nth-child(2) {
	width: calc(160/410 * 100%);
	float: right;
	border: solid 1px #cccccc;
	border-radius: 8px;
	background: #ffffff;
	font-size: 12px;
	line-height: 20px;
	box-sizing: border-box;
	padding: 10px 12px;
}

.artMuseumList1 .catch { text-align: center; }
.artMuseumList1 .catch span {
	display: inline-block;
	background: #ea6177;
	color: #ffffff;
	font-size: 16px;
	line-height: 16px;
	font-weight: bold;
	padding: 6px 10px;
}
.artMuseumList1 .catch br + span { margin: 6px 0 0 0; }
.artMuseumList1 h3 {
	color: #ea6177;
	font-size: 40px;
	line-height: 54px;
	font-weight: bold;
	text-align: center;
	margin: 15px 0 0 0;
}
.artMuseumList1 h3 img { width: 70px; display: block; margin: 0 auto 10px; }
.artMuseumList1 h3 span { display: inline-block; }
.artMuseumList1 h3 + p { font-size: 15px; line-height: 28px; margin: 20px 0 0 0; }

.artMuseumList1 .info { font-size: 13px; line-height: 22px; margin: 30px 0 0 0; }
.artMuseumList1 .info dl { display: table; }
.artMuseumList1 .info dt,
.artMuseumList1 .info dd { display: table-cell; vertical-align: top; }
.artMuseumList1 .info dt { white-space: nowrap; }
.artMuseumList1 .info span { display: inline-block; }
.artMuseumList1 .info p.note { text-indent: -1em; padding-left: 1em; }

.artMuseumList1 .caption { font-size: 12px; line-height: 18px; }
.artMuseumList1 .caption.taC { text-align: center; padding: 8px 0 0 0; }
.artMuseumList1 .caption.taR { text-align: right; padding: 8px 0 0 0; }



@media screen and (max-width: 840px) {
	.artMuseumList1 .sub6 p:nth-child(2) {
		width: 100%;
		display: block;
		margin: 20px 0 0 0;
	}
}

@media screen and (max-width: 767px) {
	.artMuseumList1 { margin: 70px auto 0; }
	.artMuseumList1 ul { display: flex; flex-direction: column; }
	.artMuseumList1 ul + ul { padding: 50px 0 0 0; margin: 50px 0 0 0; }
	.artMuseumList1 div + ul { padding: 50px 0 0 0; margin: 50px 0 0 0; }
	.artMuseumList1 li:nth-child(1) { width: 100%; float: none; margin: 30px auto 0; order: 2; }
	.artMuseumList1 li.kusama { padding: 0; }
	.artMuseumList1 li:nth-child(2) { width: 100%; float: none; order: 1; }
	.artMuseumList1 .sub1 { margin: -50px 0 0 20px; }
	.artMuseumList1 .sub2 { margin: 20px auto 0; position: static; }
	.artMuseumList1 .sub2 p { display: block; vertical-align: bottom; padding: 8px 0 0 0; }
	.artMuseumList1 .sub2 p img { max-width: 220px; display: table; margin: 0 auto; }
	.artMuseumList1 .sub3 { margin: -50px auto 0; }
	.artMuseumList1 .sub3 div:nth-child(1) { padding: 100px 0 0 0; }
	.artMuseumList1 .sub3 div:nth-child(2) { margin: 0 0 0 auto; }
	.artMuseumList1 .sub4 { display: table; margin: -40px 0 0 20px; }
	.artMuseumList1 .sub6 { width: 100%; margin: -40px 0 0 0; }
	.artMuseumList1 .sub6 p:nth-child(2) {
		font-size: 12px;
		line-height: 18px;
		padding: 12px;
		margin: 15px 0 0 0;
	}
	
	.artMuseumList1 .catch span { font-size: 15px; line-height: 15px; }
	.artMuseumList1 h3 { font-size: 26px; line-height: 36px; margin: 15px 0 0 0; }
	.artMuseumList1 h3 img { width: 50px; }
	.artMuseumList1 h3 + p { line-height: 24px; margin: 20px 0 0 0; }
	
	.artMuseumList1 .info { margin: 20px 0 0 0; }
}

@media screen and (max-width: 480px) {
	.artMuseumList1 .sub2 p img { width: calc(220/940 * 100%); min-width: 180px; }
}



/* artMuseumList2
--------------------------------------------------------- */

.artMuseumList2 { width: 100%; max-width: 1100px; background: #333333; padding: 100px 0; margin: 100px auto 0; }

.artMuseumList2 .title { padding: 0 calc(15/320 * 100%) 90px; }
.artMuseumList2 .title img { width: 100%; max-width: 380px; display: table; margin: 0 auto; }

.artMuseumList2 .inner { width: 100%; box-sizing: border-box; padding: 0 calc(15/320 * 100%); }
.artMuseumList2 .inner + .inner {
	border-top: solid 1px #ffffff;
	padding: 70px calc(15/320 * 100%) 0;
	margin: 70px 0 0 0;
}
.artMuseumList2 .inner ul { width: 100%; max-width: 840px; color: #ffffff; overflow: hidden; margin: 0 auto; }
.artMuseumList2 .inner li:nth-child(1) { width: calc(480/840 * 100%); float: left; }
.artMuseumList2 .inner li:nth-child(2) { width: calc(300/840 * 100%); max-width: 300px; float: right; }
.artMuseumList2 .inner h3 {
	font-size: 32px;
	line-height: 22px;
	font-weight: bold;
	text-indent: -82px;
	padding: 0 0 0 82px;
}
.artMuseumList2 .inner h3 img { width: 70px; vertical-align: middle; margin: 0 12px 0 0; }
.artMuseumList2 .inner h3 + p {
	color: #0095d8;
	font-size: 18px;
	line-height: 28px;
	font-weight: bold;
	margin: 25px 0 0 0;
}
.artMuseumList2 .inner p + p { font-size: 15px; line-height: 28px; margin: 10px 0 0 0; }

.artMuseumList2 .inner .info { font-size: 13px; line-height: 22px; margin: 30px 0 0 0; }
.artMuseumList2 .inner .info dl { display: table; }
.artMuseumList2 .inner .info dt,
.artMuseumList2 .inner .info dd { display: table-cell; vertical-align: top; }
.artMuseumList2 .inner .info dt { white-space: nowrap; }
.artMuseumList2 .inner .info span { display: inline-block; }
.artMuseumList2 .inner .info p.note { text-indent: -1em; padding-left: 1em; }
.artMuseumList2 .inner .info .detailsLink1  { border: solid 1px #ffffff; border-radius: 5px; }

.artMuseumList2 .inner .imgW240 { width: calc(240/300 * 100%); max-width: 240px; }
.artMuseumList2 .inner .caption { font-size: 12px; line-height: 18px; }



@media screen and (max-width: 767px) {
	.artMuseumList2 { padding: 30px 0 50px; margin: 70px auto 0; }
	
	.artMuseumList2 .title { padding: 0 calc(15/320 * 100%) 50px; }
	
	.artMuseumList2 .inner + .inner { padding: 50px calc(15/320 * 100%) 0; margin: 50px 0 0 0; }
	.artMuseumList2 .inner li:nth-child(1) { width: 100%; display: block; float: none; }
	.artMuseumList2 .inner li:nth-child(2) { width: 100%; max-width: 300px; float: none; margin: 30px auto 0; }
	.artMuseumList2 .inner h3 {
		font-size: 26px;
		line-height: 36px;
		text-align: center;
		text-indent: 0;
		padding: 0;
	}
	.artMuseumList2 .inner h3 span { display: inline-block; }
	.artMuseumList2 .inner h3 img { width: 50px; display: block; margin: 0 auto 10px; }
	.artMuseumList2 .inner h3 + p { font-size: 16px; line-height: 26px; margin: 20px 0 0 0; }
	.artMuseumList2 .inner p + p { line-height: 24px; }
	
	.artMuseumList2 .inner .imgW240 { margin: 0 auto; }
}



/* artMuseumList3
--------------------------------------------------------- */

.artMuseumList3 { width: 100%; max-width: 1100px; background: #ffffff; padding: 100px 0; margin: 100px auto 0; }

.artMuseumList3 .title { padding: 0 calc(15/320 * 100%) 90px; }
.artMuseumList3 .title ul { width: 100%; max-width: 870px; overflow: hidden; margin: 0 auto; position: relative; }
.artMuseumList3 .title li:nth-child(1) { width: calc(230/870 * 100%); max-width: 230px; float: left; }
.artMuseumList3 .title li:nth-child(2) {
	width: calc(360/870 * 100%);
	max-width: 360px;
	height: calc(160/190 * 100%);
	border-top: solid 3px #ea6177;
	border-bottom: solid 3px #ea6177;
	box-sizing: border-box;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.artMuseumList3 .title li:nth-child(2) img {
	width: calc(206/360 * 100%);
	max-width: 206px;
	display: table;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.artMuseumList3 .title li:nth-child(3) { width: calc(230/870 * 100%); max-width: 230px; float: right; }

.artMuseumList3 .inner { width: 100%; box-sizing: border-box; padding: 0 calc(15/320 * 100%); position: relative; }
.artMuseumList3 .inner + .inner {
	border-top: solid 1px #eeeeee;
	overflow: hidden;
	padding: 70px calc(15/320 * 100%) 0;
	margin: 70px 0 0 0;
}
.artMuseumList3 .inner + .inner:after {
	content: "";
	width: 300px;
	height: 10px;
	background: #ffffff;
	position: absolute;
	top: -20px;
	right: -10px;
	box-shadow: 0 8px 10px #999999;
	transform: rotate(3deg);
}
.artMuseumList3 .inner ul { width: 100%; max-width: 840px; overflow: hidden; margin: 0 auto; }
.artMuseumList3 .inner li:nth-child(1) { width: calc(480/840 * 100%); float: left; }
.artMuseumList3 .inner li:nth-child(2) { width: calc(300/840 * 100%); max-width: 300px; float: right; }
.artMuseumList3 .inner h3 {
	font-size: 32px;
	line-height: 22px;
	font-weight: bold;
	text-indent: -82px;
	padding: 0 0 0 82px;
}
.artMuseumList3 .inner h3 img { width: 70px; vertical-align: middle; margin: 0 12px 0 0; }
.artMuseumList3 .inner h3 + p {
	color: #ea6177;
	font-size: 18px;
	line-height: 28px;
	font-weight: bold;
	margin: 25px 0 0 0;
}
.artMuseumList3 .inner p + p { font-size: 15px; line-height: 28px; margin: 10px 0 0 0; }

.artMuseumList3 .inner .info { font-size: 13px; line-height: 22px; margin: 30px 0 0 0; }
.artMuseumList3 .inner .info dl { display: table; }
.artMuseumList3 .inner .info dt,
.artMuseumList3 .inner .info dd { display: table-cell; vertical-align: top; }
.artMuseumList3 .inner .info dt { white-space: nowrap; }
.artMuseumList3 .inner .info span { display: inline-block; }
.artMuseumList3 .inner .info p.note { text-indent: -1em; padding-left: 1em; }



@media screen and (max-width: 767px) {
	.artMuseumList3 { padding: 15px 0 50px; margin: 70px auto 0; }
	
	.artMuseumList3 .title { padding: 0 calc(15/320 * 100%) 50px; }
	.artMuseumList3 .title li:nth-child(1) { display: none; }
	.artMuseumList3 .title li:nth-child(2) {
		width: 100%;
		height: 100%;
		display: block;
		position: static;
		transform: none;
		padding: 15px 0;
		margin: 0 auto;
	}
	.artMuseumList3 .title li:nth-child(2) img { width: 55%; position: static; transform: none; margin: 0 auto; }
	.artMuseumList3 .title li:nth-child(3) { display: none; }
	
	.artMuseumList3 .inner + .inner { padding: 50px calc(15/320 * 100%) 0; margin: 50px 0 0 0; }
	.artMuseumList3 .inner + .inner:after { width: 200px; }
	.artMuseumList3 .inner li:nth-child(1) { width: 100%; display: block; float: none; }
	.artMuseumList3 .inner li:nth-child(2) { width: 100%; max-width: 300px; float: none; margin: 30px auto 0; }
	.artMuseumList3 .inner h3 {
		font-size: 26px;
		line-height: 36px;
		text-align: center;
		text-indent: 0;
		padding: 0;
	}
	.artMuseumList3 .inner h3 img { width: 50px; display: block; margin: 0 auto 10px; }
	.artMuseumList3 .inner h3 + p { font-size: 16px; line-height: 26px; margin: 20px 0 0 0; }
	.artMuseumList3 .inner p + p { line-height: 24px; }
}





/* experience　新宿で体験しよう
========================================================= */

#experience { color: #000000; }

@media screen and (max-width: 767px) {
	#experience { }
}



/* expTitle
--------------------------------------------------------- */

.expTitle { width: 100%; max-width: 1100px; margin: 50px auto 0; }
.expTitle h2 img:nth-child(2) { display: none; }
.expTitle h2 + p {
	display: table;
	font-size: 17px;
	line-height: 30px;
	text-align: center;
	padding: 50px calc(15/320 * 100%) 0;
	margin: 0 auto;
}
.expTitle .sns_icon_area { margin-top: 25px; }

@media screen and (max-width: 767px) {
	.expTitle { margin: 10px auto 0; }
	.expTitle h2 + p {
		font-size: 15px;
		line-height: 26px;
		text-align: left;
		padding: 30px calc(15/320 * 100%) 0;
	}
	.expTitle h2 + p br { display: none; }
}

@media screen and (max-width: 640px) {
	.expTitle h2 img:nth-child(1) { display: none; }
	.expTitle h2 img:nth-child(2) { display: block; }
}



/* expList
--------------------------------------------------------- */

.expList {
	background: url(/images/special/sp1_05/bg.gif) center top;
	padding: 60px calc(15/320 * 100%) 120px;
	margin: 40px 0 80px;
}

@media screen and (max-width: 767px) {
	.expList { padding: 30px calc(15/320 * 100%) 60px; margin: 30px 0 40px; }
}



/* list1
--------------------------------------------------------- */

.expList .list1 { width: 100%; max-width: 1100px; margin: 0 auto; }
.expList .list1 > ul { display: table; }
.expList .list1 > ul + ul {
	background: url(/images/special/sp1_05/list1_line.png) no-repeat center top;
	padding: 60px 0 0 0;
	margin: 60px 0 0 0;
}
.expList .list1 > ul > li { display: table-cell; vertical-align: top; }
.expList .list1 > ul > li:nth-child(1) { padding: 0 40px 0 0; }
.expList .list1 > ul > li:nth-child(2) { width: calc(590/1100 * 100%); max-width: 590px; }
.expList .list1 > ul > li.w450 { width: calc(450/1100 * 100%); max-width: 450px; }
.expList .list1 > ul > li:nth-child(1) div.catch { width: 100%; max-width: 470px; }
.expList .list1 > ul > li:nth-child(1) .title { display: table; }
.expList .list1 > ul > li:nth-child(1) .title img,
.expList .list1 > ul > li:nth-child(1) .title h3 { display: table-cell; vertical-align: middle; }
.expList .list1 > ul > li:nth-child(1) .title img { width: 70px; padding: 0 10px 0 0; }
.expList .list1 > ul > li:nth-child(1) .title h3 { font-size: 40px; line-height: 45px; font-weight: bold; }
.expList .list1 > ul > li:nth-child(1) .title h3 span { font-size: 28px; vertical-align: middle; }
.expList .list1 > ul.purple > li:nth-child(1) .title h3 { color: #7c509d; }
.expList .list1 > ul.green > li:nth-child(1) .title h3 { color: #6eba44; }
.expList .list1 > ul.red > li:nth-child(1) .title h3 { color: #dc032d; }
.expList .list1 > ul > li:nth-child(1) .title + p {
	font-size: 18px;
	line-height: 28px;
	font-weight: bold;
	margin: 15px 0 0 0;
}
.expList .list1 > ul > li:nth-child(1) > p + p { font-size: 15px; line-height: 28px; margin: 10px 0 0 0; }
.expList .list1 > ul > li:nth-child(2) div.catch { display: none; }

.expList .list1 .info { font-size: 13px; line-height: 22px; margin: 25px 0 0 0; }
.expList .list1 .sub + .info { margin: 35px 0 0 0; }
.expList .list1 .info ul { max-width: 470px; overflow: hidden; }
.expList .list1 .info ul li:nth-child(1) { width: calc(260/470 * 100%); float: left; }
.expList .list1 .info.noImg ul li:nth-child(1) { width: 100%; float: none; }
.expList .list1 .info ul li:nth-child(2) { width: calc(190/470 * 100%); max-width: 190px; float: right; }
.expList .list1 .info ul li:nth-child(1) span { display: inline-block; }
.expList .list1 .info ul li:nth-child(1) dl { display: table; }
.expList .list1 .info ul li:nth-child(1) dt,
.expList .list1 .info ul li:nth-child(1) dd { display: table-cell; vertical-align: top; }
.expList .list1 .info ul li:nth-child(1) dt { white-space: nowrap; }
.expList .list1 .info ul li:nth-child(1) p.note { text-indent: -1em; padding-left: 1em; }

.expList .list1 .sub { width: 100%;  max-width: 290px; height: 130px; margin: 25px 0 0 0; position: relative; }
.expList .list1 .sub img { max-width: 190px; position: absolute; right: 0; }
.expList .list1 .sub p {
	width: 130px;
	height: 130px;
	display: table-cell;
	border-radius: 50%;
	background: #f2f2f2;
	font-size: 12px;
	line-height: 18px;
	vertical-align: middle;
	box-sizing: border-box;
	padding: 0 17px;
	position: relative;
}



@media screen and (max-width:1000px) {
	.expList .list1 > ul > li:nth-child(1) .title h3 { font-size: 4.0vw; line-height: 4.5vw; }
}

@media screen and (max-width: 860px) {
	.expList .list1 .info ul { width: 100%; display: table; margin: 0 auto; }
	.expList .list1 > ul > li:nth-child(1) div.catch { display: none; }
	.expList .list1 > ul > li:nth-child(2) div.catch {
		width: 80%;
		max-width: 470px;
		display: block;
		position: relative;
	}
	.expList .list1 > ul > li.w450 div.catch { width: 100%; }
	.expList .list1 > ul > li:nth-child(2) div.catch +img { margin: -20px auto 0; }
	
	.expList .list1 .info ul li:nth-child(1) { width: 100%; float: none; }
	.expList .list1 .info ul li:nth-child(2) { width: 100%; float: none; margin: 15px 0 0 0; }
	.expList .list1 .sub { margin: 25px auto 0; }
}

@media screen and (max-width: 767px) {
	.expList .list1 > ul + ul { background-size: 100%; padding: 40px 0 0 0; margin: 40px 0 0 0; }
	.expList .list1 > ul > li { display: block; }
	.expList .list1 > ul > li:nth-child(1) { padding: 0; }
	.expList .list1 > ul > li:nth-child(1) .title { display: block; }
	.expList .list1 > ul > li:nth-child(1) .title img {
		width: 50px;
		display: block;
		margin: 0 auto 10px;
	}
	.expList .list1 > ul > li:nth-child(1) .title h3 {
		display: block;
		font-size: 25px;
		line-height: 35px;
		text-align: center;
	}
	.expList .list1 > ul > li:nth-child(1) .title h3 span { font-size: 20px; }
	.expList .list1 > ul > li:nth-child(1) .title + p { font-size: 16px; line-height: 26px; }
	.expList .list1 > ul > li:nth-child(1) > p + p { line-height: 24px; }
	.expList .list1 > ul > li:nth-child(2) { width: 100%; margin: 20px auto 0; }
	.expList .list1 > ul > li:nth-child(2) div.catch { width: calc(450/590 * 100%); }
	.expList .list1 > ul > li.w450 { width: calc(450/590 * 100%); }
	.expList .list1 > ul > li.w450 div.catch { width: 100%; }
	
	.expList .list1 .info ul li:nth-child(2) { margin: 15px auto 0; }
}



/* listOokubo
--------------------------------------------------------- */

.expList .listOokubo { width: 100%; max-width: 1100px; margin: 100px auto; }
.expList .listOokubo > ul {
	width: 100%;
	display: table;
	background: #ffffff;
	border: solid 8px #6eba44;
	border-radius: 30px;
	box-sizing: border-box;
	padding: 30px;
	overflow: hidden;
}
.expList .listOokubo > ul > li:nth-child(1) { width: calc(570/1024 * 100%); float: left; }
.expList .listOokubo > ul > li:nth-child(2) { width: calc(410/1024 * 100%); float: right; }
.expList .listOokubo > ul > li:nth-child(1) .title { display: table; }
.expList .listOokubo > ul > li:nth-child(1) .title img,
.expList .listOokubo > ul > li:nth-child(1) .title h3 { display: table-cell; vertical-align: middle; }
.expList .listOokubo > ul > li:nth-child(1) .title img { width: 70px; padding: 0 10px 0 0; }
.expList .listOokubo > ul > li:nth-child(1) .title h3 {
	color: #6eba44;
	font-size: 40px;
	line-height: 45px;
	font-weight: bold;
}
.expList .listOokubo > ul > li:nth-child(1) .title + p {
	font-size: 18px;
	line-height: 28px;
	font-weight: bold;
	margin: 15px 0 0 0;
}
.expList .listOokubo > ul > li:nth-child(1) > p + p { font-size: 15px; line-height: 28px; margin: 10px 0 0 0; }

.expList .listOokubo .info { font-size: 13px; line-height: 22px; margin: 25px 0 0 0; }
.expList .listOokubo .info ul { max-width: 570px; overflow: hidden; }
.expList .listOokubo .info ul li:nth-child(1) { float: left; }
.expList .listOokubo .info ul li:nth-child(2) { width: calc(240/570 * 100%); max-width: 240px; float: right; }



@media screen and (max-width: 767px) {
	.expList .listOokubo { margin: 50px auto; }
	.expList .listOokubo > ul { border: solid 6px #6eba44; border-radius: 30px; padding: 20px; }
	.expList .listOokubo > ul > li { display: block; }
	.expList .listOokubo > ul > li:nth-child(1) { width: 100%; float: none; }
	.expList .listOokubo > ul > li:nth-child(2) { width: 100%; float: none; margin: 20px 0 0 0; }
	.expList .listOokubo > ul > li:nth-child(1) .title { display: block; }
	.expList .listOokubo > ul > li:nth-child(1) .title img { width: 50px; display: block; margin: 0 auto 10px; 	}
	.expList .listOokubo > ul > li:nth-child(1) .title h3 {
		display: block;
		font-size: 25px;
		line-height: 35px;
		text-align: center;
	}
	.expList .listOokubo > ul > li:nth-child(1) .title + p { font-size: 16px; line-height: 26px; }
	.expList .listOokubo > ul > li:nth-child(1) > p + p { line-height: 24px; }
	.expList .listOokubo .info ul { width: 100%; }
	.expList .listOokubo .info ul li:nth-child(1) { width: 100%; float: none; }
	.expList .listOokubo .info ul li:nth-child(2) { width: 100%; float: none; margin: 15px auto 0; }
}



/* list2
--------------------------------------------------------- */

.expList .list2 { width: 100%; max-width: 1100px; margin: 0 auto; }
.expList .list2 > ul { }
.expList .list2 > ul + ul {
	background: url(/images/special/sp1_05/list1_line.png) no-repeat center top;
	padding: 60px 0 0 0;
	margin: 60px 0 0 0;
}
.expList .list2 > ul > li { display: table-cell; vertical-align: top; }
.expList .list2 > ul > li:nth-child(1) { width: calc(590/1100 * 100%); max-width: 590px; }
.expList .list2 > ul > li:nth-child(1) div { position: relative; }
.expList .list2 > ul > li:nth-child(1) p {
	color: #ffffff;
	font-size: 12px;
	line-height: 1.0;
	position: absolute;
	bottom: 10px;
	left: 20px;
}
.expList .list2 > ul > li:nth-child(2) { padding: 0 0 0 40px; }
.expList .list2 > ul > li:nth-child(2) div.catch {
	width: 100%;
	max-width: 370px;
	height: 90px;
	display: table;
	border-radius: 12px;
	font-size: 18px;
	line-height: 28px;
	font-weight: bold;
	box-sizing: border-box;
	padding: 0 1.0em;
	position: relative;
}
.expList .list2 > ul > li:nth-child(2) div.catch span {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}
.expList .list2 > ul.blue > li:nth-child(2) div.catch { background: #ceebfb; }
.expList .list2 > ul.purple > li:nth-child(2) div.catch { background: #e5d4e7; }
.expList .list2 > ul.orange > li:nth-child(2) div.catch { background: #ffeba8; }
.expList .list2 > ul.green > li:nth-child(2) div.catch { background: #d1e7c8; }
.expList .list2 > ul.red > li:nth-child(2) div.catch { background: #f8c9c9; }
.expList .list2 > ul > li:nth-child(2) div.catch:after {
	content: "";
	width: 26px;
	display: block;
	border-top: solid 15px;
	border-right: solid 13px transparent;
	border-left: solid 13px transparent;
	box-sizing: border-box;
	position: absolute;
	top: 100%;
	right: 0;
	left: 0;
	margin: auto;
}
.expList .list2 > ul.blue > li:nth-child(2) div.catch:after { border-top-color: #ceebfb; }
.expList .list2 > ul.purple > li:nth-child(2) div.catch:after { border-top-color: #e5d4e7; }
.expList .list2 > ul.orange > li:nth-child(2) div.catch:after { border-top-color: #ffeba8; }
.expList .list2 > ul.green > li:nth-child(2) div.catch:after { border-top-color: #d1e7c8; }
.expList .list2 > ul.red > li:nth-child(2) div.catch:after { border-top-color: #f8c9c9; }
.expList .list2 > ul > li:nth-child(2) .title { display: table; margin: 25px 0 0 0; }
.expList .list2 > ul > li:nth-child(2) .title img,
.expList .list2 > ul > li:nth-child(2) .title h3 { display: table-cell; vertical-align: middle; }
.expList .list2 > ul > li:nth-child(2) .title img { width: 70px; padding: 0 10px 0 0; }
.expList .list2 > ul > li:nth-child(2) .title h3 { font-size: 32px; line-height: 42px; font-weight: bold; }
.expList .list2 > ul.blue > li:nth-child(2) .title h3 { color: #008ccf; }
.expList .list2 > ul.purple > li:nth-child(2) .title h3 { color: #7c509d; }
.expList .list2 > ul.orange > li:nth-child(2) .title h3 { color: #f08300; }
.expList .list2 > ul.orange > li:nth-child(2) .title h3 span { display: block; font-size: 22px; line-height: 32px; }
.expList .list2 > ul.green > li:nth-child(2) .title h3 { color: #6eba44; }
.expList .list2 > ul.green > li:nth-child(2) .title h3 span { font-size: 20px; line-height: 28px; }
.expList .list2 > ul.red > li:nth-child(2) .title h3 { color: #dc032d; }
.expList .list2 > ul > li:nth-child(2) .title  + p { font-size: 15px; line-height: 28px; margin: 15px 0 0 0; }
.expList .list2 > ul > li:nth-child(2) .title  + p + p { font-size: 13px; line-height: 18px; margin: 15px 0 0 0; }
.expList .list2 > ul > li:nth-child(2) .title  + p + p.note { text-indent: -1em; padding-left: 1em; }

.expList .list2 .info { font-size: 13px; line-height: 22px; margin: 25px 0 0 0; }
.expList .list2 .info span { display: inline-block; }
.expList .list2 .info dl { display: table; }
.expList .list2 .info dt,
.expList .list2 .info dd { display: table-cell; vertical-align: top; }
.expList .list2 .info dt { white-space: nowrap; }
.expList .list2 .info p.note { text-indent: -1em; padding: 0 0 0 1em; }
.expList .list2 .info p.fwB { font-weight: bold; }



@media screen and (max-width:1000px) {
	.expList .list2 > ul > li:nth-child(2) .title h3 { font-size: 3.2vw; line-height: 4.2vw; }
}

@media screen and (max-width: 860px) {
}

@media screen and (max-width: 767px) {
	.expList .list2 > ul { display: flex; flex-direction: column; }
	.expList .list2 > ul > li { display: block; }
	.expList .list2 > ul > li:nth-child(1) { width: 100%; order: 2; margin: 40px auto 0; }
	.expList .list2 > ul > li:nth-child(2) { padding: 0; }
	.expList .list2 > ul > li:nth-child(2) div.catch {
		height: 50px;
		font-size: 15px;
		line-height: 25px;
		margin: 0 auto;
	}
	.expList .list2 > ul > li:nth-child(2) div.catch:after { content: none; }
	.expList .list2 > ul + ul { background-size: 100%; padding: 40px 0 0 0; margin: 40px 0 0 0; }
	.expList .list2 > ul > li:nth-child(2) .title { display: block; }
	.expList .list2 > ul > li:nth-child(2) .title img { width: 50px; display: block; margin: 0 auto 10px; }
	.expList .list2 > ul > li:nth-child(2) .title h3 {
		display: block;
		font-size: 25px;
		line-height: 35px;
		text-align: center;
	}
	.expList .list2 > ul.orange > li:nth-child(2) .title h3 span { font-size: 20px; line-height: 28px; }
	.expList .list2 > ul > li:nth-child(2) .title + p { line-height: 24px; }
}

@media screen and (max-width: 480px) {
	.expList .list2 > ul > li:nth-child(1) p { bottom: 10px; left: 10px; }
	.expList .list2 > ul.blue > li:nth-child(2) h3 span { display: block; }
	.expList .list2 > ul.red > li:nth-child(2) h3 span { display: inline-block; }
}



/* list3
--------------------------------------------------------- */

.expList .list3 { width: 100%; max-width: 1100px; border-radius: 30px; background: #ddc89f; margin: 120px auto 0; }
.expList .list3 .listTitle { width: 100%; border-radius: 30px 30px 0 0;  background: #947143; padding: 25px 0; }
.expList .list3 .listTitle img { width: calc(675/1100 * 100%); display: table; margin: 0 auto; }
.expList .list3 > ul { width: 100%; display: table; box-sizing: border-box; padding: 50px calc(80/1100 * 100%); }
.expList .list3 > ul + ul { border-top: solid 1px #cbb384; }
.expList .list3 > ul > li { display: table-cell; vertical-align: top; }
.expList .list3 > ul > li:nth-child(2) { width: calc(350/940 * 100%); max-width: 350px; }
.expList .list3 > ul > li:nth-child(1) { padding: 0 70px 0 0; }
.expList .list3 > ul > li:nth-child(1) .title { display: table; }
.expList .list3 > ul > li:nth-child(1) .title img,
.expList .list3 > ul > li:nth-child(1) .title h3 { display: table-cell; vertical-align: middle; }
.expList .list3 > ul > li:nth-child(1) .title img { width: 70px; padding: 0 10px 0 0; }
.expList .list3 > ul > li:nth-child(1) .title h3 { font-size: 32px; line-height: 42px; font-weight: bold; }
.expList .list3 > ul > li:nth-child(1) .title + p { font-size: 15px; line-height: 28px; margin: 15px 0 0 0; }
.expList .list3 > ul > li:nth-child(1) .title + p + p {
	color: #cc0000;
	font-size: 15px;
	line-height: 28px;
	font-weight: bold;
}

.expList .list3 .info { font-size: 13px; line-height: 22px; margin: 25px 0 0 0; }
.expList .list3 .info ul { max-width: 520px; overflow: hidden; }
.expList .list3 .info ul li:nth-child(1) { width: calc(310/520 * 100%); float: left; }
.expList .list3 .info ul li:nth-child(2) { width: calc(190/520 * 100%); max-width: 190px; float: right; }
.expList .list3 .info ul li:nth-child(1) span { display: inline-block; }
.expList .list3 .info ul li:nth-child(1) dl { display: table; }
.expList .list3 .info ul li:nth-child(1) dt,
.expList .list3 .info ul li:nth-child(1) dd { display: table-cell; vertical-align: top; }
.expList .list3 .info ul li:nth-child(1) dt { white-space: nowrap; }
.expList .list3 .info ul li:nth-child(1) p.note { text-indent: -1em; padding-left: 1em; }



@media screen and (max-width: 840px) {
	.expList .list3 > ul { padding: 30px 5%; }
	.expList .list3 > ul > li:nth-child(1) { padding: 0 40px 0 0; }
}

@media screen and (max-width: 767px) {
	.expList .list3 { margin: 80px auto 0; }
	.expList .list3 .listTitle { padding: 15px 0; }
	.expList .list3 .listTitle img { width: 90%; }
	.expList .list3 > ul > li { display: block; }
	.expList .list3 > ul > li:nth-child(2) { width: 100%; margin: 20px auto 0; }
	.expList .list3 > ul > li:nth-child(1) { padding: 0; }
	.expList .list3 > ul > li:nth-child(1) .title { display: block; }
	.expList .list3 > ul > li:nth-child(1) .title img { width: 50px; display: block; margin: 0 auto 10px; }
	.expList .list3 > ul > li:nth-child(1) .title h3 {
		display: block;
		font-size: 25px;
		line-height: 35px;
		text-align: center;
	}
	.expList .list3 > ul > li:nth-child(1) .title + p { line-height: 24px; }
	.expList .list3 > ul > li:nth-child(1) .title + p + p { line-height: 24px; }
	.expList .list3 .info ul { display: table; margin: 0 auto; }
	.expList .list3 .info ul li:nth-child(1) { width: 100%; float: none; }
	.expList .list3 .info ul li:nth-child(2) { width: 100%; float: none; margin: 15px auto 0; }
}





/* plusIssue
========================================================= */

.plusIssue { padding: 0 calc( 15 / 320 * 100% ); margin: 50px 0 0 0; }
.plusIssue p { text-align: center; margin: 0 auto; }
.plusIssue p span { display: inline-block; padding: 0 0.5em; }
.plusIssue ul { display: table; font-size: 13px; line-height: 20px; margin: 15px auto 0; }
.plusIssue li { display: table-cell; vertical-align: top; }

@media screen and (max-width: 767px) {
	.plusIssue { margin: 30px 0 0 0; }
}





/* 汎用パーツ
========================================================= */

/* detailsLink
--------------------------------------------------------- */

.detailsLink1 { max-width: 190px; margin-top: 15px; }
.detailsLink1 a {
	display: block;
	background-color: #333333;
	color: #ffffff;
	border-radius: 5px;
	font-size: 15px;
	line-height: 24px;
	text-align: center;
	text-decoration: none;
	padding: 6px 5px 5px;
}

.detailsLink2 { max-width: 190px; margin-top: 15px; }
.detailsLink2 a {
	display: block;
	background-color: #ffffff;
	color: #333333;
	border-radius: 5px;
	font-size: 15px;
	line-height: 24px;
	text-align: center;
	text-decoration: none;
	padding: 6px 5px 5px;
}

@media screen and (min-width: 769px) {
	.detailsLink1 a { transition: 0.2s ease; }
	.detailsLink1 a:hover { background-color: #fe8781; }
	
	.detailsLink2 a { transition: 0.2s ease; }
	.detailsLink2 a:hover { background-color: #000000; color: #ffffff; }
}

@media screen and (max-width: 767px) {
	.detailsLink1 { margin: 15px auto 0; }
}


