@charset "utf-8";

/*検索ZONE*/
/**********


numberH2Sub

**********/
/*検索ZONE*/

/*TEXTSTYLE*/
strong {color: #B8272A;}
a{color: #b8272a;text-decoration: none;}
a:hover{color:#FFBBBE;}
.typeAcenter,
.typeAleft{
	width: 100%;
	padding: 0.5em 0.3em;
	margin: 0 auto;
	font-size: 1.5vw;
	line-height: 1.7em;
	color: #111; 
}
.typeAcenter{text-align: center;}
.typeAleft{text-align: left;}

.typeGuide{
	width: 100%;
	text-align: left;
	font-size: 1vw;
	line-height: 1.3em;
	color: #111;
}
.typeProduct{
	width: 100%;
	text-align: left;
	font-size: 1.3vw;
	line-height: 1.5em;
	color: #111;
}
.typeItemAllText{
	width: 95%;
	text-align: left;
	font-size: 1.2vw;
	line-height: 1.5em;
	margin: 0 auto;
	color: #111;
	xbackground-color: #888;
}
.typeApl{
	width: 100%;
	text-align: left;
	font-size: 1.5vw;
	line-height: 1.8em;
	color: #b8272a;
}
.textWhite{color: #FFF9F9;}
.textRed{color: #B8272A;font-weight: 500;}
.textRedA{color: #CE5B61;font-weight: 500;}
.textBlack{color: #111;font-weight: 600;}

.textSmoll{font-size: 1.1vw;}


@media screen and (max-width : 1024px ){ 
    /*　画面サイズが1024pxより小さい場合はここを読み込む　*/
	a,
	.typeAcenter,
	.typeAleft{font-size: 2.3vw;}
	.typeGuide{font-size: 2.3vh;}
	.typeProduct{font-size: 3vw;}
	.typeItemAllText{font-size: 3vw}
	.typeApl{font-size: 2.6vh;}
	.textSmoll{font-size: 2vw;}
}

@media screen and (max-width : 480px ){ /*画面サイズが480pxより小さい場合はここを読み込む　*/
	a{font-size: 3.8vw;}
	.typeProduct{font-size: 4vw;}
	.typeItemAllText{font-size: 4vw}
	.typeAcenter,
	.typeAleft{font-size: 4vw;}
}

/*BOX*/
/*SNSBOX*/
.SnsBox100{
	width: 100%;
	margin: 0.5em auto;
	background-color: #fff;
}

/*ILLBOX*/
.illBox{
	width: 65%;
	margin: 0 auto;
	background-color: #999;
}
.illBox img{padding: 1vh 0;}
@media screen and (max-width : 1025px ){
	.illBox{width: 80%;}
}

/*SCHEDUBOX*/
.ScheduleBox {
	width: 90%;
	padding-bottom: 3em;
	margin: 0em auto 4em;
	background-color: #FFF;
	border: solid 0.3em #B8272A;
	border-top: solid 3em #B8272A;
	border-bottom: solid 3em #B8272A;
}

/*INFOBOX*/
.infoBox{
	width: 100%;
	margin: 0 auto;
	padding: 9vh 0 1vh;
}
.infoBoxWhite{
	width: 100%;
	margin: 0 auto;
	padding: 12vh 0 1vh;
	background-color: #FFF;
}
.infoBoxInnner{
	width: 90%;
	margin: 1vh auto 2vh;
}
.infoBoxInnnerWhite{
	width: 100%;
	margin: 1vh auto 2vh;
	padding: 0 0 0.5em;
	background-color: #FFF;
}

/*GUIDEBOX*/
.guideBox {
	line-height:0;
	width: 70%;
	margin: 0 auto;
}
.guideBox img{
	width: 100%;
	float: left;
	padding:3vh;
}

/*APLOBOX*/
.aplBox{
	display:flex;
	justify-content: center;
	flex-wrap:wrap;
	width: 90%;
	margin: 1vh auto;
}
.aplBoxL{width: 50%;}
.aplBoxR{
	width: 50%;
	padding: 1.5em 0.5em;
	display:grid;
	justify-items:center;
	align-items: center;;
	border: 3px solid #B8272A;
	background: #f2c4c9;
}

/*ITEM TEXT*/
.itemSpecBox{
	width: 90%;
	margin: 0.5em auto 1em;
	padding: 0.3em;
	background: #FFF;
	border-radius: 0.3em;
}
dl.itemSpec,
dl.itemSpecBlack{
	display:flex;
	flex-wrap: wrap;
	width: 100%;
	margin: 0.1em auto;
}
.itemSpec dt,
.itemSpecBlack dt,
.itemSpec dd,
.itemSpecBlack dd{
	font-size:1.2vw;
	text-align: center;
	padding: 1em 0 0.2em;
	box-sizing: border-box;
}
.itemSpec dt,
.itemSpec dd{border-bottom: 0.1em solid #B8272A;}

.itemSpecBlack dt,
.itemSpecBlack dd{border-bottom: 0.1em solid #111;}

.itemSpec dt,
.itemSpecBlack dt{font-weight: 600;width: 30%;}
.itemSpec dt{color: #B8272A;}
.itemSpecBlack dt{color: #111;}
.itemSpec dd,
.itemSpecBlack dd{
	color: #222;
	width: 70%;
}
.itemTextBoxOne{width: 90%;	margin: 2vh auto;}

.itemTextBoxSnsOne{
	display:flex;
	justify-content: flex-end;
	flex-wrap:wrap;
	width: 90%;
	margin: 2vh auto;
}
.itemTextBoxSnsTwo{margin: 0 0.5vh;}
.itemKomeTitle{
	font-size: 1.1vw;
	font-weight: 600;
	padding: 0.5em 0.1em 0.1em 0.1em;
	margin:0.1em auto;
	width: 100%;
	color: #B8272A;
	border-bottom: 0.1em solid #B8272A;
}
.itemKome{
	font-size: 1.1vw;
	padding: 0.3em 0.5em;
	line-height: 1.4em;
	width: 100%;
	color: #222;
}
ul.itemText{
	list-style-type: circle;
    padding-left: 2em;
	margin: 0.5vh auto;
}
ul.itemText li{
	color: #b8272a;
	font-size: 1.1vw;
	line-height: 1.5em;
}

@media screen and (min-width : 1025px ){ 
    /*　画面サイズが1025pxより大きい場合はここを読み込む　*/
.elementChangeTB{display: none;}
}

@media screen and (max-width : 1025px ){/*画面サイズが1025pxより小さい場合はここを読み込む　*/
	dl.itemSpec{width: 95%;}
	.itemSpec dt,
	.itemSpec dd{font-size:1.5vh;}
	.itemTextBoxOne{width: 95%;}
	.itemTextBoxSnsOne{width: 95%;}
	.itemKomeTitle{font-size: 2vw;}
	.itemKome{font-size: 2vw;}
	ul.itemText li{font-size: 2vw;}

	.elementChangePC{display: none;}
}

@media screen and (max-width : 480px ){ /*画面サイズが480pxより小さい場合はここを読み込む　*/
	dl.itemSpec{width: 98%;}
	.itemSpecBox{width: 98%;}

	.itemSpec dt,
	.itemSpecBlack dt,
	.itemSpec dd,
	.itemSpecBlack dd{font-size:4vw;}
	
	.itemTextBoxOne{width: 98%;}
	.itemTextBoxSnsOne{width: 98%;}
	.itemKomeTitle{font-size: 4vw;}
	.itemKome{font-size: 4vw;}
	ul.itemText li{font-size: 4vw;}
}

/*TITLE*/
.ItemH1{
	width: 90%;
	margin: 10vh auto 0;
	padding: 0.7em 0;
	text-align: center;
	font-size:2.5vw;
	font-weight: 600;
	color: #fff8f8;
	background: #b48590;
	border-radius: 0.2em;
}
.infoH1{
	width: 100%;
	margin: 0.3em auto 0;
	padding: 0.7em 0;
	text-align: center;
	font-size:2.5vw;
	font-weight: 600;
	color: #fff8f8;
	background: #b48590;
	border-radius: 0.2em;
}
.infoH2{
	width: 100%;
	margin: 0 auto;
	padding: 0.4em;
	text-align: left;
	font-size:1.8vw;
	font-weight: 600;
	color: #fff8f8;
	background: #cc9eaa;
	border-radius: 0.2em;
}
.topH2{
	width: 100%;
	margin: 0 auto;
	padding: 0 0.5em 0.5em;
	text-align: center;
	font-size: 1.8vw;
	font-weight: 600;
	color: #945B68;
}
.topPageH2{
	width: 100%;
	margin: 0 auto;
	padding: 0 0.5em 0.5em;
	text-align: center;
	font-size: 2vw;
	font-weight: 600;
	color: #B8272A;
}
.aplRedTitle{
	width: 100%;
	margin: 2px auto;
	padding: 0.5em 0.1em 0.1em;
	text-align: left;
	font-size: 1.8vw;
	font-weight: 600;
	color: #B8272A;
	border-bottom: 0.1em solid #B8272A;
}
.productH2{
	font-size: 2.8vw;
	font-weight: 600;
    padding: 0.5em 0.3em 0.1em;
	margin:1em auto 0;
	width: 90%;
	border-bottom: 0.2em solid #B8272A;
	border-top: 1em solid #B8272A;
}

/*TITLE STEP*/
.stepH2{
	font-size: 2.8vw;
	font-weight: 600;
	position: relative;
    padding: 1em 1em 0em 5em;
	width: 100%;
}
.stepH2A{
	font-size: 3.5vw;
	font-weight: 600;
	position: relative;
    padding: 0 0.2em 0.5em 0;
	width: 100%;
}
.stepH2B{
	font-size: 2.5vw;
	font-weight: 550;
	color: #ed514e;
	position: relative;
    padding: 0.2em 0 0.2em 0.5em;
	width: 100%;
}
.stepH2BBlack{
	font-size: 2.7vw;
	font-weight: 550;
	color: #111;
	position: relative;
    padding: 0.2em 0 0.2em 0.5em;
	width: 100%;
}
.stepH2C{
	font-size: 2.4vw;
	font-weight: 550;
	color: #111;
	position: relative;
    padding: 0 0.2em 0.2em 0.5em;
	width: 100%;
}
.H2Step,
.H2StepPink{
	font-family: 'Roboto', sans-serif;
	font-size: 3.3vw;
	font-weight: 600;
    line-height: 1.1em;
    position: absolute;
    bottom: -0.5vw;
    left: 0;
}
.H2Step{color: #B8272A;}
.H2StepPink{color: #000;}

/*TITLE ITEM*/
.H1TitleItem{
	width:90%;
	font-size: 2vw;
	font-weight: 600;
	font-family: 'Roboto', sans-serif;
	position: relative;
    padding: 0.5em 0.2em 0 0;
	margin: 9vh auto 0;
	color: #111;
}
.H1TitleItemSub,
.H1TitleItemSubSub{
	color: #111;
	font-family: 'Roboto', sans-serif;
	font-weight: 600;
    position: absolute;
    bottom: 0;
}
.H1TitleItemSub{font-size:1.2vw;}
.H1TitleItemSub{right: 0;}

.TitleItem{
	width:90%;
	font-size: 2.5vw;
	font-weight: 600;
	font-family: 'Roboto', sans-serif;
	position: relative;
    padding: 0.2em 0.2em 0em 0.3em;
	line-height: 1.4em;
	margin:0 auto 0.5vh;
	color: #111;
	background-color: #E0B3C1;
}
.TitleItem{border-top: 0.6em solid #B8272A;}
.TitleItemSub,
.TitleItemSubSub{
	color: #B8272A;
	font-family: 'Roboto', sans-serif;
	font-weight: 600;
    line-height: 0.9em;
    position: absolute;
    bottom: 0em;
}
.TitleItemSub{font-size:4vw;left: 1.8em;}
.TitleItemSubSub{font-size:4vw;left: 2.5em;}

/*TITLE ITEM TWO*/
.TitleItemTwo,
.TitleItemTwoSub{
	font-size: 2vw;
	font-weight: 600;
	font-family: 'Roboto', sans-serif;
}
.TitleItemTwo{
	width: 90%;
	color: #B8272A;
	position: relative;
	margin-bottom: 0.5vh;
    padding: 0.3em 0.4em 0.1em;
	border-bottom: 0.2em solid #B8272A;
}
.TitleItemTwoSub{
	color: #B8272A;
    position: absolute;
    bottom: 0.1em;
    left: 5.5em;
}

/*TITLE ITEM THIRD*/
.TitleItemThird,
.TitleItemThirdBlack{
	font-size: 1.2vw;
	font-weight: 600;
	font-family: 'Roboto', sans-serif;
	display:inline-block; 
    padding: 0.3em 0.4em 0.1em;
	border-radius: 0.3em;
}
.TitleItemThird{
	color: #B8272A;
	border: 0.1em solid #B8272A;
	background-color:#EBCED7;
}
.TitleItemThirdBlack{
	color: #111;
	border: 0.1em solid #111;
	background-color:#DDD;
}

/*TITLE ITEM FOUR*/
.TitleItemFour{width: 100%;position: relative;}
.TitleItemFourSub,
.TitleItemFourSubBlack{
	font-size: 2vw;
	font-weight: 600;
	font-family: 'Roboto', sans-serif;
	display:inline-block; 
    padding: 0.3em 0.4em 0.1em;
	border-radius: 0.3em;
}
.TitleItemFourSub{
	color: #B8272A;
	border: 0.1em solid #B8272A;
	background-color:#EBCED7;
}
.TitleItemFourSubBlack{
	color: #111;
	border: 0.1em solid #111;
	background-color:#EEE;
}

/*TITLE ALL ITEM*/
.TitleAllItem,
.TitleAllItemThree{
	font-size: 1.8vw;
	font-weight: 600;
	font-family: 'Roboto', sans-serif;
	position: relative;
    padding: 0.2em 0.2em 0em 0.3em;
	line-height: 1.4em;
	margin:0.5vh auto;
	width: 100%;
	color: #111;
	background-color: #E0B3C1;
}
.TitleAllItem{border-top: 0.6em solid #B8272A;}

.TitleAllItemSub,
.TitleAllItemThreeSub{
	color: #B8272A;
	font-family: 'Roboto', sans-serif;
	font-weight: 600;
    line-height: 0.9em;
    position: absolute;
    bottom: 0em;
}
.TitleAllItemThreeSub{font-size:2.5vw;left: 2.8em;}
.TitleAllItemSub{font-size:2.8vw;left: 1.8em;}

.TitleAllItemTwo,
.TitleAllItemTwoSub{
	font-size: 1.1vw;
	font-weight: 600;
	font-family: 'Roboto', sans-serif;
}
.TitleAllItemTwo{
	color: #111;
	position: relative;
	margin-bottom: 0.5vh;
    padding: 0.3em 0.5em 0.1em;
	width: 100%;
	border-bottom: 0.2em solid #B8272A;
}
.TitleAllItemTwoSub{
	color: #B8272A;
    line-height: 0.9em;
    position: absolute;
    bottom: 0.1em;
    left: 5.5em;
}
.TitleAllItemPromise{
	font-size: 1.5vw;
	font-weight: 600;
	text-align: center;
	color: #111;
    margin: 0.2em 0;
}

@media screen and (max-width : 1025px ){/*画面サイズが1025pxより小さい場合はここを読み込む　*/
	.H1TitleItem{width:98%;font-size: 4vw;padding: 0;margin: 10vh auto 0;}
	.ItemH1{width: 98%;}
	.H1TitleItemSub{font-size:3vw;}
	.productH2{width: 98%;font-size: 4.5vw;}
	.TitleItem{width:98%;font-size: 4.5vw;}	
	.TitleItemSub{font-size:7vw;left: 2em;}
	.TitleItemSubSub{font-size:7vw;left: 2.8em;}
	.TitleItemTwo,
	.TitleItemTwoSub{font-size: 3.5vw;}
	.TitleItemTwo{width: 98%;}
}

@media screen and (max-width : 480px ){ /*画面サイズが480pxより小さい場合はここを読み込む　*/
	.H1TitleItem{font-size: 4.2vw;margin: 11vh auto 0;}
	.H1TitleItemSub{font-size:3.5vw;}
	
	.productH2{font-size: 5vw;}
	
	.TitleItem{padding: 0.3em 0.2em 0.1em 0.3em;line-height: 1.4em;}	
	.TitleItemSub,
	.TitleItemSubSub{line-height: 0.9em;}
	.TitleItem{font-size: 5vw;}	
	.TitleItemSub{font-size:9vw;left: 1.6em;}
	.TitleItemSubSub{font-size:9vw;left: 2.4em;}
	
	.TitleItemTwo,
	.TitleItemTwoSub{font-size: 4vw;}
	
	.TitleItemThird,
	.TitleItemThirdBlack{font-size: 4.5vw;}
	
	.TitleItemFourSub,
	.TitleItemFourSubBlack{font-size: 4vw;}
	
	.TitleAllItem,
	.TitleAllItemThree{font-size: 2.3vh;width: 100%;}
	.TitleAllItemThreeSub{font-size:2.8vh;left: 3.2em;}
	.TitleAllItemSub{font-size:3vh;left: 2.2em;}
	.TitleAllItemTwo,
	.TitleAllItemTwoSub{font-size: 2vh;}
	.TitleAllItemTwo{padding: 0.3em 0.2em 0.1em;}
	.TitleAllItemPromise{font-size: 2.5vh;}
}

/*TITLE YEAR/Month/Date*/
.TitleYear{
	color: #B8272A;
	font-size: 4vw;
	font-family: 'Roboto', sans-serif;
	font-weight: 600;
	position: relative;
    padding: 0.5em 0.2em 0.1em 1.2em;
	line-height: 0.9em;
	margin:1vh auto;
	width: 100%;
	border-bottom: 0.2em solid #B8272A;
}
.TitleYearBlack{
	color: #111;
	font-family: 'Roboto', sans-serif;
	font-size: 3vw;
	font-weight: 600;
    line-height: 1.0em;
    position: absolute;
    bottom: 0.1em;
    left: 0;
}
.TitleMonth{
	font-size: 1.8vw;
	font-weight: 600;
	font-family: 'Roboto', sans-serif;
	position: relative;
    padding: 0.5em 0.2em 0.1em 2.8em;
	line-height: 1.4em;
	margin:1vh auto;
	width: 100%;
	color: #111;
}
.TitleMonthSub{
	font-size: 3vw;
	color: #B8272A;
	font-family: 'Roboto', sans-serif;
	font-weight: 600;
	padding-left: 0.1em;
    line-height: 0.9em;
    position: absolute;
    bottom: 0.1em;
    left: 0;
}
.TitleDate{
	font-size: 1.6vw;
	font-weight: 600;
	position: relative;
    padding: 0.5em 0.2em 0.1em 4.8em;
	line-height: 1.5em;
	margin:1vh auto;
	width: 99%;
	color: #111;
	border-bottom: 0.1em solid #111;
}
.TitleDateSub{
	color: #B8272A;
	font-family: 'Roboto', sans-serif;
	font-size: 2.2vw;
	font-weight: 600;
	padding-left: 0.3em;
    line-height: 1.1em;
    position: absolute;
    bottom: 0.1em;
    left: 0;
}

/*TITLE NUMBER*/
.numberH2,
.numberH2Pink{
	font-size: 2.8vw;
	font-weight: 600;
	position: relative;
    padding: 1em 0.2em 0.2em 3.2em;
	margin:1vh auto;
	width: 90%;
	color: #111;
}
.numberH2{border-bottom: 0.2em solid #B8272A;}
.numberH2Pink{border-bottom: 0.2em solid #ed514e;}
.numberH2Sub,
.numberH2Sub002{
	font-size: 2.5vw;
	font-weight: 600;
	position: relative;
    padding: 0.6em 0.2em 0.1em 5.4em;
	width: 90%;
	color: #111;
	border-bottom: 0.2em solid #B8272A;
}
.numberH2Sub{margin:1.5vh auto 1vh;}
.numberH2Sub002{margin: 1.5em auto 0.1em;}

.numberH2SubSub,
.numberH2SubSubPink{
	width: 100%;
	font-size: 2vw;
	font-weight: 600;
	padding: 0.5em 0.1em 0.1em 0.1em;
	margin:0.5em auto 0.1em;
	color: #111;
}
.numberH2SubSub{border-bottom: 0.2em solid #B8272A;}
.numberH2SubSubPink{border-bottom: 0.2em solid #ed514e;}
.numberH2Step,
.numberH2StepPink{
	font-size: 1vw;
	position: relative;
    padding: 2em 0.3em 0.2em 4em;
	margin:0 auto;
	width: 90%;
	xcolor: #111;
}
.numberH2Step{border-top: 2em solid #B8272A;}
.numberH2StepPink{border-top: 2em solid #ed514e;}

.H2Namber,
.H2NamberBlack,
.H2NamberPink{
	xcolor: #111;
	font-family: 'Roboto', sans-serif;
	font-size: 6vw;
	font-weight: 600;
    line-height: 1.2em;
    position: absolute;
    bottom: -1.2vw;
    left: 0;
}
.H2Namber{color: #B8272A;}
.H2NamberBlack{color: #111;}
.H2NamberPink{color: #ed514e;}

.H2NamberSub{
	color: #E09296;
	font-family: 'Roboto', sans-serif;
	font-size: 4vw;
	font-weight: 600;
	padding-left: 2em;
    line-height: 1.8em;
    position: absolute;
    bottom: -1.8vw;
    left: 0;
}
.H2NamberStep,
.H2NamberStepPink{
	font-family: 'Roboto', sans-serif;
	font-size: 3vw;
	font-weight: 600;
    line-height: 1.2em;
    position: absolute;
    bottom: -1.2vw;
    left: 0;
}
.H2NamberStep{color: #B8272A;}
.H2NamberStepPink{color: #ed514e;}
.H2Namber{color: #B8272A;}

.ScheduleMonth{
	color: #B8272A;
	text-align: center;
	font-family: 'Roboto', sans-serif;
	font-size: 5vw;
	font-weight: 600;
    line-height: 1.2em;
    position: absolute;
    bottom: -1.2vw;
    left: 0;
}
.ScheduleTuki{
	color: #111;
	font-family: 'Roboto', sans-serif;
	font-size: 3.5vw;
	font-weight: 600;
	padding-left: 2em;
    line-height: 1.8em;
    position: absolute;
    bottom: -1.8vw;
    left: 0;
}
.ScheduleTitle{
	font-size: 2.5vw;
	font-weight: 600;
	position: relative;
    padding: 0.6em 0.2em 0.1em 5.2em;
	margin: 0.1em auto 1em;
	width: 100%;
	color: #111;
	border-bottom: 0.2em solid #B8272A;
}
.ScheduleTitleYear{
	color: #FFF;
	font-size: 3.5vw;
	font-family: 'Roboto', sans-serif;
	font-weight: 600;
	position: relative;
    padding: 0.3em 0.2em 0.1em 1.2em;
	line-height: 0.6em;
	margin: 0 auto;
	width: 100%;
	background-color: #B8272A;
	xborder-bottom: 0.1em solid #B8272A;
}
.ScheduleTitleYearBlack{
	color: #FF9797;
	font-family: 'Roboto', sans-serif;
	font-size: 2.8vw;
	font-weight: 600;
    line-height: 0.6em;
    position: absolute;
    bottom: 0.1em;
    left: 0;
}
.ScheduleSubTitleA,
.ScheduleSubTitleB{
	xcolor: #FFF;
	font-size: 2.5vw;
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	position: relative;
    padding: 1.1em 0.1em 0.3em 2em;
	line-height: 0.6em;
	margin: 0.3em auto 0;
	width: 95%;
	xbackground-color: #B8272A;
	xborder-bottom: 0.1em solid #B8272A;
}
.ScheduleSubTitleA{
	color: #ff0000;
	background-color: #ff9f9f;
	border-bottom: 0.05em solid #ff0000;
}
.ScheduleSubTitleB{
	color: #4a4add;
	background-color: #c7c7ff;
	border-bottom: 0.05em solid #4a4add;
}

.ScheduleSubTitleTextA,
.ScheduleSubTitleTextB{
	color: #FF9797;
	font-family: 'Roboto', sans-serif;
	font-size: 4vw;
	font-weight: 700;
    line-height: 0.6em;
    position: absolute;
    bottom: 0.2em;
    left: 0.1em;
}
.ScheduleSubTitleTextA{color: #ff0000;}
.ScheduleSubTitleTextB{color: #4a4add;}

/*↓ページ内リンク調整↓*/
.numberLink,
.numberLinkPink{
	font-size: 3vw;
	width: 90%;
	margin:1vh auto 0;
}
.numberLink{border-bottom: 1.2em solid #B8272A;}
.numberLinkPink{border-bottom: 1.2em solid #ed514e;}

a.anchor{
    display: block;
    padding-top: 10vh;
    margin-top: -10vh;
}
a.anchorB{
    display: block;
    padding-top: 20vh;
    margin-top: -20vh;
}
.numberLinkA{
	font-size: 3vw;
	width: 90%;
	margin:0 auto 1vh;
	border-bottom: 1em solid #222;
}
.numberLinkB{
	font-size: 2vw;
	width: 90%;
	margin:1vh auto 0;
	border-bottom: 1.2em solid #ed514e;
}
/*↑ページ内リンク調整↑*/

.numberH3{
	font-size: 2.5vw;
	font-weight: 600;
	position: relative;
	padding: 0.4em 0.5em 0.1em;
	margin:0.1em auto;
	width: 90%;
	color: #111;
	border-left: 0.8em solid #B8272A;
	border-bottom: 3px solid #B8272A;
}
.productH3,
.productH3Black{
	width: 98%;
	font-size: 1.7vw;
	font-weight: 600;
	padding: 0.5em 0.1em 0.1em 0.1em;
	margin:0.5em auto 0.1em;
	color: #111;
}
.productH3{
	border-bottom: 0.1em solid #B8272A;
	border-top: 0.5em solid #B8272A;
}
.productH3Black{
	border-bottom: 0.1em solid #666;
	border-top: 0.5em solid #666;
}
.komeTitle{
	font-size: 1.4vw;
	font-weight: 600;
	padding: 0.5em 0.1em 0.1em 0.1em;
	margin:0.1em auto;
	width: 100%;
	color: #B8272A;
	border-bottom: 0.1em solid #B8272A;
}
.komeTitleBig,
.komeTitleBigPink{
	font-size: 1.6vw;
	font-weight: 600;
	padding: 0.5em 0.1em 0.1em 0.1em;
	margin:0.1em auto;
	width: 100%;
}
.komeTitleBig{color: #B8272A;border-bottom: 0.1em solid #B8272A;}
.komeTitleBigPink{color: #ed514e;border-bottom: 0.1em solid #ed514e;}
.subPageH2{
	width: 98%;
	margin: 1em auto 0.5em;
	padding: 1em;
	text-align: center;
	font-size: 2vw;
	font-weight: 600;
	color: #FFF9F9;
	background-color: #cc9eaa;
	border-radius: 0.2em;
}
.subPageH2Left{
	width: 98%;
	margin: 1em auto 0;
	padding: 1em;
	text-align: left;
	font-size: 2vw;
	font-weight: 600;
	color: #FFF9F9;
	background-color: #cc9eaa;
	border-radius: 0.2em;
}
.itemTitle{
	font-size: 5vh;
	font-weight: 700;
	color:#111;
	width: 100%;
    text-align: center;
	padding: 4em 0 0.5em;
	background-color: #cc9eaa;
}
.itemTitle{background:url(../images/title/title-product.gif) no-repeat;
	background-size: auto 100%;
    background-position: center;
}

.tangere,
.tedukuri
{
	font-size: 5vh;
	font-weight: 700;
	color:#111;
    text-align:center;
	height: 80vh;
    line-height:16em;
}
.product,
.process,
.before,
.arrive,
.contact,
.application{
	font-size: 4vh;
	font-weight: 700;
	color:#111;
	width: 100%;
    text-align: center;
	padding: 5em 0 2em;
}
.illustration{
	font-size: 4vh;
	font-weight: 700;
	color:#B8272A;
	width: 100%;
    text-align: center;
	padding: 5em 0 3em;
}
.contactForm,
.applicationForm{
	font-size: 5vh;
	font-weight: 700;
	color:#111;
	width: 100%;
    text-align: center;
	padding: 3em 0 0;
}
.tangere{background:url(../images/title/title-tangere.jpg) no-repeat;
	background-size: auto 100%;
    background-position: center;
}
.tedukuri{background:url(../images/title/title-tedukuri.jpg) no-repeat;
	background-size: auto 100%;
    background-position: center;
}
.product{background:url(../images/title/title-product.gif) no-repeat;
	background-size: auto 100%;
    background-position: center;
}
.item{background:url(../images/title/title-item.gif) no-repeat;
	background-size: auto 100%;
    background-position: center;
}
.process{background:url(../images/title/title-process.gif) no-repeat;
	background-size: auto 100%;
    background-position: center;
}
.handmade{background:url(../images/title/title-tangere.jpg) no-repeat;
	background-size: auto 100%;
    background-position: center;
}
.before{
	background:url(../images/title/title-before.gif) no-repeat;
	background-size: auto 100%;
    background-position: center;
}
.arrive{
	background:url(../images/title/title-arrive.gif) no-repeat;
	background-size: auto 100%;
    background-position: center;
}
.contact{background:url(../images/title/title-contact.gif) no-repeat;
	background-size: auto 100%;
    background-position: center;
}
.application{background:url(../images/title/title-application.gif) no-repeat;
	background-size: auto 100%;
    background-position: center;
}
.contactForm{background:url(../images/title/title-contactForm.gif) no-repeat;
	background-color: #E0B3C1;
	background-size: auto 100%;
    background-position: center;
}
.applicationForm{background:url(../images/title/title-application.gif) no-repeat;
	background-color: #E0B3C1;
	background-size: auto 100%;
    background-position: center;
}
.illustration{background:url(../images/title/title-illustration.jpg) no-repeat;
	background-size: auto 100%;
    background-position: center;
}

.xpromise{
	font-size: 4vh;
	font-weight: 700;
	color:#111;
	width: 100%;
    text-align: center;
	padding: 8em 0 0.5em;
}
.promise,
.first,
.wear,
.care,
.careB,
.storage{
	font-size: 4vh;
	font-weight: 700;
	color:#111;
	width: 100%;
    text-align: center;
}
.promise,
.first,
.wear,
.care,
.storage{padding: 10em 0 1em;}
.careB{padding: 10em 0 0;}

.promise{
	background:url(../images/title/title-promise0.gif) no-repeat;
	background-size: auto 100%;
    background-position: center;
}
.first{background:url(../images/title/title-promise0.gif) no-repeat;
	background-size: auto 100%;
    background-position: center;
	background-color: #E0B3C1;
}
.wear{
	background:url(../images/title/title-promise1.gif) no-repeat;
	background-size: auto 100%;
    background-position: center;
}
.care,
.careB{
	background:url(../images/title/title-promise2.gif) no-repeat;
	background-size: auto 100%;
    background-position: center;
}
.storage{
	background:url(../images/title/title-promise3.gif) no-repeat;
	background-size: auto 100%;
    background-position: center;
}
@media screen and (max-width : 1024px ){ 
    /*　画面サイズが1024pxより小さい場合はここを読み込む　*/
	.infoH1,
	.ItemH1,
	.topH2,
	.topPageH2,
	.subPageH2,
	.aplRedTitle,
	.subPageH2Left{font-size: 6vw;}
	.aplRedTitle{font-size: 2.8vh;}
		
	.infoH2{font-size: 4vw;}
	
	.infoH1{margin: 0.7em auto 0;}
	
	.numberH2,
	.numberH2Pink{width: 98%;font-size: 5vw;padding: 0.4em 0.1em 0.1em 2.4em;}
	.numberH2Sub{width: 98%;font-size: 4.5vw;padding: 0 0.1em 0.2em 4.3em;}
	.numberH2SubSub,
	.numberH2SubSubPink{font-size: 2.8vh;}
	.numberH2Step,
	.numberH2StepPink{width: 98%;font-size: 1.6vh;padding: 1.5em 2em 0.2em 4em;}
	.H2Namber,
	.H2NamberBlack,
	.H2NamberPink{font-size: 8vw;}
	.H2NamberSub{font-size: 6vw;padding-left: 1.8em;line-height: 1.7em;}
	.H2NamberStep,
	.H2NamberStepPink{font-size: 2.5vh;}
	.numberH3{width: 98%;font-size: 3vh;padding: 0.5em 0.3em 0.1em;}
	.stepH2{font-size: 3.3vh;padding: 1em 1em 0em 5em;}
	.stepH2A{font-size: 4vh;}
	.stepH2B,
	.stepH2BBlack{font-size: 3vh;}

	.H2Step{font-size: 3.8vh;}
	.komeTitle {font-size: 2vh;}
	.komeTitleBig,
	.komeTitleBigPink{font-size: 2.6vh;}
	.productH3,
	.productH3Black{
		width: 100%;
		font-size: 4.5vw;
		padding: 0.5em 0 0.1em;
		margin:0.1em auto;
	}
	a.anchorB {padding-top: 14vh; margin-top: -14vh;}
	
	.infoBox{width: 98%;padding: 8vh 0}
	.numberLink{width: 98%;margin: 5vh auto 0;border-bottom: 1.5em solid #B8272A;}
	.numberLinkPink{width: 98%;margin: 5vh auto 0;border-bottom: 1.5em solid #ed514e;}
	.numberLinkA{width: 98%;margin: 5vh auto 0;border-bottom: 1.5em solid #222;}
	.numberLinkB{width: 98%; margin:5vh auto 0; border-bottom: 1.6em solid #ed514e;}
	.aplBox{width: 98%;}
	.aplBoxL{width: 100%;}
	.aplBoxR{width: 100%;padding: 1.0em 0.5em;}
	.infoBoxInnner{width: 98%;}
	
	.TitleYear{font-size: 5vh;}
	
	.TitleYearBlack{font-size: 4vh;}
	.TitleMonth{font-size: 2.5vh;}
	.TitleMonthSub{font-size: 4vh;}
	.TitleDate{font-size: 2vh;}
	.TitleDateSub{font-size: 2.8vh;}
}
@media screen and (max-width : 480px ){ 
    /*　画面サイズが480pxより小さい場合はここを読み込む　*/
	.infoH1{margin: 0.7em auto 0;}
	.numberH2{font-size: 6vw;}
	.H2NamberSub{font-size: 7vw;padding-left: 1.9em;line-height: 1.4em;}
	.numberH2Sub{font-size: 5.5vw;padding: 0 0.1em 0.1em 4em;}
	.H2Namber,
	.H2NamberBlack{font-size: 10vw;line-height: 1em;}
}

/*箇条書き*/
/*UL*/

ul.nomal00,
ul.nomal,
ul.left,
ul.aplRedBox{
	list-style-type: circle;
    padding-left: 2em;
	margin: 1em;
}

ul.nomal li, 
ul.left li{font-size: 1.5vw;line-height: 1.5em;}
ul.left li{margin-left:1em;}

ul.aplRedBox li{
	color: #b8272a;
	font-size: 1.4vw;
	line-height: 1.5em;
}
.topText li, ol.list li{line-height: 1.5em;}
.topText {display:grid;justify-items:center;}
.topText ul {
	font-size: 1.5vw;
	margin-top:0.5em;
	margin-bottom:0.5em;
	padding-left:0;
	list-style-type: circle;
}

ul.guide{
	list-style-type: circle;
    padding-left: 2em;
	margin: 1em 0;
}
ul.guide li{font-size: 1vw;line-height: 1.3em;}

ul.pro{
	list-style-type: circle;
    padding-left: 2em;
	margin: 0.8em 0;
}

ul.pro li{font-size: 1.3vw;line-height: 1.4em;}
ul.pageSns {
	width: 100%;
	text-align: center;
	margin: 5vh auto;
}
.pageSns li  {display: inline;}
.pageSns li a {color: #B8272A;}

ul.pageGuide {
	width: 70%;
	text-align: center;
	margin: 2vh auto;
	background-color: #000;
}
.pageGuide li {
	width: 10%;
	display: inline;
	float: left;
	vertical-align: bottom;
	text-align: center;
	padding-left:10px;
	margin: 0;
	background-color: aquamarine;
}
.pageGuide li img{
	height:100%;
	margin: 0 auto;
	vertical-align: bottom;
	background-color: FFF;
}
ul.apl{list-style-type: none;padding: 0 0.3em;}
ul.apl li{
	color: #b8272a;
	font-size: 1.3vw;
	line-height: 2em;
}

/*OL*/
ol.list{
	list-style-type: decimal;
	padding-left: 4em;
	margin: 0.5em auto 1em;
}
ol.maru{
	list-style-type: none;
	padding-left: 2.0em;
	margin: 0.5em auto;
}
ol.list li,
ol.maru li{
	font-size: 1.5vw;
	margin: 0.5em auto;
	line-height: 1.2em;
}
ol.alpha {
	list-style-type: lower-alpha;
	padding-left: 3em;
	margin: 0.5em auto 1.5em;
}
ol.alpha li{
	font-size: 1.4vw;
	margin: 0.3em auto;
	line-height: 1.4em;
}

@media screen and (max-width : 1024px ){ 
    /*　画面サイズが1024pxより小さい場合はここを読み込む　*/
	.topText ul li{font-size: 2.3vw;}
	ul.guide li{font-size: 2.2vh;}
	ul.apl li{font-size: 2vh;}

	ul.nomal00,
	ul.nomal li{font-size: 2.3vw;padding-left: 0;margin-left: 0.3em;}
	ul.left li{font-size: 2.4vh;padding-left: 0;}
	ul.aplRedBox li{font-size: 2.2vh;line-height: 1.5em;}
	ul.pro li{font-size: 2.3vw;}
	
	ol.list li,
	ol.maru li{font-size: 2.3vw;}
	ol.alpha li{font-size: 2.2vh;}
}
@media screen and (max-width : 480px ){ 
    /*　画面サイズが480pxより小さい場合はここを読み込む　*/
	
	.topText ul li{font-size: 4vw;}
	ul.aplRedBox{padding-left: 0.5em;}
	
	ol.list li,
	ol.maru li{font-size: 3.8vw;}

	ol.list {padding-left: 1.5em;}
	ol.maru {padding-left: 1em;}
	ol.alpha {padding-left: 1em;}
	ul.nomal,
	ul.pro{padding-left: 0.5em;}
	ul.pro li,
	ul.nomal li{font-size: 4vw;}

}

/*TABLE*/
.tableItem,
.tableItemBlack{
	width:98%;
    border-collapse:collapse;
    border-spacing:0;
    margin: 1vh auto;
}
.tableItem{border: 2px solid #C60000;}
.tableItemBlack{border: 2px solid #111;}

.tableItem td,
.tableItemBlack td{
    font-size: 1.3vw;
    text-align: left;
    white-space: nowrap;
    vertical-align: middle;
    padding: 0.3em;
    border-width: 0 0 1px 1px;
    color:#111;
}
.tableItem td{border: 1px solid #C60000;background:#F7EDF1;}
.tableItemBlack td{border: 1px solid #111;background:#efefef;}

.tableItem p{
    text-align: left;
    padding: 0.2em;
    color:#111;
}
.tableItem td.a,
.tableItemBlack td.a{
    text-align: left;;
    white-space: normal;
    padding: 0.5em;
    border-width: 0 0 1px 1px;
    color:#111;
    background: #FFF;
}
.tableItem td.a{border: 1px solid #C60000;}
.tableItemBlack td.a{border: 1px solid #111;}

.tableItem td.a ul{
    line-height: 1.3em;
    width: auto;
    list-style: circle;
    padding: 0.1em 0.1em 0.2em 1.6em;
}

/*TABLE内設定*/
ul .pro{
    width: auto;
    list-style: circle;
    padding: 0.2em 0.2em 0.2em 1.6em;
}
ul .pro li{font-size: 1.2vw;line-height: 1.3em;}

@media screen and (max-width : 1024px ){ 
    /*　画面サイズが1024pxより小さい場合はここを読み込む　*/
	.tableItem td,
	.tableItemBlack td{font-size: 2.3vw;}
	.tableItem td.a ul,
	.tableItemBlack td.a ul{font-size: 2.3vw;}
}
@media screen and (max-width : 480px ){ 
    /*　画面サイズが480pxより小さい場合はここを読み込む　*/
	.tableItem td,
	.tableItemBlack td{font-size: 3.6vw;}
	.tableItem td.a ul,
	.tableItemBlack td.a ul{font-size: 3.6vw;}
}

/*アコーディオンMENU*/
/*====================================================================
.s_07 .accordion_one
====================================================================*/
.s_07 {width: 98%;margin: 0 auto;}
.accordion_one {margin: 0 auto;}
.s_07 .accordion_one .accordion_header {
	background-color: #B48590;
    border-bottom: 1px solid #fff;
    color: #fff;
    font-size: 2.2vh;
    font-weight: bold;
    line-height: 3em;
    padding: 1.2em 3.5em 1.2em 0.5em;
    text-align: center;
    position: relative;
    z-index: +1;
    cursor: pointer;
    transition-duration: 0.2s;
}

.accordion_header_flex {
	display:flex;
	justify-content: center;
	flex-wrap:wrap;
	background-color: #fff;
    border-bottom: 1px solid #B48590;
    color: #111;
    font-size: 2.2vh;
    line-height: 3em;
    padding: 0.5em 0;
    position: relative;
    z-index: +1;
    cursor: pointer;
    transition-duration: 0.2s;
}
.s_07 .accordion_one .accordion_inner .accordion_header {
    text-align: left;
    line-height: 2em;
    background-color: #EFBDCA;
}
.s_07 .accordion_one .accordion_inner .accordion_inner  .accordion_header {
    text-align: left;
	font-weight: normal;
    background-color: #FFEEF2;
    color: #222;
}
.s_07 .accordion_one .accordion_header:hover {opacity: .8;}
.s_07 .accordion_one .accordion_header .i_box {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
    right: 5%;
    width: 40px;
    height: 40px;
    border: 1px solid #fff;
    margin-top: -20px;
    box-sizing: border-box;
	transform-origin: center center;
    transition-duration: 0.2s;
}
.s_07 .accordion_one .accordion_header .i_box .one_i {
    display: block;
    width: 18px;
    height: 18px;
    transform-origin: center center;
    transition-duration: 0.2s;
    position: relative;
}
.s_07 .accordion_one .accordion_header.open .i_box {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
}
.s_07 .accordion_one .accordion_header .i_box .one_i:before, .s_07 .accordion_one .accordion_header .i_box .one_i:after {
    display: flex;
    content: '';
    background-color: #fff;
    border-radius: 10px;
    width: 18px;
    height: 4px;
    position: absolute;
    top: 7px;
    left: 0;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    transform-origin: center center;
}
.s_07 .accordion_one .accordion_header .i_box .one_i:before {
    width: 4px;
    height: 18px;
    top: 0;
    left: 7px;
}
.s_07 .accordion_one .accordion_header.open .i_box .one_i:before {content: none;}
.xs_07 .accordion_one .accordion_header.open .i_box .one_i:after {
  x-webkit-transform: rotate(-45deg);
  xtransform: rotate(-45deg);
}
.s_07 .accordion_one .accordion_inner {
    display: none;
    padding: 0;
    box-sizing: border-box;
}
.s_07 .accordion_one .accordion_inner .box_one {height: 300px;}
.s_07 .accordion_one .accordion_inner p.txt_a_ac {margin: 0;}


/*SCHEDULEアコーディオン*/
.ScheduleButtonA,
.ScheduleButtonB,
.ScheduleButtonAClose,
.ScheduleButtonBClose{
	text-align: center;
	position: relative;
	margin:0 auto;
	width: 95%;
}
.ScheduleButtonA,
.ScheduleButtonB{
	font-size: 1.8vw;
    padding: 1.2em 0 0.1em;
	border-bottom: solid 0.5em;
}
.ScheduleButtonAClose,
.ScheduleButtonBClose{
	font-size: 1.5vw;
    padding: 0.2em 0;
	border-top: solid 0.5em;
}
.ScheduleButtonA,
.ScheduleButtonAClose{background-color: #ff9f9f;}

.ScheduleButtonA{
	border-image: linear-gradient(180deg, #ff9f9f 0%, #ff0000 100%);
	border-image-slice: 100;
}
.ScheduleButtonAClose{
	border-image: linear-gradient(180deg, #ff0000 0%, #ff9f9f 100%);
	border-image-slice: 100;
}
.ScheduleButtonB,
.ScheduleButtonBClose{background-color: #c7c7ff;}

.ScheduleButtonB{
	border-image: linear-gradient(180deg, #c7c7ff 0%, #4a4add 100%);
	border-image-slice: 100;
}
.ScheduleButtonBClose{
	border-image: linear-gradient(180deg, #4a4add 0%, #c7c7ff 100%);
	border-image-slice: 100;
}

.ScheduleButtonA a,
.ScheduleButtonB a,
.ScheduleButtonAClose a,
.ScheduleButtonBClose a{
	font-weight: 600;
	font-family: 'Roboto', sans-serif;
}
.ScheduleButtonA a,
.ScheduleButtonAClose a{color: #ff0000;}
.ScheduleButtonB a,
.ScheduleButtonBClose a{color: #4a4add;}





@media screen and (max-width: 1024px) {
  .s_07 .accordion_one .accordion_header .i_box {
      width: 30px;
      height: 30px;
      margin-top: -15px;
  }
}
@media screen and (max-width: 767px) {
  .s_07 .accordion_one .accordion_header {
      text-align: left;
      padding: 0.5em 3.8em 0.5em 1em;
  }
}