@charset "shift_jis";
/* SpCommonReset
**************************** */
/* h1 and h2 */
#main h1 img,#main div[id^="h2_0"] img{
zoom:1;
display:block;
max-width:750px;
width:100%;
height:auto;
margin:auto;
}
/* wrap */
.janalamWrap{
max-width:750px;
width:100%;
margin:0 auto;
-webkit-text-size-adjust:100%;
background: #ffffff;
font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
}
.janalamWrap img{
vertical-align: top;
width: 100%;
height: auto;
zoom: 1 !important;
}
.janalamWrap a{
display: block;
}
/* mvBlock */
#mvBlock{
margin-bottom: 0;
}
/*appBlockA01
------------------------------------------------------------*/
/*.janalamWrap .appArea{
	background: url(../image/janalam_sp_bg_001.jpg) no-repeat top center;
	background-size: cover;
}
.janalamWrap .appAreaInner{
	padding: 9.3% 0 8.2% 0;
}
.janalamWrap .appImgA01{
	width: 90.2%;
	margin: 0 4.1% 0 5.3%
}
.janalamWrap .appTxtA01Inner{
	width: 89.3%;
	margin: 1.5% auto 0;
	font-size: 14px;
	line-height: 1.71;
}*/
/*aboutArea
------------------------------------------------------------*/
.janalamWrap .aboutArea{
	background: url(../image/janalam_sp_bg_002.png) no-repeat bottom center;
	background-size: cover;
	position: relative;
	z-index: 2;
}
.janalamWrap .aboutAreaInner{
	padding: 15.8% 0 16% 0;
}
.janalamWrap .headingBlockB01{
	width: 89.3%;
	margin: 0 auto;
}
.janalamWrap .abouttxtBlockA01{
	margin: 9.4% 0 6.9% 0;
}
.janalamWrap .abouttxtBlockA01Inner{
	width: 89.3%;
	margin: 0 auto;
	font-size: 15px;
	line-height: 1.66;
}
.janalamWrap .headingBlockB02{
	margin: 16% auto 7.4%;
	width: 66.3%;
}
.janalamWrap .aboutBlockA01Inner{
	width: 89.3%;
	margin: 0 auto;
}
.janalamWrap .aboutA01{
	width: 47%;
	float: left;
	font-size: 14px;
	line-height: 1.71;
}
.janalamWrap .aboutA02{
	width: 47%;
	float: right;
	margin: 0.8% 0 0 0;
}
/*anchorLinkArea
------------------------------------------------------------*/
.janalamWrap .anchorLinkArea{
	background: url(../image/janalam_sp_bg_003.jpg) no-repeat top center;
	background-size: cover;
	position: relative;
	z-index: 1;
	margin: -3.3% 0 0 0;
}
.janalamWrap .anchorLinkAreaInner{
	padding: 16% 0 20.8% 0;
}
.janalamWrap .headingBlockB03{
	width: 65.2%;
	margin: 0 auto;
}
.janalamWrap .anchorLinkBlockA01{
	width: 89.8%;
	margin: 9.8% auto 0;
}
.janalamWrap .anchorLinkBlockA01 ul li{
	float: left;
	width: 50%;
}
.janalamWrap .anchor01,
.janalamWrap .anchor02{
	margin: 0 0 4% 0;
}
.janalamWrap .anchor03,
.janalamWrap .anchor04,
.janalamWrap .anchor05,
.janalamWrap .anchor06,
.janalamWrap .anchor07,
.janalamWrap .anchor08{
	margin: 0 0 9.7% 0;
}
/*productArea
------------------------------------------------------------*/
.janalamWrap .productArea{
	background:rgb(237,252,253);
	background-image: -moz-linear-gradient(to bottom,rgba(237,252,253) 0%,rgba(255,243,243) 40%,rgba(237,252,253) 80%,rgba(255,243,243) 90%);
	background: -webkit-linear-gradient(to bottom,rgba(237,252,253) 0%,rgba(255,243,243) 40%,rgba(237,252,253) 80%,rgba(255,243,243) 90%);
	background:linear-gradient(to bottom,rgba(237,252,253) 0%,rgba(255,243,243) 40%,rgba(237,252,253) 80%,rgba(255,243,243) 90%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#edfcfd', endColorstr='fff3f3',GradientType=0);
	padding: 0 0 16% 0;
}
.janalamWrap .productAreaInner{
	width: 89.3%;
	margin: 0 auto;
	padding: 5.4% 0 14.1% 0;
	background-color: #ffffff;
}
/*productBlockA01*/
.janalamWrap .productBlockA01{
	background: url(../image/janalam_sp_bg_004.jpg) no-repeat top 15.7% center;
	background-size: 100%;
}
.janalamWrap .productBlockA01Inner{
	width: 88.1%;
	margin: 0 auto;
}
.janalamWrap .categoryA01{
	font-size: 16px;
	font-weight: bold;
}
.janalamWrap .categoryA02{
	font-size: 23px;
	font-weight: bold;
	margin: 4% 0 0 0;
}
.janalamWrap .nameA01{
	font-size: 25px;
	line-height: 1.43;
	font-weight: bold;
	margin: 3% 0 0 0;
}
.janalamWrap .productImgBlockA01{
	margin: 7.7% 0 6.7% 0;
}
.janalamWrap .txtA01{
	font-size: 15px;
	line-height: 1.66;
}
.janalamWrap .priceA01{
	margin: 7% 0 0 0;
	text-align: right;
	font-size: 22.5px;
	font-weight: bold;
}
.janalamWrap .taxA01{
	font-size: 13px;
}
.janalamWrap .productBtnBlockA01{
	margin: 3.9% 0 10.1% 0;
}
.janalamWrap .detailA01{
	margin: 0 0 5% 0;
}
.janalamWrap .detailA01:last-child{
	margin-bottom: 0;
}
.janalamWrap .detailA01 .columnA01{
	float: left;
	width: 46.6%;
}
.janalamWrap .detailA01 .columnA02{
	float: right;
	width: 46.6%;
	font-size: 14px;
	line-height: 1.71;
	padding:1% 4.23% 0 0;
}
/*productBlockA02*/
.janalamWrap .productBlockA02{
	background: url(../image/janalam_sp_bg_005.jpg) no-repeat top 15.7% center;
	background-size: 100%;
	margin: 18.6% 0 0 0;
}
.janalamWrap .productBlockA02Inner{
	width: 88.1%;
	margin: 0 auto;
}
/*productBlockA03*/
.janalamWrap .productBlockA03{
	background: url(../image/janalam_sp_bg_006.jpg) no-repeat top 15.7% center;
	background-size: 100%;
	margin: 18.5% 0 0 0;
}
.janalamWrap .productBlockA03Inner{
	width: 88.1%;
	margin: 0 auto;
}
/*productBlockA04*/
.janalamWrap .productBlockA04{
	background: url(../image/janalam_sp_bg_007.jpg) no-repeat top 15.9% center;
	background-size: 100%;
	margin: 17.5% 0 0 0;
}
.janalamWrap .productBlockA04Inner{
	width: 88.1%;
	margin: 0 auto;
}
.janalamWrap .categoryA06{
	font-size: 23px;
	font-weight: bold;
	margin: 3% 0 0 0;
}
.janalamWrap .nameA07{
	font-size: 25px;
	line-height: 1.43;
	font-weight: bold;
	margin: 2.5% 0 0 0;
}
.janalamWrap .productImgBlockA04{
	margin: 11.1% 0 6.7% 0;
}
/*productBlockA05*/
.janalamWrap .productBlockA05{
	margin: 10.3% 0 0 0;
}
.janalamWrap .productBlockA05Inner{
	width: 88.1%;
	margin: 0 auto;
}
.janalamWrap .productImgBlockA02{
	margin: 0 0 5.9% 0;
}
.janalamWrap .categoryA03{
	font-size: 15px;
	font-weight: bold;
}
.janalamWrap .categoryA04{
	font-size: 20px;
	font-weight: bold;
	margin: 3.7% 0 0 0;
}
.janalamWrap .nameA02{
	font-size: 22px;
	font-weight: bold;
	line-height: 1.45;
	margin: 1.8% 0 0 0;
}
.janalamWrap .productTxtBlockA02{
	margin: 2.9% 0 0 0;
}
.janalamWrap .txtA02{
	font-size: 15px;
	line-height: 1.66;
}
.janalamWrap .priceA02{
	font-weight: bold;
	font-size: 22.5px;
	text-align: right;
	margin: 6.4% 0 0 0;
	line-height: 1;
}
.janalamWrap .taxA02{
	font-size: 13px;
}
.janalamWrap .productBtnBlockA02{
	margin: 4.5% 0 0 0;
}
/*productBlockA06*/
.janalamWrap .productBlockA06{
	margin: 17.7% 0 0 0;
}
.janalamWrap .productBlockA06Inner{
	width: 88.1%;
	margin: 0 auto;
}
/*productBlockA07*/
.janalamWrap .productBlockA07{
	margin: 18.2% 0 0 0;
}
.janalamWrap .productBlockA07Inner{
	width: 88.1%;
	margin: 0 auto;
}
.janalamWrap .productImgBlockA03{
	margin: 0 0 5% 0 ;
}
.janalamWrap .txtA03{
	font-size: 15px;
	line-height: 1.66;
}
.janalamWrap .productNameBlockA03{
	margin: 5% 0 0 0;
	font-weight: bold;
}
.janalamWrap .categoryA05{
	line-height: 1;
	font-size: 15px;
}
.janalamWrap .nameA03{
	font-size: 20px;
	margin: 3.3% 0 8.1% 0;
	line-height: 1.45;
}
.janalamWrap .sizeBlockA01{
	background: url(../image/janalam_sp_bg_008.jpg) no-repeat top center;
	background-size: cover;
	position: relative;
	margin: 0 0 9.6% 0;
}
.janalamWrap .sizeBlockA01Inner{
	width: 86.4%;
	margin: 0 auto;
	padding:7.3% 0 6.7%;
}
.janalamWrap .sizeBlockA03Inner{
	width: 86.4%;
	margin: 0 auto;
	padding:9.2% 0 1.5%;
}
.janalamWrap .sizeTxtA01{
	font-weight: bold;
}
.janalamWrap .nameA04{
	font-size: 20px;
}
.janalamWrap .priceA03{
	font-size: 22.5px;
	text-align: right;
	margin: 7.8% 0 0 0;
}
.janalamWrap .taxA03{
	font-size: 13px;
}
.janalamWrap .productBtnBlockA03{
	margin: 5.2% 0 0 0;
}
.janalamWrap .number01{
	width: 16.6%;
	position: absolute;
	top: -10.1%;
	right: 9.7%;
}
.janalamWrap .number02{
	width: 19%;
	position: absolute;
	top: -9%;
	right: 7.5%;
}
.janalamWrap .number03{
	width: 19.4%;
	position: absolute;
	top: -9.1%;
	right: 6.6%;
}
.janalamWrap .number04{
	width: 19.5%;
	position: absolute;
	top: -12.7%;
	right: 6.7%;
}
.janalamWrap .comingsoon{
	position: relative;
}
.janalamWrap .comingsoon::before{
	position: absolute;
	content: "";
	top:-10.1%;
	bottom: 0;
	right: 0;
	left: 0;
	background: #ffffff;
	opacity: 0.5;
	z-index: 2;
}
.janalamWrap .productBtnBlockA04{
	position: relative;
	z-index: 3;
	margin: 21.3% 0 0 0;
}
/*productBlockA08*/
.janalamWrap .productBlockA08{
	margin: 17.7% 0 0 0;
}
.janalamWrap .productBlockA08Inner{
	width: 88.1%;
	margin: 0 auto;
}
.janalamWrap .nameA05{
	font-size: 20px;
	margin: 4.9% 0 0 0;
	line-height: 1.45;
}
.janalamWrap .productImgBlockA05{
	margin: 0 0 5.3% 0 ;
}
.janalamWrap .productNameBlockA04{
	margin: 3.8% 0 0 0;
	font-weight: bold;
}
.janalamWrap .nameA08{
	font-size: 20px;
	margin: 3% 0 9% 0;
	line-height: 1.45;
}
.janalamWrap .sizeBlockA02{
	background: url(../image/janalam_sp_bg_008.jpg) no-repeat top center;
	background-size: cover;
	position: relative;
	margin: 0 0 10% 0;
}
.janalamWrap .sizeBlockA02Inner{
	width: 86.4%;
	margin: 0 auto;
	padding:6% 0 6.2%;
}
.janalamWrap .sizeBlockA04Inner{
	width: 86.4%;
	margin: 0 auto;
	padding:7.6% 0 6.2%;
}
/*productBlockA09*/
.janalamWrap .productBlockA09{
	margin: 19% 0 0 0;
}
.janalamWrap .productBlockA09Inner{
	width: 88.1%;
	margin: 0 auto;
}
.janalamWrap .nameA06{
	font-size: 19px;
	line-height: 1.52;
	font-weight: bold;
}
/*productBlockA10*/
.janalamWrap .productBlockA10{
	margin: 17.3% 0 0 0;
}
.janalamWrap .productBlockA10Inner{
	width: 88.1%;
	margin: 0 auto;
}

/*ご購入方法はこちらから
------------------------------------------------------------*/
.templateArea .marginA01{
	margin: 0 0 3% 0;
}
.templateArea .infoBlock01{
	background: #f2f2f2;
	padding: 15.2% 2.7% 5.2% 2.7%;
	margin: 0 0 5.3% 0;
}

.templateArea .infoBlock01 .headingBlockA02{
	margin: 0 0 3% 0;
}
.templateArea .infoBlock01 .headingBlockA03{
	margin: 0 0 3% 0;
}
.templateArea .infoBlock01 .descriptionListA01{
	margin: 0 0 5% 0;
}
.templateArea .infoBlock01 .descriptionListA01 ul li{
	text-indent: -1em;
	padding: 0 0 0 1em;
}
.templateArea .textA01{
	margin:0 0 2%;
	padding:2% 2.5%;
	border: 2px solid #000;
	font-weight: bold;
}
.templateArea .textA01 p{
	font-size:9px;
	line-height:1.67;
}
.templateArea .infoBlock01 .stepList{
	margin: 0 0 2% 0;
}
.templateArea .infoBlock01 .stepList ul li{
	float: left;
	width: 48.6%;
	margin: 0 2.8% 2.8% 0;
}
.templateArea .infoBlock01 .stepList ul li:nth-child(2n){
	margin: 0 0 2.8% 0;
}

/* stepBlockA01
------------------------------------------------------------*/
.templateArea .stepBlockA01 p{
	font-size: 133%;
}
.templateArea .stepBlockA01 .headingBlock03 h3{
	font-size: 166%;
	font-weight: bold;
	line-height: 1.4;
}
.templateArea .stepBlockA01 .headingBlock04{
	background-color: #dddddd;
	text-align: center;
	padding: 2.4%;
	font-size: 133%;
}
.templateArea .stepBlockA01 .headingBlock04 h4{
	font-weight: bold;
}

.templateArea .stepBlockA01 .step{
	background-color: #444444;
	color: #ffffff;
	margin: 0 0 6.27% 0;
	font-size: 114%;
}
.templateArea .stepBlockA01 .step p{
	text-align: center;
	padding: 4% 0 4% 0;
	font-size: 116.7%;
	font-weight: bold;
}
.templateArea .stepBlockA01 .read {
	margin: 0 0 6.13% 0;
}
.templateArea .stepBlockA01 .read .red{
	color: #c30000;
}
.templateArea .stepBlockA01 .headingBlock03{
	text-align: center;
	margin: 0 0 5.07% 0;;
}
.templateArea .stepBlockA01 .imgMargin01{
	margin: 0 0 8% 0 ;
}
.templateArea .stepBlockA01 .btnMargin01{
	margin: 2.5% 0 0 0 ;
}
.templateArea .stepBlockA01 .btnMargin02{
	margin: 1.5% 0 0 0 ;
}
.templateArea .stepBlockA01 .btnMargin03{
	margin: 5% 0 0 0 ;
}
.templateArea .stepBlockA01 .btnMargin04{
	margin: 6% 0 7.5% 0 ;
}
.templateArea .stepBlockA01 .columnBlock{
	background:#fff;
	margin-bottom: 8%;
}
.templateArea .stepBlockA01 .columnBlock:last-child{
	margin: 0 0 0 0;
}
.templateArea .stepBlockA01 .columnBlock .columnBlockInner{
	width: 88.8%;
	margin: 0 auto 0 auto;
	padding: 0 0 6.67% 0;
}
.templateArea .stepBlockA01 .headingBlock05{
	font-size: 133%;
	line-height: 1.375;
	background-color: #dddddd;
	padding: 2.4%;
	font-weight: bold;
}
.templateArea .stepBlockA01 .imgMargin01{
	margin: 0 0 8% 0 ;
}
.templateArea .stepBlockA01 .btnMargin01{
	margin: 2.5% 0 0 0 ;
}
.templateArea .stepBlockA01 .btnMargin02{
	margin: 1.5% 0 0 0 ;
}
.templateArea .stepBlockA01 .btnMargin03{
	margin: 5% 0 0 0 ;
}
.templateArea .stepBlockA01 .btnMargin04{
	margin: 6% 0 7.5% 0 ;
}
.templateArea .stepBlockA01 .headMargin01{
	margin: 0 0 7% 0;
}
.templateArea .stepBlockA01 .headMargin02{
	margin: 10% 0 7% 0;
}
.stepBlockA01 .headMargin03{
	margin: 0 0 8% 0;
}
/* column2Wrap
------------------------------------------------------------*/
.templateArea .stepBlockA01 .column2Wrap01 .column01{
	float: left;
	width: 33.3%;
}
.templateArea .stepBlockA01 .column2Wrap01 .column02{
	float: right;
	width: 55.5%;
	font-size: 116%;
	line-height: 1.39;
}
.templateArea .stepBlockA01 .column2Wrap02 .column01{
	float: left;
	width: 46.83%;
}
.templateArea .stepBlockA01 .column2Wrap02 .column02{
	float: right;
	width: 46.83%;
}
/*210423追加分
------------------------------------------------------------*/
.janalamWrap .soldOut01{
	position: relative;
}
.janalamWrap .soldOut01:before{
	position: absolute;
	content: "";
	top:-10%;
	bottom: 0;
	right: 0;
	left: 0;
	background: #000;
	opacity: 0.5;
	z-index: 100;
}
.janalamWrap .soldOut01:after{
	position: absolute;
	content: "ご好評につき\A完売いたしました。";
	white-space: pre;
	display: block;
	top: 39.3%;
	width: 100%;
	font-size: 15px;
	line-height: 1.33;
	margin: -3% 0 0 0;
	color: #fff;
	text-align: center;
	z-index: 200;
	left: 1%;
}