@charset "utf-8";
.jknalcltn-contents {
	width:1000px;
	margin: 20px auto 0 auto;
}
@media screen and (max-width: 767px) {
.jknalcltn-contents {
	width:100vw;
	margin: 2px auto 0 auto;
}
}
/* -----------------
Mainvisual
-------------------*/
.jknalcltn-mainvisual {
	width:100%;
	height: 375px;
	margin: 0 auto;
	background: url("/_var/jokin-alcohol/jokin-alcohol-towel-nagaseru/img/key-visual.jpg") no-repeat center top;
	background-size: contain;
	
}
.jknalcltn-mainvisual h1 {
	text-indent: -9999px;
}
@media screen and (max-width: 767px) {
	.jknalcltn-mainvisual {
		height: 113.333vw;
		background: url("/_var/jokin-alcohol/jokin-alcohol-towel-nagaseru/img/key-visual-sp.jpg") no-repeat center top;
		background-size: contain;
	}
}
/* -----------------
Movie
-------------------*/
.jknalcltn-movie {
	width:640px;
	height:360px;
	margin: 50px auto 100px auto;
	background:#333;
}
.jknalcltn-movie iframe {
	width: 100%;
	height: 100%;
}
@media screen and (max-width: 767px) {
	.jknalcltn-movie {
		width:84vw;
		height: 46.666vw;
		margin: 8vw auto 13.333vw auto;
	}
}
/* -----------------
 product
-------------------*/
.jknalcltn-product {
	background: url("/_var/jokin-alcohol/jokin-alcohol-towel-nagaseru/img/product-frame.png") no-repeat center top;
	background-size: contain;
	width: 100%;
	height: 948px;
	overflow: hidden;
	margin: 0 auto 200px auto;
}
.jknalcltn-product h2 {
	width: 448px;
	margin: 100px auto 64px auto;
}
.jknalcltn-product-detail {
	display:flex;
	margin: 0 auto;
	width:640px;
}
img.jknalcltn-product-img1 {
	width: 206px;
}
.jknalcltn-product-text {
	width: 412px;
	margin-left:22px;
}
.jknalcltn-product-list {
	border:solid 1px #DD006E;
	border-radius:15px;
	padding:20px 9px;
}
.jknalcltn-product-list ul li {
	background: url("/_var/jokin-alcohol/jokin-alcohol-towel-nagaseru/img/product-list-mark.png") no-repeat top 8px left / 11px 11px;
	padding:0 0 8px 16px;
	font-size:18px;
	line-height:1.6em;
	color:#000;
	letter-spacing:-0.05em;
	text-align:left;
}
.jknalcltn-product-list ul li:last-child {
	padding:0 0 0 16px;
}
img.jknalcltn-product-img2 {
	width: 265px;
	margin:-14px auto 26px 72px;
}
.jknalcltn-product-text dl {
	display:flex;
	width:336px;
	margin:0 auto;
}
.jknalcltn-product-text dt {
	color:#005BAC;
	font-size:20px;
	line-height:1.6em;
	font-weight:bold;
	width:30%;
	padding:1.3em 0 0 0;
	text-align:left;
}
.jknalcltn-product-text dd {
	color:#000;
	font-size:18px;
	line-height:1.6em;
	width:70%;
	text-align:left;
}
.jknalcltn-conversion {
	margin:36px auto 0 auto;
	width:305px;
	height:60px;
	border-radius:50vw;
	background:#005BAC;
	text-align:center;
	box-shadow:2px 3px 4px 0px rgba(13, 36, 124, 0.2);
}
.jknalcltn-conversion-margin-L {
	margin:100px auto;
}
.jknalcltn-conversion img {
	width:206px;
	margin-top:20px;
}
a.jknalcltn-conversion-btn {
	display:block;
	margin:36px auto 0 auto;
	width:305px;
	height:60px;
	border-radius:50vw;
	background:#005BAC;
	text-align:center;
	cursor: pointer;
	box-shadow:2px 3px 4px 0px rgba(13, 36, 124, 0.2);
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
}
a.jknalcltn-conversion-btn-margin-L {
	margin:100px auto;
}
a.jknalcltn-conversion-btn img {
	width:182px;
	padding:14px 61px;
}
a.jknalcltn-conversion-btn:hover {
	filter: brightness(1.4);
	opacity:1;
}
@media screen and (max-width: 767px) {
	.jknalcltn-product {
		background: url("/_var/jokin-alcohol/jokin-alcohol-towel-nagaseru/img/product-frame-up-sp.png") no-repeat center top,
		url("/_var/jokin-alcohol/jokin-alcohol-towel-nagaseru/img/product-frame-dw-sp.png") no-repeat center bottom;
		background-size: contain;
		width: 100%;
		height: auto;
		overflow: hidden;
		margin: 0 auto 26.666vw auto;
	}
	.jknalcltn-product h2 {
		width: 81.066vw;
		margin: 34.133vw auto 9.6vw auto;
	}
	.jknalcltn-product-detail {
		display:block;
		margin: 0 auto;
		width:100%;
		text-align:center;
	}
	img.jknalcltn-product-img1 {
		width: 39.466vw;
	}
	.jknalcltn-product-text {
		width: 89.333vw;
		margin:11.733vw auto 0 auto;
	}
	.jknalcltn-product-list {
		padding:20px 10px;
	}
	.jknalcltn-product-list ul li {
		background: url("/_var/jokin-alcohol/jokin-alcohol-towel-nagaseru/img/product-list-mark.png") no-repeat top 8px left / 9px 9px;
		padding:0 0 8px 16px;
		font-size:16px;
		letter-spacing:0em;
	}
	img.jknalcltn-product-img2 {
		width: 62.4vw;
		margin:-3.7333vw auto 6.4vw auto;
	}
	.jknalcltn-product-text dl {
		display:block;
		width:100%;
	}
	.jknalcltn-product-text dt {
		width:100%;
		padding:0;
		text-align:center;
	}
	.jknalcltn-product-text dd {
		width:100%;
		text-align:center;
	}
	.jknalcltn-conversion {
		margin:7.466vw auto 40vw auto;
		width:81.333vw;
		height:16vw;
	}
	.jknalcltn-conversion-margin-L {
		margin:18.666vw auto;
	}
	.jknalcltn-conversion img {
		width:54.933vw;
		margin-top:5.333vw;
	}
	a.jknalcltn-conversion-btn {
		margin:7.466vw auto 40vw auto;
		width:81.333vw;
		height:16vw;
	}
	a.jknalcltn-conversion-btn-margin-L {
		margin:18.666vw auto;
	}
	a.jknalcltn-conversion-btn img {
		width:48.533vw;
		padding:3.733vw 16.4vw;
	}
}
/* -----------------
 howto title
-------------------*/
.jknalcltn-howto {}
.jknalcltn-howto h2 {
	text-indent: -9999px;
	width:1000px;
	height:221px;
	margin:200px auto 50px auto;
	position:relative;
}
.jknalcltn-howto h2.jknalcltn-howto-title1 {
	background: url("/_var/jokin-alcohol/jokin-alcohol-towel-nagaseru/img/howto-title.png") no-repeat top center;
	background-size:contain;
}
.jknalcltn-howto h2.jknalcltn-howto-title2 {
	background: url("/_var/jokin-alcohol/jokin-alcohol-towel-nagaseru/img/howto-title2.png") no-repeat top center;
	background-size:contain;
	margin:100px auto 50px auto;
}
.jknalcltn-howto h2.jknalcltn-howto-title3 {
	background: url("/_var/jokin-alcohol/jokin-alcohol-towel-nagaseru/img/howto-title3.png") no-repeat top center;
	background-size:contain;
}
.jknalcltn-howto h2:after {
	content:"";
	background: url("/_var/jokin-alcohol/jokin-alcohol-towel-nagaseru/img/howto-title-pop.png") no-repeat top center;
	background-size:contain;
	position:absolute;
	width:164px;
	height:144px;
	top:-72px;
	left:170px;
}
@media screen and (max-width: 767px) {
	.jknalcltn-howto h2 {
		width:100%;
		height:44.533vw;
		margin:26.666vw auto 13.33vw auto;
	}
	.jknalcltn-howto h2.jknalcltn-howto-title1 {
		background: url("/_var/jokin-alcohol/jokin-alcohol-towel-nagaseru/img/howto-title-sp.png") no-repeat top center;
		background-size:contain;
		margin:26.666vw auto 8vw auto;
	}
	.jknalcltn-howto h2.jknalcltn-howto-title2 {
		background: url("/_var/jokin-alcohol/jokin-alcohol-towel-nagaseru/img/howto-title2-sp.png") no-repeat top center;
		background-size:contain;
		margin:11.2vw auto 13.33vw auto;
	}
	.jknalcltn-howto h2.jknalcltn-howto-title3 {
		background: url("/_var/jokin-alcohol/jokin-alcohol-towel-nagaseru/img/howto-title3-sp.png") no-repeat top center;
		background-size:contain;
	}
	.jknalcltn-howto h2:after {
		content:"";
		background: url("/_var/jokin-alcohol/jokin-alcohol-towel-nagaseru/img/howto-title-pop.png") no-repeat top center;
		background-size:contain;
		position:absolute;
		width:28.8vw;
		height:25.6vw;
		top:-11.73vw;
		left:5.6vw;
	}
}
/* -----------------
 howto room
-------------------*/
.jknalcltn-howto-room {
	display:block;
	width:856px;
	height:780px;
	background: url("/_var/jokin-alcohol/jokin-alcohol-towel-nagaseru/img/howto-img.png") no-repeat top center;
	background-size:contain;
	margin:0 auto;
	position:relative;
}
img.jknalcltn-room-pop {
	position:absolute;
}
a img.jknalcltn-room-pop:hover {
	opacity:1;
	filter: brightness(1.4);
}
img.jknalcltn-pop1 { width:76px; top:402px; left:456px; }
img.jknalcltn-pop2 { width:75px; top:562px; left:300px; }
img.jknalcltn-pop3 { width:100px; top:696px; left:702px; }
img.jknalcltn-pop4 { width:92px; top:288px; left:610px; }
img.jknalcltn-pop5 { width:82px; top:294px; left:218px; }
img.jknalcltn-pop6 { width:91px; top:206px; left:398px; }
img.jknalcltn-pop7 { width:97px; top:432px; left:154px; }
img.jknalcltn-pop8 { width:65px; top:600px; left:506px; }
img.jknalcltn-pop9 { width:64px; top:204px; left:276px; }
@media screen and (max-width: 767px) {
	.jknalcltn-howto-room {
		width:80vw;
		height:97.6vw;
		background:url("/_var/jokin-alcohol/jokin-alcohol-towel-nagaseru/img/howto-img-sp.png") no-repeat top center;
		background-size:contain;
	}
	img.jknalcltn-pop1 { width:10.666vw; top:45.866vw; left:41.866vw; }
	img.jknalcltn-pop2 { width:10.666vw; top:65.666vw; left:24vw; }
	img.jknalcltn-pop3 { width:13.866vw; top:93.333vw; left:60.266vw; }
	img.jknalcltn-pop4 { width:12.8vw; top:32vw; left:60.266vw; }
	img.jknalcltn-pop5 { width:11.466vw; top:33.866vw; left:13.866vw; }
	img.jknalcltn-pop6 { width:12.8vw; top:22.933vw; left:34.66vw; }
	img.jknalcltn-pop7 { width:13.6vw; top:49.866vw; left:6.933vw; }
	img.jknalcltn-pop8 { width:9.066vw; top:69.866vw; left:48vw; }
	img.jknalcltn-pop9 { width:9.066vw; top:22.933vw; left:20.8vw; }
}
/* -----------------
 howto-example
-------------------*/
.jknalcltn-howto-example ul {
	display:flex;
}
.jknalcltn-howto-example ul li {
	width:320px;
	border-radius:6px;
	border:solid 1px #005BAC;
	text-align:center;
	box-shadow:2px 3px 4px 0px rgba(13, 36, 124, 0.2);
	margin-right:20px;
}
.jknalcltn-howto-example ul li:last-child {
	margin-right:0;
}
.jknalcltn-howto-example::after {
	display:block;
	content:"";
	width:50px;
	height:26px;
	background:url("/_var/jokin-alcohol/jokin-alcohol-towel-nagaseru/img/howto-arr.png") no-repeat top center;
	background-size:contain;
	margin:36px auto;
}
img.jknalcltn-howto-example-title {
	width:280px;
	margin:25px auto;
}
img.jknalcltn-howto-example-img {
	width:100%;
	border-top:solid 1px #005BAC;
	border-bottom:solid 1px #005BAC;
}
.jknalcltn-howto-example p {
	font-size:16px;
	line-height:1.5;
	color:#005BAC;
	padding:1em 0;
}
@media screen and (max-width: 767px) {
	.jknalcltn-howto-example ul {
		display:block;
	}
	.jknalcltn-howto-example ul li {
		width:89.333vw;
		margin:0 auto 13.333vw auto;
	}
	.jknalcltn-howto-example ul li:last-child {
		margin:0 auto;
	}
	.jknalcltn-howto-example::after {
		width:13.33vw;
		height:6.933vw;
		margin:9.66vw auto;
	}
	img.jknalcltn-howto-example-title {
		width:74.666vw;
		margin:6.6vw auto;
	}
}
/* -----------------
 result
-------------------*/
.jknalcltn-howto-result {
	width:462px;
	margin:0 auto;
	text-align:center;
	position:relative;
}
img.jknalcltn-result-img {
	width:421px;
	border-radius:6px;
	margin:0 auto 30px auto;
}
img.jknalcltn-result-pop {
	width:462px;
	position:absolute;
	top:-10px;
	left:-8px;
}
img.jknalcltn-result-title {
	width:305px;
}
@media screen and (max-width: 767px) {
	.jknalcltn-howto-result {
		width:100%;
	}
	img.jknalcltn-result-img {
		width:89.333vw;
		margin:0 auto 10.666vw auto;
	}
	img.jknalcltn-result-pop {
		width:94.666vw;
		position:absolute;
		top:-2.666vw;
		left:2.666vw;
	}
	img.jknalcltn-result-title {
		width:81.333vw;
	}
}
/* -----------------
outline
-------------------*/
.jknalcltn-outline-bg {
	margin: 0 auto;
	width: 100%;
	background: #00A2B9;
	padding: 64px 0 100px 0;
}
.jknalcltn-outline {
	margin: 0 auto;
	width: 640px;
	overflow:hidden;
}
.jknalcltn-outline h2 {
	text-align: center;
	color: #fff;
	font-size:20px;
	line-height: 1.6em;
	font-weight:bold;
}
.jknalcltn-outline table {
	border: 1px solid #fff;
	border-collapse: separate;
	border-spacing: 0;
	border-radius: 6px;
	font-size:14px;
	line-height:1.6;
	margin:28px auto 52px auto;
}
.jknalcltn-outline table th,
.jknalcltn-outline table td {
	padding: 0.8em 1em;
	border-bottom: 1px solid #fff;
}
.jknalcltn-outline table th {
	background-color: #fff;
	color:#00A2B9;
	text-align:center;
	border-bottom: 1px solid #00A2B9;
	letter-spacing:0.3em;
	vertical-align:top;
	white-space: nowrap;
}
.jknalcltn-outline table tr:last-child th,
.jknalcltn-outline table tr:last-child td {
	border-bottom:none;
}
.jknalcltn-outline table td {
	color:#fff;
	border-left: 1px solid #fff;
}
.jknalcltn-outline-cation {
	margin-top:32px;
	display:flex;
}
.jknalcltn-outline-cation ul {
	width:295px;
}
.jknalcltn-outline-cation ul.jknalcltn-margin-left {
	margin-left:50px;
}
.jknalcltn-outline-cation ul li {
	color:#fff;
	font-size:14px;
	line-height:1.6;
	margin-bottom:0.8em;
	padding:0 0 0 1em;
	background:url("/_var/jokin-alcohol/jokin-alcohol-towel-nagaseru/img/spec-list.png") no-repeat top 6px left / 10px 10px;
}
.jknalcltn-outline-cation ul li.jknalcltn-red {
	color:#E3007F;
	background:url("/_var/jokin-alcohol/jokin-alcohol-towel-nagaseru/img/product-list-mark.png") no-repeat top 6px left / 10px 10px;
}
.jknalcltn-outline-supplement {
	border: 1px solid #fff;
	border-radius: 6px;
	padding:24px;
	margin-top:24px;
}
.jknalcltn-outline-supplement h3 {
	font-size:16px;
	line-height:1.4;
	font-weight:bold;
	margin-bottom:1em;
	color:#fff;
	text-align:center;
}
.jknalcltn-outline-supplement p {
	font-size:16px;
	line-height:1.6;
	color:#fff;
	text-align:center;
}
@media screen and (max-width: 767px) {
	.jknalcltn-outline-bg {
		padding: 10.666vw 0 13.333vw 0;
	}
	.jknalcltn-outline {
		width: 81.33vw;
	}
	.jknalcltn-outline h2 {
		font-size:18px;
	}
	.jknalcltn-outline table {
		margin:10.666vw auto 17.066vw auto;
	}
	.jknalcltn-outline-cation {
		margin-top:6.4vw;
		display:block;
	}
	.jknalcltn-outline-cation ul {
		width:100%;
	}
	.jknalcltn-outline-cation ul.jknalcltn-margin-left {
		margin-left:0;
	}
	.jknalcltn-outline-supplement {
		padding:1.6em;
		margin-top:8vw;
	}
	.jknalcltn-outline-supplement h3 {
		font-size:14px;
		margin-bottom:1em;
		text-align:left;
	}
	.jknalcltn-outline-supplement p {
		font-size:14px;
		text-align:left;
	}
}
/* -----------------
 other
------------------- */
#special_cont:after{
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.s_br { display: none; }

.img-pc {
	display: block !important;
}
.img-sp {
	display: none !important;
}
@media only screen and (max-width: 768px) {
.img-pc {
	display: none !important;
}
.img-sp {
	display: block !important;
}
}
@media screen and (min-width: 768px) {
.br-pc {
	display: block;
}
.br-sp {
	display: none;
}
}
@media screen and (max-width: 768px) {
.br-pc {
	display: none;
}
.br-sp {
	display: block;
}
}
.lettersp-short {
	letter-spacing:-0.8em;
}