@charset "utf-8";
/* CSS Document */
/*------------------------------------------------
	LINEお友達登録ボタン
--------------------------------------------------*/
.is-size-sp {
	.nosp {
		display: none;
	}
	.line-wrap-detail {
		padding: 10vw 0 0;/*ページによって調整*/
	}
	.line-inner {
		width: 100%;
		text-align: center;
		letter-spacing: 0.1vw;
		line-height: 1.5;
	}
	.line-wrap-detail .line-inner {
		background: #fff;/*ページによって調整*/
		border: solid 1px #d3d3d3;
	}
	.line-inner .fukidashi {
		font-size: 4.1vw;
		font-weight: bold;
		margin-bottom: 2vw;
	}
	.line-inner .head {
		background-color: #15c618;
		padding: 2vw 0;
		color: #fff;
		font-size: 4.3vw;
		font-weight: bold;
	}
	.line-inner .textarea {
		padding: 4vw 2vw 2vw;
	}
	.line-inner .btnarea {
		padding: 2vw 2vw 5vw;
	}
	.line-inner .text1 {
		font-size: 3.4vw;
		line-height: 1.5em;
		margin-bottom: 1vw;
	}
	.line-inner .text1 span {
		display: inline-block;
		font-weight: bold;
		color: #fb0b0b;
		background-color: #ffe1e1;
		padding: 0 0.5vw;
	}
	.line-inner .text2 {
		font-size: 3.8vw;
		font-weight: bold;
		background: linear-gradient(transparent 60%, #fff231 0%);
		line-height: 1.7em;        
		display: inline-block;
	}
	.line-button {
		margin: 0 auto;
	}
	.line-wrap-simple .line-button {width: 90vw;}
	.line-wrap-detail .line-button {width: 80vw;}

	.line-button a {
		display: block;
		color: #fff;
		font-size: 3.5vw;
		font-weight: bold;
		border-radius: 8vw;
		box-shadow: 0px 3px 0px 0 rgba(0, 0, 0, .14);
		background: url(/kansai/images/icon/icon-linekansai.png) no-repeat;
		background-size: 12vw;
		background-position: 3vw;
		background-color: #15c618;
		padding: 2.4vw 4vw 1.8vw 16vw;
		position: relative;
		text-decoration: none;
	}
	.line-button a span.small {
		display: block;
		font-size: 2.8vw;
		font-weight: normal;
	}
	.line-button a span.strong {
		display: block;
	}
	.line-button a span.strong::after {
		font-family: "FontAwesome", "Font Awesome 5 Free";
		font-weight: 900;
		content: "\f138";
		font-size: 4vw;
		margin-left: 1.4vw;
	}
	.line-button a span.line-friend {
		font-size: 1.3em;
		color: #fff231;
		padding: 0 0.5vw;
	}
}

.is-size-pc,.is-ipad {
	.nopc {
		display: none;
	}
	.line-wrap-detail {
        padding: 80px 0 0;/*ページによって調整*/
	}
	.line-inner {
			width: 992px;
			max-width: 100%;
			margin: 0 auto;
			text-align: center;
			letter-spacing: 0.1em;
			line-height: 1.5;
	}
	.line-wrap-detail .line-inner {
			background: #fff;
			border: solid 1px #d3d3d3;
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
			letter-spacing: 1px;
	}
	.line-inner .head {
			width: 100%;
			text-align: center;
			background-color: #15c618;
			padding: 6px;
			color: #fff;
			font-size: 20px;
			line-height: 1.5;
			font-weight: bold;
	}
	.line-inner .textarea {
			width: 75%;
			text-align: left;
			padding: 30px 0 30px 30px;
	}
	.line-inner .btnarea {
			width: 23%;
			padding: 10px 20px 10px 0;
	}
	.line-inner .text1 {
			font-size: 17px;
			line-height: 1.4;
	}
	.line-inner .text1 span {
			display: inline-block;
			font-weight: bold;
			color: #fb0b0b;
			background-color: #ffe1e1;
			padding: 0 2px;
	}
	.line-inner .text2 {
			font-size: 21px;
			font-weight: bold;
			margin-bottom: -2px;
			background: linear-gradient(transparent 60%, #fff231 0%);
			display: inline-block;
			line-height: 1.7em;
			padding: 0 4px;
	}
	.line-button a {
			display: block;
			color: #fff;
			font-size: 15px;
			text-align: center;
			font-weight: bold;
			border-radius: 8vw;
			box-shadow: 0px 3px 0px 0 rgba(0, 0, 0, .14);
			background: url(/kansai/images/icon/icon-linekansai.png) no-repeat;
			background-size: 50px;
			background-position: 12px;
			background-color: #15c618;
			padding: 10px 10px 6px 70px;
			position: relative;
			text-decoration: none;
	}
	.line-button a:hover {
			opacity: .8;
			transition: all 0.6s ease;        
	}
	.line-button a span.small {
			width: 88%;
			display: block;
			font-size: 14px;
			font-weight: normal;
	}
	.line-button a span.strong {
			display: block;
	}
	.line-button a span.strong::after {
			font-family: "FontAwesome", "Font Awesome 5 Free";
			font-weight: 900;
			content: "\f138";
			font-size: 15px;
			margin-left: 6px;
			padding-right: 14px;
	}
	.line-button a span.line-friend {
			font-size: 1.3;
			color: #fff231;
			padding: 0 2px;
	}
	.line-qr {
			display: flex;
			flex-wrap: wrap;
			align-items: center;
	}
	.line-qr span:nth-child(1) {
			width: 50%;
			font-size: 14px;
			font-weight: bold;
			line-height: 1.3;
	}
	.line-qr img {
			width: 50%;
	}
	.line-qr span:nth-child(3) {
			width: 100%;
			font-size: 13px;
	}
	.line-qr a {
			text-decoration: underline;
	}
}
.is-ipad {
	.line-qr span:nth-child(1) {
			font-size: 12px;
	}
}


/*テーマJS調整*/
.is-size-sp {
	#feature {
		margin-top: 10vw;
	}
	#feature ul.moreRecommend {
		width: 100%;
	}
}
.is-size-pc,.is-ipad {
	#feature {
		margin-top: 50px;
	}
}