/* CSS Document*/

/*下段header（トップページ独自要素）
------------------------------------------------------------------------------------------------------*/
#headerMain{
	margin:0 auto;
	width:100%;
	background:url(../images/bk_header_0.35s.gif) no-repeat 68% top #6CC6F1;
	height:320px;
	position: relative;
}
@media screen and (max-width:640px){
	#headerMain{
		background:url(../images/bk_header_sp.png) repeat-x;
		background-position:center bottom;
		background-size:cover;
		height:auto;
		margin: 0 0 40px;
	}
}
.headChara{
	width:735px;
	margin:0 auto;
	display:block;
}
@media screen and (max-width:640px){
	.headChara{
		width:66%;
	}
}

#headLogoSub img{
	width:100%;
}
.slHeadLogo{
	padding:2% 1% 0.5%;
}
.slHeadLogo a{
	display:block;
}

.logoLand {
	background: url(../images/SoftcreamLand.svg) no-repeat;
	width:410px;
	height:80px;
	animation:logo 2s steps(10) infinite;
}

@keyframes logo{
	0%{
		background-position:0 0;
	}
	80%{
		background-position:0 0;
	}
	100%{
		background-position:-4100px 0px;
	}
}

@media screen and (max-width:640px){
	.slHeadLogo{
		padding:2.5% 1.5%;
		width: 70%;
	}
}



.slHeadLogoPosition{
	position:relative;
	bottom:-25px;
	pointer-events:none;
}
@media screen and (max-width:640px){
	.spLandLogo{
		width:70%;
	}
}

/*campaign
------------------------------------------------------------------------------------------------------*/
.contentsCampaign{
	margin-top:26px;
	}


/*大見出し01*/
.contentsTit {
	width:320px;
	}
@media screen and (max-width:640px){
	.contentsTit {
	width:68%;
	}
}
.contentsTit img {
	width:100%;
	}


.campaignInner{
	margin:10px 0 0 0;
	display:inline-block;
	}
.campaignInner li {
	width:31.5%;
	float:left;
	margin:0 2.75% 3% 0;
	position:relative;
	}
.campaignInner li:nth-child(3n){
	margin-right:0%;
}
.campaignInner li a {
	color:#333;
	}

.campaignDetailList{
	width:100%;
	position: relative;
}
.campaignImg{
	width:100%;
}
.ttlCampaign{
	font-size:14px;
	color:#ff6380;
	margin:10px 0 5px;
	font-weight:bolder;
	}
.campaignNewMark{
	position:absolute;
	top:-15px;
	left:93%;
	height:0;
	z-index:2;
	}

/*landContents
------------------------------------------------------------------------------------------------------*/
.landContents{
	width: 100%;
	background: #e2f5fc;
	position: relative;
	margin: 50px 0 0 0;
	padding: 60px 0 60px 0;
	overflow-x: clip;
}
.landContents:before {
	content: '';
	width: 102%;
	height: 40px;
	background: url(../../images/tp_kv_waveBiz_01_pc.svg) repeat-x;
	background-size: contain;
	background-position: left bottom;
	position: absolute;
	top: -39px;
	left: -1%;
}
@media screen and (min-width: 1300px)  {
	.landContents:before {
	background: url(../../images/tp_kv_waveBiz_01_pc.svg) repeat-x;
	background-size:cover;
	background-position: center bottom;
	padding-top:1.95%;
	background-color: #FFFFFF;
	}
}

@media screen and (max-width:640px){
	.landContents{
		padding: 50px 0 15px 0px;
		width: 100%;
		margin: 0 0 0 0;
	}
	.landContents:before {
	}
	.landContents .container {
		width: 96%;
	}
}

/*大見出し02*/
.landContentsTit{
	margin:0px 0 10px 0px;
	width:320px;
	}
.landContentsTit img{
	width:100%;
	}


.landContentsInner{
	clear:both;
	margin:52px 0 50px 0;
	display:inline-block;
	}
@media screen and (max-width: 640px){
	.landContentsInner{
		margin: 0 0 40px 0;
	}
	.landContentsTit {
		margin: 0 0 0 0;
		width: 320px;
	}
}
.landContentsInner:last-child{
	margin:60px 0;
	}
@media screen and (max-width: 640px){
.landContentsInner:last-child{
	margin:0;
	}
}
/*.landContentsDetail{ 
	display:none;
}*/

li.landContentsDetail{
	width:22.5%;
	float:left;
	margin:0 3.3% 0 0;
	background:#fff;
	border-top:3px solid #54c2f0;
	padding-bottom: 10px;
	}

@media screen and (max-width: 640px){
	li.landContentsDetail{
		width:48%;
		margin:15% 4% 1% 0;
		}
	li.landContentsDetail:nth-child(2n){
		margin:15% 0% 1% 0%;
		}
}
.landContentsDetail a{
	position:relative;
	top:0;
	left:0;
	z-index:1;
	}
.landContentsDetail a ul li figure img{
	margin:5px auto;
	display:block;
	}

@media screen and (min-width:641px){
li.landContentsDetail:nth-child(4n){
	margin-right:0;
	}
li.landContentsDetail:nth-child(n+5){
	margin-top:70px;
	}
}

.ttlLandContents{
	font-size:14px;
	color:#008dcd;
	margin:10px 6px 0;
	font-weight:bolder;
	}
.landHeading{
	position:absolute;
	margin:-52px 0 0;
	}

.landHeading p{
	font-size:18px;
	font-weight:bolder;
	line-height:3.25;
	white-space:nowrap;
	}
.landHeading p img {
	padding-right:2px;
	margin-top:4px;
	width:50px;
}

@media screen and (max-width:460px){
	.landHeading p{
	font-size:16px;
	line-height:4;
	}
}
@media screen and (max-width:420px){
	.landHeading p{
	font-size:14px;
	line-height:5;
	}
}
@media screen and (max-width:370px){
	.landHeading p{
	font-size:13px;
	line-height:5.5;
	}
}
@media screen and (max-width:360px){
	.landHeading p{
	font-size:12px;
	line-height:5.5;
	}
}
@media screen and (max-width:320px){
	.landHeading p{
	font-size:11px;
	line-height:6;
	}

}

	
@media screen and (max-width:300px){
	.landHeading p{
	font-size:13px;
	line-height:4;
	}
	.landHeading p img{
		display:none;
	}
	.landHeading{
		margin:-45px 0 0;
	}
}
.LandDetail{
	margin:0 6px 10px;
	font-size:12px;
	color:#333;
	line-height:1.5;
	}
.landContentsData{
	margin:0 6px;
	color:#ff6380;
	}
.landContentsNewMark{
	position: absolute;
	top: -10px;
	left: 210px;
	z-index: 4;
	}

@media screen and (max-width: 640px){
	.landContentsNewMark{
		display:none;
	}
}

.landContentsImage{
	width:94%;
	margin:5px auto;
	display:block;
}

/*News
------------------------------------------------------------------------------------------------------*/
#landNews{
	margin:0 auto 60px;
	}
@media screen and (max-width: 640px){
	#landNews{
		width:94%;
		}
}
.newsTit{
	border-bottom:1px solid #54bfed;
	}
.newsTit p{
	color:#54bfed;
	font-size:18px;
	font-weight:bolder;
	}
.newsTit p span{
	display: inline-block;
	padding: 6px 0 0 10px;
	}
.newsData{
	color:#ff1545;
	font-size:13px;
	margin:0 auto 3px auto ;
	font-weight:bolder;
	}
.newsColumn{
	margin:0 auto 6px auto ;
	color:#004098;
	font-size:16px;
	font-weight:bolder;
	}
@media screen and (max-width: 640px){
	.newsColumn{
		font-size:13px;
		}
}
.landNewsInner li{
	border-bottom:1px dashed #b2b2b2;
	padding:10px;
	}
.landNewsInner li:last-child {
	border-bottom:1px solid #54bfed;
	}

.uLb{
	border-bottom:1px solid #54bfed;
	}
.newsDetail{
	color:#000;
	}
/*landAd
------------------------------------------------------------------------------------------------------*/
.snsCon{
	float:left;
	width:48.75%;
	}
@media screen and (max-width: 640px){
	.snsCon{
		margin-bottom:15px;
		width:100%;
		float:none;
		}
}
.snsInner{
	background:#efefef;
	border-radius:2px;
	margin:15px 0 0;
	height:112px;
	}
@media screen and (max-width: 640px){
	.snsInner{
		height:auto;
		margin:10px 0 0;
		display:inline-block;
		}
}

.snsInner li{
	margin:3% 0% 3% 2.5%;
	width:30%;
	float:left;
}
.snsInner li img{
	width:100%;
}


.webMemberCon{
	width:48.75%;
	float:right;
	}
@media screen and (max-width: 640px){
	.webMemberCon{
		width:100%;
		float:none;
		}
}
.webMemberInner{
	background:#d9f2fc;
	border-radius:2px;
	margin:15px 0 0;
	height:112px;
	}
@media screen and (max-width: 640px){
	.webMemberInner{
		height:auto;
		margin:10px 0 0;
		display:inline-block;
		}
}
.webMemberTxt{
	float: left;
	width: 40%;
	padding: 0 0 10px;
}

.webMemberTxt{
	float: left;
	margin:3% 0% auto 2.6%;
	width:46%;
	}
@media screen and (max-width: 640px){
	.webMemberTxt{
		width:95%;
		margin:3% 2.5% auto 2.5%;
		}
}
.webMemberTxt p{
	text-align:left;
	font-weight:bold;
}

.webMemberImg{
	margin:2% 2.5% auto auto;
	float:right;
	width:46%;

	}
@media screen and (max-width: 640px){
	.webMemberImg{
		width:95%;
		margin:0% 2% 3% 0%;
		float:auto;
		}
}
.webMemberImg img{
	width:100%;
	}

.memberRegistration{
	width:100%;
	margin:3% 0;
	}
@media screen and (max-width: 640px){
	.memberRegistration{
		margin:3% 0 1% 0;
		}
}
aside.landAd{
	padding:10px 0;
	overflow:hidden;
	z-index: 2;
	position: relative;
}


/*ImportantNoticesArea
------------------------------------------------------------------------------------------------------*/
.ImportantNoticesArea{
	margin: 45px auto 0;
	width: 1040px;
	display: flex;
	border-radius: 5px;
	overflow: hidden;
}
.ImportantNoticesArea .tit{
	display: inline-block;
	text-align: center;
	background: #ff6480;
	line-height: 26px;
	width: 124px;
	color: #fff;
}
.ImportantNoticesArea .txt{
	display: inline-block;
	background: #f0f0f0;
	line-height: 26px;
	width: calc(100% - 124px);
	padding: 0 0 0 15px;
}
@media screen and (max-width: 640px){
	.ImportantNoticesArea {
		width: 96%;
		margin: 0 auto 20px;
		flex-direction: column;
	}
	.ImportantNoticesArea .tit,
	.ImportantNoticesArea .txt {
		width: 100%;
	}
	.ImportantNoticesArea .txt {
		line-height: 150%;
		padding: 5px 10px 10px 10px
	}
	.ImportantNoticesArea .txt a {
		display: flex;
	}
	.ImportantNoticesArea .txt .newsTitle {
		display: flex;
	}
}
.ImportantNoticesArea .txt strong{
	color:#FF0004;
}
.ImportantNoticesArea .txt a:hover{
	text-decoration:underline;
}

/*headCatch
------------------------------------------------------------------------------------------------------*/
.headCatch {
	margin: 50px 0 0;
	text-align: center;
}
.headCatch.tit{
	font-size: 27px;
	font-weight: bold;
	color: #54beec;
}
@media screen and (max-width:640px){
	.headCatch {
		width:94%;
		margin: 0 auto;
	}
	.headCatch.tit {
		font-size: 16px;
	}
}

/*contentsCampaign22
------------------------------------------------------------------------------------------------------*/
.contentsCampaign22 {
	width: 1040px;
	margin: 26px auto 0;
}

/*1カラムver*/
.contentsCampaign22 .longBnr {
	width: 100%;
	margin: 0px auto 45px auto;
}
@media screen and (max-width: 640px){
	.contentsCampaign22 .longBnr {
	margin: 25px auto 30px auto;
	}
}	
.contentsCampaign22 .longBnr img{
	width: 100%;
}
.contentsCampaign22 .longBnr .campaignNewMark{
	position:absolute;
	top:-15px;
	left:95.5%;
	height:0;
	z-index:2;
	}

.contentsCampaign22 ul{
	display: flex;
	justify-content: space-between;
}
.contentsCampaign22 ul li{
	width: 330px;
}

.contentsCampaign22.itemTwo ul li{
	/*liが2つの場合*/
	width: 48.5%;
}


.contentsCampaign22 ul li a{
	display: inline-block;
	width: 100%;
}
.contentsCampaign22 ul li a .imgArea img{
	display: block;
	width: 100%;
}
.contentsCampaign22 ul li a .txtArea{
	margin: 10px 0 0 0;
}
.contentsCampaign22 ul li a .txtArea .tit{
	font-size: 15px;
	font-weight: bold;
	color: #ff6380;
}
.contentsCampaign22 ul li a .txtArea .txt{
	margin: 5px 0 0 0;
	font-size: 12px;
}

@media screen and (max-width: 640px){
	.contentsCampaign22 {
		width: 96%;
		margin: 14px auto 0;
	}
	.contentsCampaign22 ul {
	}
	.contentsCampaign22 ul li {
		width: 31%;
	}

}

/*productArea
------------------------------------------------------------------------------------------------------*/

.productArea{
	width: 100%;
	position: relative;
	background: #5abdec;
	margin: 90px 0 0 0;
	padding: 30px 0 60px 0;
	overflow-x: clip;
}
.productArea:before {
	content: '';
	width: 102%;
	height: 40px;
	background: url(../../images/tp_kv_waveBiz_02_pc.svg) repeat-x;
	background-size: contain;
	background-position: left bottom;
	position: absolute;
	top: -39px;
	left: -1%;
}

@media screen and (min-width: 1300px)  {
	.productArea:before {
	background: url(../../images/tp_kv_waveBiz_02_pc.svg) repeat-x;
	background-size:cover;
	background-position: center bottom;
	padding-top:1.95%;
	background-color: #FFFFFF;
	}
}

.productArea .titArea {
	text-align: center;
}
.productArea .titArea .tit {
	font-size: 26px;
	font-weight: bold;
	position: relative;
	display: inline-block;
	color: #fff;
}
.productArea .titArea .en{
	font-size: 15px;
	font-weight: bold;
	position: relative;
	letter-spacing: 0.5px;
	margin: 5px 0 0 0;
	color: #ffff2f;
}
.productSliderArea {
	width: 100%;
	margin: 30px 0 0 0;
}
.productSlider {
	position: relative;
	width: 1070px;
	margin: 0 auto 0;
}
.productSlider:before{
	content: '';;
	height: 100%;
	width: calc(100% - 24px);
	position: absolute;
	top: 0;
	left: 0;
	border-left: 15px solid #5abdec;
	border-right: 15px solid #5abdec;
	pointer-events: none;
}
.productSlider a{
	margin: 0 15px 0;
	display: inline-block;
	position: relative;
}
.productSlider a:before{
	content: '';
	position: absolute;
	width: calc(100% - 8px);
	height: calc(100% - 8px);
	border:4px solid #fff;
	pointer-events: none;
	top: 0;
	left: 0;
}
.productSlider a img{
	display: block;
	width: 100%;
}
button.slick-prev.slick-arrow,
button.slick-next.slick-arrow{
	position: absolute;
	background: none;
	border: none;
	transition: 0.3s;
	top: 50%;
	margin: -14px 0 0 0;
	z-index: 2;
}
button.slick-prev.slick-arrow:hover,
button.slick-next.slick-arrow:hover{
	cursor: pointer;
	opacity: 0.5;
}
button.slick-prev.slick-arrow img,
button.slick-next.slick-arrow img{
	width: 28px;
	height: 50px;
}
button.slick-prev.slick-arrow{
	left: -40px;
}
button.slick-next.slick-arrow{
	right: -40px;
}
.productArea .btnArea{
	width: 650px;
	margin: 30px auto 0;
	display: flex;
	justify-content: space-between;
}
.productArea .btnArea a.bntA {
	width: 280px;
	display: inline-block;
	font-size: 18px;
	font-weight: bold;
	color: #00528e;
	text-align: center;
	line-height: 56px;
	border-radius: 28px;
	position: relative;
	overflow: hidden;
	background: #fff;
	padding: 0 0 0 10px;
}
.productArea .btnArea a.bntA:before {
	content: '';
	background: url(../../images/tp_btnA_arrow.svg) no-repeat;
	background-position: center;
	background-size: contain;
	width: 10px;
	height: 14px;
	position: absolute;
	left: 20px;
	top: 50%;
	margin: -7px 0 0 0;
}
.productArea .btnArea a.bntA:after {
	content: '';
	height: 6px;
	width: 100%;
	background: #d6e8f2;
	position: absolute;
	left: 0;
	bottom: 0;
}


.productSliderPc a{
	display: block;
}
.productSliderSpArea{
	display: none;
}

.productArea {
	animation-name:fadeUpSlide;
	animation-duration:2.5s;
	animation-fill-mode:forwards;
}
@keyframes fadeUpSlide{
	from {
	opacity: 0;
	}

	to {
	opacity: 1;
	}
}

@media screen and (max-width: 640px){
	.productArea {
		margin: 60px 0 0 0;
	}
	.productArea:before {
	}
	.productSliderPcArea{
		display: none;
	}
	.productSliderSpArea{
		display: block;
	}
	.productArea .titArea .tit {
		font-size: 20px;
	}
	.productArea .titArea .en {
		font-size: 12px;
	}
	.productArea .btnArea {
		width: 96%;
		margin: 30px auto 0;
		align-items: center;
		flex-direction: column;
	}
	.productArea .btnArea a.bntA {
		font-size: 16px;
		line-height: 54px;
		padding: 0 0 2px 0;
	}
	.productArea .btnArea a.bntA:not(:first-of-type){
		margin: 10px 0 0 0;
	}
	button.slick-prev.slick-arrow img,
	button.slick-next.slick-arrow img{
		width: 30px;
		height: 50px;
	}
	button.slick-prev.slick-arrow{
		left: 5px;
	}
	button.slick-next.slick-arrow{
		right: 5px;
	}
	.productSlider a{
		margin: 0 5px 0;
	}


}


/*shopInfoArea
------------------------------------------------------------------------------------------------------*/
.shopInfoArea{
	padding: 60px 0;
}
.shopInfoArea .tpTitArea {
	text-align: center;
}
.shopInfoArea .tpTitArea .tit {
	font-size: 28px;
	font-weight: bold;
	position: relative;
	display: inline-block;
	color: #5abdec;
}
.shopInfoArea .tpTitArea .tit:after {
	content: '';
	background: url(../../images/tp_productTit_bg.svg) no-repeat;
	background-position: center;
	background-size: cover;
	width: 116%;
	height: 14px;
	position: absolute;
	left: -8%;
	bottom: -3px;
	z-index: -1;
}
.shopInfoArea .tpTitArea .en {
	font-size: 15px;
	font-weight: bold;
	position: relative;
	letter-spacing: 0.5px;
	margin: 5px 0 0 0;
	color: #989898;
}
.shopInfoArea .tpTitArea .leadTxt {
	margin: 30px 0 0 0;
	font-size: 18px;
}
.shopLink {
	width: 1040px;
	display: flex;
	justify-content: space-between;
	margin: 40px auto 0;
}
.shopLink li{
	width: 240px;
}
.shopLink li a{
	width: 100%;
	display: inline-block;
}
.shopLink li a img{
	width: 100%;
}
@media screen and (max-width: 640px){
	.shopInfoArea .leadTxt {
		font-size: 13px;
		line-height: 145%;
	}
	.shopInfoArea .tpTitArea .tit {
		font-size: 20px;
	}
	.shopInfoArea .tpTitArea .en {
		font-size: 12px;
		margin: 5px 0 0 0;
	}
	.shopInfoArea .tpTitArea .leadTxt {
		font-size: 14px;
		width: 96%;
		margin: 30px auto 0;
		text-align: left;
	}
	.shopLink {
		width: 96%;
		flex-wrap: wrap;
	}
	.shopLink li {
		width: 48%;
	}
	.shopLink li:nth-of-type(3),
	.shopLink li:nth-of-type(4){
		margin: 25px 0 0 0;
	}
}
/*shopInfoArea
------------------------------------------------------------------------------------------------------*/
.newsArea {
	width: 1040px;
	margin: 60px auto 0;
}
.newsArea .newsTopics .ctsTit {
	position: relative;
}
.newsArea .newsTopics .ctsTit .tit {
    font-size: 22px;
}
.newsArea .newsTopics .ctsTit .en {
	font-size: 14px;
	font-weight: bold;
	color: #5abdec;
	margin: 5px 0 0 0;
}
.newsArea .newsTopics .ctsTit a.btn {
	position: absolute;
	bottom: 0;
	right: 0;
	display: inline-block;
	color: #fff;
	background: #5abdec;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	line-height: 28px;
	border-radius: 5px;
	width: 120px;
}
.newsArea .newsTopics .ctsTit a.btn:after {
	content: '';
	background: url(../../images/tp_newsArea_arrow.svg) no-repeat;
	background-position: center;
	background-size: contain;
	width: 8px;
	height: 10px;
	position: absolute;
	right: 10px;
	top: 50%;
	margin: -5px 0 0 0;
}
.newsArea .newsTopics .newsTopicsListBox {
	position: relative;
	padding: 20px;
	margin: 20px 0 0 0;
}
.newsArea .newsTopics .newsTopicsListBox:before {
	content: '';
	border: 7px #f4f0f0 solid;
	width: calc(100% - 14px );
	height: calc(100% - 14px );
	position: absolute;
	top: 0;
	left: 0;
	pointer-events: none;
}
.newsArea .newsTopics .newsTopicsListBox .newsTopicsList li {
	border-top: #cccccc 1px dotted;
	padding: 14px 0;
}
.newsArea .newsTopics .newsTopicsListBox .newsTopicsList li p .day {
	font-size: 15px;
	color: #ff1d25;
	margin: 0 5px 0 0;
}
.newsArea .newsTopics .newsTopicsListBox .newsTopicsList li p .newscat {
	line-height: 22px;
	display: inline-block;
	min-width: 100px;
	text-align: center;
	padding: 0 10px;
}
.newsArea .newsTopics .newsTopicsListBox .newsTopicsList li p .newscat.landImp{
	background: #ff0000;
	color: #ffffff;
}
.newsArea .newsTopics .newsTopicsListBox .newsTopicsList li p .newscat.catCo {
	color: #119c00;
	background: #d4e9d1;
}
.newsArea .newsTopics .newsTopicsListBox .newsTopicsList li p .newscat.catDo{
	background: #ccc8ed;
	color: #a17cce;
}
.newsArea .newsTopics .newsTopicsListBox .newsTopicsList li p .newscat.catAc{
	background: #a0d4e9;
	color: #006abc;
}
.newsArea .newsTopics .newsTopicsListBox .newsTopicsList li p .newscat.landCts{
	background: #f9dee5;
	color: #fc6e86;
}
.newsArea .newsTopics .newsTopicsListBox .newsTopicsList li p .newscat.landShop{
	background: #f7f28f;
	color: #ff8007;
}
.newsArea .newsTopics .newsTopicsListBox .newsTopicsList li p a {
	width: 100%;
	font-size: 14px;
	color: #5a5a5a;
	line-height: 160%;
	margin: 0 0 0 10px;
}
@media screen and (max-width: 640px){
	.newsArea {
		width: 96%;;
	}
	.newsArea .newsTopics .ctsTit .tit {
		font-size: 16px;
		font-weight: bold;
	}
	.newsArea .newsTopics .ctsTit a.btn {
		font-size: 12px;
		line-height: 26px;
		width: auto;
		padding: 0 20px 0 10px;
	}
	.newsArea .newsTopics .ctsTit a.btn:after {
		right: 7px;
	}
	.newsArea .newsTopics .newsTopicsListBox .newsTopicsList li p a {
		display: inline-block;
		margin: 5px 0 0 0;
	}

}

/* btmBnrArea  */
#biz .btmBnrArea {
	margin: 60px auto 0;
	width: 1040px;
	padding: 0 0 80px 0;
}
#biz .btmBnrArea > div{
	width: 506px;
}
#biz .btmBnrArea > div p.tit {
	margin: 0 0 5px 0;
}
.btmBnrArea {
	display: flex;
	justify-content: space-between;
	width: 1040px;
	margin: 60px auto 0;
}
.btmBnrArea > div .tit{
	color: #ff8b00;
	font-size: 16px;
	font-weight: bold;
	position: relative;
}
.btmBnrArea .mailMagazineArea .tit{
	padding: 0 0 0 35px;
}
.btmBnrArea .mailMagazineArea .tit:before{
	content: '';
	background: url("../images/footer_snsIcon_02.svg") no-repeat;
	background-position: center;
	background-size: contain;
	width: 30px;;
	height: 30px;
	position: absolute;
	left: 0;
	top:50%;
	margin: -15px 0 0 0;;
}
.btmBnrArea .mailMagazineArea .btmBnrDetail {
	display: flex;
	background: #fff4db;
	padding: 11px 14px;
	margin: 10px 0 0 0;
}
.btmBnrArea .mailMagazineArea .btmBnrDetail .txtArea {
	margin: 0 20px 0 0;
	width: 248px;
}
.btmBnrArea .mailMagazineArea .btmBnrDetail .txtArea .txt{
	font-weight: bold;
	font-size: 13px;
	color: #000;
	line-height: 150%;
}
.btmBnrArea .mailMagazineArea .btmBnrDetail .txtArea a.bnrBtn{
	font-size: 17px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	position: relative;
	display: inline-block;
	background: linear-gradient(to bottom, #ff8c9e, #ff6557);
	width: 235px;
	line-height: 38px;
	border-radius: 5px;
	margin: 4px 0 0 0;
}
.btmBnrArea .mailMagazineArea .btmBnrDetail .txtArea a.bnrBtn:before{
	content: '';
	background: url("../../images/tp_btmBnrArea_btn_arrow.svg") no-repeat;
	background-position: center;
	background-size: contain;
	width: 12px;;
	height: 20px;
	position: absolute;
	right: 10px;
	top:50%;
	margin: -10px 0 0 0;;
}

.btmBnrArea .mailMagazineArea .btmBnrDetail .imgArea{
	width: 210px;
}
.btmBnrArea .mailMagazineArea .btmBnrDetail .imgArea a{
	display: inline-block;
}
.btmBnrArea .mailMagazineArea .btmBnrDetail .imgArea a img{
	width: 100%;
}
.btmBnrArea .snsAccountArea .btmSnsDetail {
	background: #fff4db;
	padding: 11px 14px;
	margin: 10px 0 0 0;
}

.btmBnrArea .snsAccountArea .tit{
	padding: 0 0 0 35px;
}
.btmBnrArea .snsAccountArea .tit:before{
	content: '';
	background: url("../images/footer_snsIcon_01.svg") no-repeat;
	background-position: center;
	background-size: contain;
	width: 30px;;
	height: 30px;
	position: absolute;
	left: 0;
	top:50%;
	margin: -15px 0 0 0;;
}
.btmBnrArea .snsAccountArea .btmSnsDetail .snsList {
	display: flex;
}
.btmBnrArea .snsAccountArea .btmSnsDetail .snsList li{
	width: 150px;
}
.btmBnrArea .snsAccountArea .btmSnsDetail .snsList li:not(:first-of-type){
	margin: 0 0 0 12px;
}
.btmBnrArea .snsAccountArea .btmSnsDetail .snsList li a{
	display: inline-block;
}
.btmBnrArea .snsAccountArea .btmSnsDetail .snsList li img{
	width: 100%;
}
.btmBnrArea .snsAccountArea .btmSnsDetail a.linkTxt{
	color: #7d532b;
	display: inline-block;
	font-size: 14px;
	font-weight: bold;
	text-decoration: underline;
	position: relative;
	margin: 15px 0 0 0;
	padding: 0 0 0 15px;
}
.btmBnrArea .snsAccountArea .btmSnsDetail a.linkTxt:before{
	content: '';
	background: url("../images/tp_btmBnrArea_btn_arrow_2.svg") no-repeat;
	background-position: center;
	background-size: contain;
	width: 8px;
	height: 12px;
	position: absolute;
	top: 50%;
	left: 0;
	margin: -6px 0 0 0;
}
.btmBnrArea .snsAccountArea a.linkTxt{
	color:#744418;
	font-size: 13px;
	font-weight: bold;
	display: inline-block;
	margin: 10px 0 0 0;
	padding: 0 0 0 10px;
	text-decoration: underline;
	position: relative;
}
.btmBnrArea .snsAccountArea a.linkTxt:before {
	content: '';
	background: url(../../images/tp_btmBnrArea_btn_arrow_2.svg) no-repeat;
	background-position: center;
	background-size: contain;
	width: 8px;
	height: 12px;
	position: absolute;
	top: 50%;
	left: 0;
	margin: -6px 0 0 0;
}

@media screen and (max-width: 640px){
	.btmBnrArea {
		width: 96%;
		flex-direction: column;
		margin: 40px auto 60px;
	}
	.btmBnrArea .snsAccountArea a.linkTxt {
		font-size: 12px;
	}
	.btmBnrArea > div{
		width: 100%;
	}
	.btmBnrArea > div.mailMagazineArea {
		margin: 30px 0 0;
	}
	.btmBnrArea .mailMagazineArea .btmBnrDetail {
		flex-direction: column-reverse;
		padding: 15px;
	}
	.btmBnrArea .mailMagazineArea .btmBnrDetail .imgArea {
		width: 100%;
	}
	.btmBnrArea .mailMagazineArea .btmBnrDetail .txtArea {
		margin: 10px 0 0 0;
		width: 100%;
		text-align: center;
	}
	.btmBnrArea .mailMagazineArea .btmBnrDetail .txtArea .txt{
		text-align: left;
		font-weight: normal;
	}
	.btmBnrArea .mailMagazineArea .btmBnrDetail .txtArea a.bnrBtn {
		width: 100%;
		margin: 10px 0 0 0;
	}
	#biz .btmBnrArea .snsAccountArea{
		margin: 30px 0 0 0;
	}
	.btmBnrArea .snsAccountArea .btmSnsDetail{
		padding: 15px;
	}
	.btmBnrArea .snsAccountArea .btmSnsDetail .snsList li {
		width: 33%;
	}
	.btmBnrArea .snsAccountArea .btmSnsDetail .snsList li:not(:first-of-type) {
		margin: 0 0 0 2%;
	}
	.btmBnrArea .snsAccountArea .btmSnsDetail a.linkTxt {
		font-size: 14px;
		margin: 10px 0 0 0;
		padding: 0 0 0 15px;
		line-height: 150%;
	}
}

/* snsArea  */
.snsArea {
	position: absolute;
	top: 10px;
	right: 10px;
	background: rgba(255,255,255,0.8);
	border-radius: 10px;
	display: flex;
	align-items: center;
	padding: 10px;
}
.snsArea .tit{
	position: relative;
	padding: 0 0 0 15px;
}
.snsArea .tit:before{
	content: '';
	height: 8px;
	width: 12px;
	background: url("../images/main_sns_arrow.svg") no-repeat;
	background-position: center;
	background-size: contain;
	position: absolute;
	left: 0;
	top: 50%;
	margin: -6px 0 0 0;
}
.snsArea .linkList{
	display: flex;
	margin: 0 0 0 10px;
}
.snsArea .linkList > li{
	position: relative;
	cursor: pointer;
}
.snsArea .linkList > li:not(:first-of-type){
	margin: 0 0 0 5px;
}
.snsArea .linkList > li a{
	display: inline-block;
}
.snsArea .linkList > li a img{
	width: 36px;
}
.snsArea .linkList > li.hoverBtn.twitter:after{
	content: '';
	height: 70px;
	width: 200px;
	position: absolute;
	left: 50%;
	top: 300px;
	margin: 0 0 0 -100px;
}
.snsArea .linkList > li.hoverBtn.insta:after{
	content: '';
	height: 70px;
	width: 200px;
	position: absolute;
	right: -50px;
	top: 300px;
	margin: 0 0 0 -100px;
}
.snsArea .linkList > li.hoverBtn.youTube:after{
	content: '';
	height: 70px;
	width: 100px;
	position: absolute;
	right: -50px;
	top: 300px;
	margin: 0 0 0 -100px;
}
.snsArea .linkList > li.hoverBtn.twitter:hover:after{
	top: 36px;
}
.snsArea .linkList > li.hoverBtn.insta:hover:after{
	top: 36px;
}
.snsArea .linkList > li.hoverBtn.youTube:hover:after{
	top: 36px;
}
.snsArea .linkList > li.hoverBtn.twitter:hover .txtLink {
	top: 53px;
	opacity: 1;
	pointer-events: all;
}
.snsArea .linkList > li.hoverBtn.insta:hover .txtLink {
	top: 53px;
	opacity: 1;
	pointer-events: all;
}
.snsArea .linkList > li.hoverBtn.youTube:hover .txtLink {
	top: 53px;
	opacity: 1;
	pointer-events: all;
}
.snsArea .linkList li.twitter .txtLink {
	position: absolute;
	top: 300px;
	width: 220px;
	left: 50%;
	margin: 0 0 0 -110px;
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10px 0;
	border: 2px #0f9def solid;
	opacity: 0;
	pointer-events: none;
	transition: 0.3s;
	z-index: 1;
}
.snsArea .linkList li.twitter .txtLink:before{
	content: '';
	height: 14px;
	width: 22px;
	background: url("../images/main_snsTxtLink_arrow.svg") no-repeat;
	background-position: center;
	background-size: contain;
	position: absolute;
	left: 50%;
	top: -14px;
	margin: 0 0 0 -11px;
}
.snsArea .linkList li.insta .txtLink {
	position: absolute;
	top: 300px;
	width: 200px;
	left: 50%;
	margin: 0 0 0 -133px;
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10px 0;
	border: 2px #cc2c6a solid;
	opacity: 0;
	pointer-events: none;
	transition: 0.3s;
	z-index: 1;
}
.snsArea .linkList li.insta .txtLink:before{
	content: '';
	height: 14px;
	width: 22px;
	background: url("../images/main_snsTxtLink02_arrow.svg") no-repeat;
	background-position: center;
	background-size: contain;
	position: absolute;
	left: 50%;
	top: -14px;
	margin: 0 0 0 21px;
}
.snsArea .linkList li.youTube .txtLink {
	position: absolute;
	top: 300px;
	width: 120px;
	left: 50%;
	margin: 0 0 0 -90px;
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10px 0;
	border: 2px #e64437 solid;
	opacity: 0;
	pointer-events: none;
	transition: 0.3s;
	z-index: 1;
}
.snsArea .linkList li.youTube .txtLink:before{
	content: '';
	height: 14px;
	width: 22px;
	background: url("../images/main_snsTxtLink03_arrow.svg") no-repeat;
	background-position: center;
	background-size: contain;
	position: absolute;
	left: 50%;
	top: -14px;
	margin: 0 0 0 20px;
}
.snsArea .linkList li.twitter .txtLink ul,
.snsArea .linkList li.insta .txtLink ul,
.snsArea .linkList li.youTube .txtLink ul{
	display: flex;
}
.snsArea .linkList li.twitter .txtLink ul li:last-of-type,
.snsArea .linkList li.insta .txtLink ul li:last-of-type{
	margin: 0 0 0 10px;
}
.snsArea .linkList li.youTube .txtLink ul li:last-of-type{
	margin: 0 0 0 2px;
}
.snsArea .linkList li.twitter .txtLink ul li a{
	background: #0f9def;
	border-radius: 5px;
	color: #fff;
	white-space: nowrap;
	font-weight: bold;
	padding: 5px 10px;
	display: inline-block;
	transition: 0.3s;
	z-index:1;
}
.snsArea .linkList li.twitter .txtLink ul li a:hover{
	opacity: 0.6;
}
.snsArea .linkList li.insta .txtLink ul li a{
	background: #cc2c6a;
	border-radius: 5px;
	color: #fff;
	white-space: nowrap;
	font-weight: bold;
	padding: 5px 10px;
	display: inline-block;
	transition: 0.3s;
	z-index:1;
}
.snsArea .linkList li.insta .txtLink ul li a:hover{
	opacity: 0.6;
}
.snsArea .linkList li.youTube .txtLink ul li a{
	background: #e64437;
	border-radius: 5px;
	color: #fff;
	white-space: nowrap;
	font-weight: bold;
	padding: 5px 10px;
	display: inline-block;
	transition: 0.3s;
	z-index:1;
}
.snsArea .linkList li.youTube .txtLink ul li a:hover{
	opacity: 0.6;
}

@media screen and (max-width: 640px){
	.snsArea {
		display: none;
	}
}


/*以下、下層ページと共通要素
------------------------------------------------------------------------------------------------------*/


.productArea{
	display: none;
}