@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP&display=swap');

.clearfix::after {
    content: "";
    display: block;
    clear: both;
}

#contents_ver4 {
    width: inherit;
}

.w1024auto {
    max-width: 1024px;
    width: 100%;
    margin: 0 auto;
}

#id221015sutekinaanohito .wrapper img {
    display: inline;
    width: 100%;
}

#id221015sutekinaanohito .fontMin,
#id221015sutekinaanohito #leadBox h3{
    font-family: "游明朝体", "Yu Mincho", YuMincho, 'Noto Serif JP' ,"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}

/*base*/
#id221015sutekinaanohito{
    color: #383838;
	font-feature-settings: "palt";
}

#id221015sutekinaanohito .hover {
    transition: .3s;
}

#id221015sutekinaanohito .hover:hover {
    opacity: 0.7;
}

#id221015sutekinaanohito #share {
    margin: 0 0 90px;
}

#id221015sutekinaanohito #shop,
#id221015sutekinaanohito #shop .banner {
    width: 800px;
}

#new-contents #id221015sutekinaanohito .inner {
    max-width: 1040px;
    margin: 0 auto;
    padding: 0 20px;
}

/*--------------------------------
local #id221015sutekinaanohito{}
-----------------------------------*/
#id221015sutekinaanohito .clearfix:after {
  content: "";
  display: block;
  clear: both;
} 
#id221015sutekinaanohito .clearfix:before {
  content: "";
  display: block;
  clear: both;
} 
#id221015sutekinaanohito .clearfix {
  display: block;
}

#id221015sutekinaanohito {color:#000;}
#id221015sutekinaanohito a{transition: .3s;}

#id221015sutekinaanohito picture{background-color: #fff;transition: .3s;}
#id221015sutekinaanohito picture a:hover{opacity: 0.75;}
#id221015sutekinaanohito picture a:hover img{opacity: 1;}

/*keyVisual*/
#id221015sutekinaanohito #keyVisual{
	width: 1400px;
	height: 650px;
	margin: 0 auto 100px;
    position:relative;
}
#id221015sutekinaanohito #keyVisual .bgBox,
#id221015sutekinaanohito #keyVisual .inner{
	width: 100%;
	height: 650px;
	position: absolute;
	top: 0;
	left: 0;
}
#id221015sutekinaanohito #keyVisual .bgBox{z-index: -1;}
#id221015sutekinaanohito #keyVisual .inner{z-index: 1;}
#id221015sutekinaanohito #keyVisual .inner{
	width: 910px;
	display: flex;
	flex-direction:column;
	align-content: center;
	justify-content: center;
	align-items: center;
}
#id221015sutekinaanohito #keyVisual .inner .subTit01{
	animation-delay:0.4s;
	width: 326px;
	margin-bottom: 35px;
}
#id221015sutekinaanohito #keyVisual .inner .subTit02{
	animation-delay:0.8s;
	width: 378px;
	margin-bottom: 15px;
	
}
#id221015sutekinaanohito #keyVisual .inner h2{
	animation-delay:1.2s;
	width: 660px;
	margin-bottom: 35px;
	
}
#id221015sutekinaanohito #keyVisual .inner .kvTxt{
	animation-delay:1.6s;
	width: 758px;
	height: 130px;
	background:url("../images/main_box_corner01.png") left top no-repeat,
				url("../images/main_box_corner02.png") right bottom no-repeat;
	background-size: 38px auto,
						38px auto;
}

#id221015sutekinaanohito #keyVisual .inner .kvTxt p{
	text-align: center;
	font-size: 18px;
	line-height: 32px;
	font-weight: bold;
}

.fadeOnBg{
	animation-name:fadeOnAnimeBg;
	animation-duration:1.5s;
	animation-fill-mode:both;
	opacity:0;
}
@keyframes fadeOnAnimeBg{
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}
.fadeOn{
	animation-name:fadeOnAnime;
	animation-duration:1.5s;
	animation-fill-mode:both;
	opacity:0;
	transform: translateY(20%);
}
@keyframes fadeOnAnime{
	from {
		opacity: 0;
		transform: translateY(20%);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/* leadBox
---------------------------------*/
#id221015sutekinaanohito #leadBox{
	margin-bottom: 110px;
}

#id221015sutekinaanohito #leadBox h3{
	text-align: center;
	color:#CD5517 ;
	font-size: 42px;
	font-weight:600;
	line-height: 58px;
	margin-bottom: 30px;
}

#id221015sutekinaanohito #leadBox > p{
	padding-bottom: 85px;
	text-align: center;
	font-size: 18px;
	line-height: 36px;
}
#id221015sutekinaanohito #leadBox .inner{
	width: 800px;
	margin: 0 auto;
	border: #000 1px solid;
	padding: 30px;
	position: relative;
}
#id221015sutekinaanohito #leadBox .inner::before,
#id221015sutekinaanohito #leadBox .inner::after{
	content: "";
	display: block;
	width: 20px;
	height: 20px;
	background-color: #fff;
	position: absolute;
}
#id221015sutekinaanohito #leadBox .inner::before{
	top: -5px;
	left: 0;
}
#id221015sutekinaanohito #leadBox .inner::after{
	right: 0;
	bottom: -5px;
}
#id221015sutekinaanohito #leadBox .inner .box{overflow: hidden;}
#id221015sutekinaanohito #leadBox .inner .box .img{
	width: 250px;
	float: left;
}
#id221015sutekinaanohito #leadBox .inner .box .txt{
	width: calc(100% - 300px);
	float: right;
}
#id221015sutekinaanohito #leadBox .inner .box .txt h4{
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: left;
	font-weight: bold;
	font-size: 24px;
}
#id221015sutekinaanohito #leadBox .inner .box .txt p{
	text-align: left;
	font-size: 18px;
	line-height: 27px;
}

/* styling
---------------------------------*/
#id221015sutekinaanohito #styling{
	width: 1270px;
	margin: 0 auto 130px;
}
#id221015sutekinaanohito #styling h2{
	width: 325px;
	margin: 0 auto 15px;
}
/*
stylingBox
#styling01
#styling02
*/

#id221015sutekinaanohito #styling .stylingBox{
	position: relative;
}
#id221015sutekinaanohito #styling .stylingBox#styling01{min-height:calc(1554px + 120px) ;}

/*common*/
#id221015sutekinaanohito #styling .stylingBox .price p{
	font-weight: bold;
	line-height: 1.5;
}

#id221015sutekinaanohito #styling .stylingBox .price p span{font-weight: bold;}
#id221015sutekinaanohito #styling .stylingBox .price .itemname{font-size: 22px;}
#id221015sutekinaanohito #styling .stylingBox .price .pricetxt{font-size: 18px;}
#id221015sutekinaanohito #styling .stylingBox .price .pricetxt span{
	font-size: 16px;
	margin-left: 0.5em;
}
#id221015sutekinaanohito #styling .stylingBox .btn{
	width: 179px;
	height: 51px;
	padding: 0 4px 4px 0;
	margin-right: auto;
	position: relative;
}
#id221015sutekinaanohito #styling .stylingBox .btn::after{
	content: "";
	display: block;
	width: calc(100% - 4px);
	height: calc(100% - 4px);
	background-color: #DFAD93;
	border-radius: 50vw;
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: -1;
}
/*#id221015sutekinaanohito #styling .stylingBox .teiban .btn::after{background-color: #916B55;}*/

#id221015sutekinaanohito #styling .stylingBox .btn a{
	display: block;
	width: 100%;
	height: 100%;
	border: #383838 1px solid;
	background-color: #fff;
	border-radius: 50vw;
	line-height: 45px;
	font-size: 18px;
	font-weight: bold;
	color: #CD5517;
	position: relative;
	transition: 0.3s;
}
#id221015sutekinaanohito #styling .stylingBox .teiban .btn a{
	border:none;
	background-color: #F1E8E3;
}

#id221015sutekinaanohito #styling .stylingBox .btn a:hover{
	transform: translate(4px,4px);
}

/*photo*/
#id221015sutekinaanohito #styling .stylingBox .photo{
	width: 866px;
	position: absolute;
	top: 0;
	right: 0;
}
#id221015sutekinaanohito #styling .stylingBox#styling01 .photo{right: 0;}
#id221015sutekinaanohito #styling .stylingBox#styling02 .photo{
	left: 0;
	top: 90px;
}

#id221015sutekinaanohito #styling .stylingBox .photo .photoIn{position: relative;}
#id221015sutekinaanohito #styling .stylingBox .photo .photoIn .photo01{padding-top: 60px;}

#id221015sutekinaanohito #styling .stylingBox .photo .photoIn h3{
	width: 120px;
	margin-top: 0;
	position: absolute;
	top: 0;	
}
#id221015sutekinaanohito #styling .stylingBox#styling01 .photo .photoIn h3{right: 20px;}
#id221015sutekinaanohito #styling .stylingBox#styling02 .photo .photoIn h3{left: 20px;}

#id221015sutekinaanohito #styling .stylingBox .photo .photoBtm{
	width: 715px;
	margin-top: 50px;
	
}
#id221015sutekinaanohito #styling .stylingBox#styling01 .photo .photoBtm{margin-left: auto;}
#id221015sutekinaanohito #styling .stylingBox#styling02 .photo .photoBtm{margin-right: auto;}

#id221015sutekinaanohito #styling .stylingBox .photo .photoBtm > p{
	font-size: 18px;
	line-height: 27px;
	padding-bottom: 30px;
}
#id221015sutekinaanohito #styling .stylingBox .photo .photoBtm .price{margin-bottom: 20px;}

/*teiban*/
#id221015sutekinaanohito #styling .stylingBox .teiban{
	width: 500px;
	padding-right: 10px;
	position: relative;
}
#id221015sutekinaanohito #styling .stylingBox#styling01 .teiban{
	padding-top: 140px;
	float: left;
}
#id221015sutekinaanohito #styling .stylingBox#styling02 .teiban{
	padding-top: 70px;
	float: right;
}

#id221015sutekinaanohito #styling .stylingBox .teiban > .subTit{
	width: 195px;
	height: 100px;
	position: absolute;
	z-index: 55;
}
#id221015sutekinaanohito #styling .stylingBox#styling01 .teiban > .subTit{
	top: 70px;
	left: 10px;
}
#id221015sutekinaanohito #styling .stylingBox#styling02 .teiban > .subTit{
	top: 0;
	right: 10px;
}

#id221015sutekinaanohito #styling .stylingBox .teiban .bgBox{
	border: #000 1px solid;
	background-color:#D0682A;
	padding: 80px 40px 80px 30px;
	position: relative;
	z-index: 50;
}
#id221015sutekinaanohito #styling .stylingBox .teiban .bgBox::after{
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	border: #000 1px solid;
	border-top: none;
	border-left: none;
	background-color: transparent;
	pointer-events:none;
	position: absolute;
	top: 0;
	left: 0;
	transform: translate(10px,10px);
	z-index: 40;
}

#id221015sutekinaanohito #styling .stylingBox .teiban .bgBox > h4{
	margin-left: 10px;
	margin-bottom: 20px;
	padding-bottom: 25px;
	text-align: left;
	font-size: 35px;
	font-weight: bold;
	line-height: 52px;
	color: #fff;
	border-bottom: #fff 1px solid;
}
#id221015sutekinaanohito #styling .stylingBox .teiban .bgBox > p{
	padding-left: 10px;
	color: #fff;
	font-size: 18px;
	line-height: 27px;
	padding-bottom: 30px;
}
#id221015sutekinaanohito #styling .stylingBox .teiban .bgBox .itemBox{
	padding-top: 10px;
	padding-left: 10px;
	margin-bottom: 20px;
	overflow: hidden;
}

#id221015sutekinaanohito #styling .stylingBox .teiban .bgBox .itemBox .img{
	width: 200px;
	float: left;
	padding-left: 10px;
	padding-top: 10px;
	position: relative;
}
#id221015sutekinaanohito #styling .stylingBox .teiban .bgBox .itemBox .img.point::before{
	content: "";
	display: block;
	width: 95px;
	height: 56px;
	background: url("../images/ico_item.png") 0 0 no-repeat;
	background-size: contain;
	position: absolute;
	top: 0;
	left: 0;
}

#id221015sutekinaanohito #styling .stylingBox .teiban .bgBox .itemBox .txt{
	width: 180px;
	float: right;
}

#id221015sutekinaanohito #styling .stylingBox .teiban .bgBox .itemBox .txt .price{
	padding-top: 25px;
	padding-bottom: 30px;
	color: #fff;
}

#id221015sutekinaanohito #styling .stylingBox .teiban .bgBox .columnBox{
	padding-left: 10px;
	margin-top: 30px;
}
#id221015sutekinaanohito #styling .stylingBox .teiban .bgBox .columnBox h5{
	margin: 0 auto 30px;
	text-align: center;
	color: #fff;
	font-weight: bold;
	font-size: 28px;
}
#id221015sutekinaanohito #styling .stylingBox#styling01 .teiban .bgBox .columnBox h5{
	width: 350px;
	background: url("../images/fukidashi_item.png") center top no-repeat;
	background-size: contain;
	line-height: 42px;
}
#id221015sutekinaanohito #styling .stylingBox#styling02 .teiban .bgBox .columnBox h5{
	width: 410px;
	background: url("../images/fukidashi_item2.png") center top no-repeat;
	background-size: contain;
	line-height: 77px;
}


#id221015sutekinaanohito #styling .stylingBox .teiban .bgBox .columnBox .inner{
	overflow: hidden;}
#id221015sutekinaanohito #styling .stylingBox .teiban .bgBox .columnBox .inner .img{
	width: 135px;
	float: left;
}
#id221015sutekinaanohito #styling .stylingBox .teiban .bgBox .columnBox .inner .txt{
	width: calc(100% - 160px);
	float: right;
}
#id221015sutekinaanohito #styling .stylingBox .teiban .bgBox .columnBox .inner .txt p{
	text-align: left;
	color: #fff;
	font-weight: bold;
	font-size: 18px;
	line-height: 27px;
}




/* bottom
---------------------------------*/
/*linkBtn*/
#id221015sutekinaanohito .linkBtn{
	padding-bottom: 100px;	
}
#id221015sutekinaanohito .linkBtn a{
	display: block;
	width: 664px;
	height: 108px;
	margin: 0 auto;
	border-radius: 50vw;
	line-height: 106px;
	text-align: center;
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;	
	font-size: 24px;
	font-weight: bold;
	border: #D0682A 1px solid;
	background-color: #D0682A;
	color: #fff;
	position: relative;
}
#id221015sutekinaanohito .linkBtn a:hover{
	background-color: #fff;
	color: #D0682A;
}


#id221015sutekinaanohito .linebtn{
	width: 800px;
	margin: 0 auto 50px;
}
#id221015sutekinaanohito .linebtn a:hover{opacity: 0.75;}


/*----------------------------------
animation
------------------------------------*/
@keyframes fadeUpAnime{
  from {
    opacity: 0;
  transform: translateY(50px);
  }

  to {
    opacity: 1;
  transform: translateY(0);
  }
}

/*-----
scroll
-------*/
/* fadeIn opacity0　*/
 #id221015sutekinaanohito .fadeIn{
    opacity: 0;
}

/* fadeUp - base */
#id221015sutekinaanohito .scroll-on{
	animation-name:fadeUpAnime;
	animation-duration:1.5s;
	animation-fill-mode:both;
	opacity:0;
}

/* fadeUp - delay */
#id221015sutekinaanohito #styling .stylingBox .photo .photoIn h3.scroll-on{
	animation-delay:0.5s;
}