/*---------------------------------------*/
body {
	font-family: "ヒラギノ角ゴシック","Hiragino Sans" sans-serif ;
	
}
ul {
list-style-type: disc;
    margin-block-start: 0em;
    margin-block-end: 0em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 0px;
}
p {
    display: block;
    margin-block-start: 0em;
    margin-block-end: 0em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}
img {
    image-rendering: -webkit-optimize-contrast;
}

a {
	color:#000;
	text-decoration: none;
	}

h3 {
	display: inline-block;
    font-size: 0em;
    margin-block-start: 0em;
    margin-block-end: 0em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: none;
}
.top-h2 {
	margin-top: 6%;
    font-size: 2.5vmin;
    font-weight: bold;
    
    letter-spacing: 1.8px;
}
.btn01 {
    display: block;
    max-width: 250px;
    border: 1px solid #333;
    font-size: 16px;
    color: #333;
    font-weight: bold;
    padding: 10px;
    text-align: center;
    border-radius: 0px;
    /* transition: .4s; */
    margin: 0 auto;
}
.more_link {
    margin-top: 50px;
    margin-bottom: 65px;
}
.main_wrapper p:not(.set-naiyou,.title-2) {
    margin: 15px 0;
    font-size: 14px;
    line-height: 25px;
    text-align: left;
}
.sp_slider {
	width: 100%;
    margin-bottom: 20px;
    margin-top: 20px !important;
}

/*--------------------------------------*/

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }

 li {
	list-style: none;
}
.movie-box {
	margin-bottom: 80px;
	position:relative;
	width:100%;
	height:0;
	padding-top:56.25%;
}
.movie-box iframe{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}


.page_wrapper {
  max-width: 1088px;
	margin: 0 auto;
	text-align: center;
	background-color: #fff;
}

.page_wrapper img{
	vertical-align: bottom;
	/*max-width: 100%;*/
}

.main_wrapper {
	width: 100%;
	margin: 0 auto;
}

/*.main_wrapper p {
	margin: 70px 0px 70px 0px;
	text-align: justify;
}*/
p {
	font-size: 16px;
	line-height: 29px;
	letter-spacing: 1.6px;
}
.item-set-3 {
	background-color: #c9c9c9;
}
.top-text-box {
	width: 82%;
	margin: auto;
	
}
.top-text-box p {
	text-align: center;
	letter-spacing: 1.6px;
	margin-bottom: 60px;
}
.top-icon-box {
	margin: 56px 0 70px 0;
	width: 100%;
	box-sizing: border-box;
    padding: 0 0%;
}
.top-icon-box ul {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	text-align: center;
	
}
.top-icon-box ul li {
	width: 17%;
}
.top-icon-box ul li img {
	width:90%;
	height: auto;
}


/*セット内容グループ*/
.item-set-1, .item-set-2{
	
	margin-bottom: 120px;
}

.item-set-1 ul {
	width: 80%;
	margin: 0 auto;
}
.item-set-1 ul li img{
	width: 100%;
	margin-bottom: 20px;
}

.item-set-1 ul li:first-child {
	font-size: 20px;
	letter-spacing: 1.2px;
	margin: 0 0 40px 0;
	font-weight: bold;
}
.item-set-1 ul li:nth-child(3) {
	width: 70%;
	margin: 0 auto;
}
.item-set-2 ul > li:first-child {
	font-size: 20px;
	letter-spacing: 1.2px;
	margin: 0 0 40px 0;
	font-weight: bold;
}

.item-set-2 {

}
.item-set-2 ul li img{
	width: 90%;
    margin: 0 auto;
    margin-bottom: 20px;
    display: block;
}
.item-set-2 ul {
	width: 80%;
	margin: 0 auto;
}
.item-set-2-in {
	display: flex;
	justify-content: center;
}

/*購入ページへ飛ばすアイテム*/
.item-set-3 {
	width: 100%;
	padding: 70px 0;
	margin-bottom: 120px  ;
}

.item-set-3 ul > li:first-child {
	margin-bottom: 43px;
	letter-spacing: 1.2px;
	font-weight: bold;
	font-size: 19px;
}

.item-set-3 ul {
	width: 100%;
	margin: 0 auto;
	padding: 0px 0;
}
.item-set-3-in a {
	
}
.item-set-3-in {
	display: flex;
    margin: 0 auto;
    width: 85%;
	justify-content: space-between;
    
}
.item-set-3-in img {
	width: 100%;
	margin-bottom: 20px;
}
.item-set-3-in li {
	width: 24%;
	position: relative;

}
.item-set-4-in a {
	
}
.item-set-4-in {
	display: flex;
    margin: 0 auto;
    width: 85%;
	justify-content: space-evenly;
    
}
.item-set-4-in img {
	width: 100%;
	margin-bottom: 20px;
}
.item-set-4-in li {
	width: 32%;
	position: relative;

}
.item-link{
	display: block;
	font-size: 14px;
	text-align: left;
	font-weight: bold;
}
.item-high {
	background-color: #ad5629;
    width: 100%;
    display: inline-block;
    color: #fff;
    /* font-weight: bold; */
    margin-top: 15px;
}
.item-high-1 {
	font-size: 19px;
	color: #fff;
}

.item-set-3-wrap {
	position: relative;
}

.item-title {
	position: absolute;
    display: inline-block;
    font-family: din-condensed;
    font-weight: bold;
    width: 100%;
    font-size: 20px;
    margin-top: 17px;
	z-index: 999;
}
.icon_10 {
	position: absolute;
    width: 15% !important;
    top: -36px;
    left: 44px;
    z-index: 1;
}
/*section2*/
.img-bottom10 {
	margin-bottom: 20px !important;
	max-width: 100%;
}

.sec2-box {
	
	width: 100%;
    margin-bottom: 96px !important;
    padding: 0 10.5%;
    box-sizing: border-box;
}
.sec2-box-1 {
	/*margin-bottom: 48px;
    padding: 0 10.5%;
    box-sizing: border-box;*/
	padding: 0 20.5%;
}
.sec2-box-1 img {
	margin-bottom: 20px;
    width: 100%;
}



.sec2-box img{
	
	
}
.sec3-box {
	
	width: 100%;
    margin-bottom: 29px !important; /*96px*/
    padding: 0 10.5%;
    box-sizing: border-box;
}
.sec3-box p{
	width: 100%;
    /* text-align: center; */
    display: inline-block;
	text-align: center;
}
.sec2-box p{
	width: 100%;
    /* text-align: center; */
    display: inline-block;
	text-align: center;
}

.sec2-2 {
	width: 100%;
	margin-bottom: 70px;
	/*padding: 0 10.5%;*/
    box-sizing: border-box;
	
}
.sec2-2-2 {
	padding: 0 19%;
}
.sec2-box-in {
	margin: 0 auto;
	width: 100%;
	margin-bottom: 0px;
	padding: 0 4%;
	
}
.sec2-box-in ul {
	display: flex;
	justify-content : space-between;
}
.sec2-box-in ul li img{
	width: 100%;
	margin-bottom: 20px;
}
.sec2-box-in ul li{
	width: 49%;
}
.sec2-box-in img{
	margin-bottom: 20px;
	width: 100%;
	
}
.sec2-box-in p{
	width: 100%;
    /* text-align: center; */
    display: inline-block;
	text-align: ce;
	
	
}

.sec-title-block {
	margin-bottom: 55px;
    height: 70px;
    padding: 0px 8%;
}
.sec-title-block img{
	vertical-align: middle;
	width: 18%;
}

.sec2-2 > p{
	width: 100%;
    /* text-align: center; */
    display: inline-block;
	text-align: left;
}
.sec-title-block span{
	vertical-align: middle;
    text-align: right;
    font: normal normal normal 25px/38px Hiragino Sans;
    letter-spacing: 1.5px;
    color: #000000;
    opacity: 1;
    font-size: 2.3vmin;
    font-weight: bold;
    margin-left: 27px;
	margin-left: 0px;
}


.sec-title-block2 {
	margin-bottom: 9%;
    height: 70px;
    padding: 0px 8%;
}

.sec-title-block2 img{
	vertical-align: bottom;
	width: 18%;
}


.sec-title-block2 span{
	vertical-align: middle;
    text-align: right;
    font: normal normal normal 25px/38px Hiragino Sans;
    letter-spacing: 1.5px;
    color: #000000;
    opacity: 1;
    font-size: 2.1vmin;
    font-weight: bold;
    margin-left: 0px;
	line-height: 25px;
}

.img-txt-bottom {
	margin-bottom: 20px;
}
.title-2 {
	display: inline-block;
	font-size: 1.8vmin;
	text-align: left;
	font-weight: bold;
	line-height: inherit;
	padding-left: 10px;
	vertical-align: middle;
	
}
.sec-title-blockp5 {
	
	justify-content: center;
	margin-bottom: 55px;
	padding: 0 14%;
	
	
}
.sec-title-blockp5 img {
	display: inline-block;
    vertical-align: middle;
	width: 21.09%;
}
.title-2-2 {
	font-family: din-condensed;
    font-size: 2.9vw;
    letter-spacing: 1px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 10%;
    display: block;
}

.sec3-box-in {
	
	padding: 0 15.5%;
	
}
.sec3-box-in img {
	margin-bottom: 20px;
    width: 100%;
}
} 
/*----------見出し----------------------*/
.main_wrapper h2{
	margin: 70px 0px 20px 0px;
    font-size: 30px;
    font-weight: bold;
    line-height: 40px;
    letter-spacing: 1.8px;
	text-align: center;
}

.main_wrapper h2 + p {
	margin-top: 26px;
	margin-bottom: 57px;
}

.txt_name {
	font-weight : bold;
}

/*--------profilebox------------------------*/
.main_wrapper p:not(.set-naiyou,.title-2) {
    margin: 15px 0;
    font-size: 14px;
    line-height: 25px;
    text-align: left;
}




@media screen and (max-width: 768px) {
	/*.top-icon-box {
		
	}
	.top-icon-box ul {
		display: flex;
		justify-content: center;
		text-align: center;
	}*/
	
	.top-icon-box ul li {
		width: 28%;
	}
	.top-icon-box ul li:nth-child(2) {
		/*margin-bottom: 8%;*/
	}
	

	.top-icon-box ul li img {
		width: 80%;
		height: auto;
	}
}
@media only screen and (max-width:829px) {
	.pc { display: none !important; }
    .sp { display: block !important; }
	.sec-title-block img {
		margin-bottom: 2%;
		vertical-align: middle;
		width: 20%;
	}
	.sec-title-blockp5 img {
		display: block;
		vertical-align: middle;
		width: 23%;
		margin: 0 auto;
		margin-bottom: 2%;
		
	}
	.title-2 {
		display: inline-block;
		font-size: 2.1vmin !important;
		text-align: left;
		font-weight: bold;
		line-height: inherit;
		padding-left: 10px;
		vertical-align: middle;
	}
	.sec-title-block span {
		vertical-align: baseline;
		text-align: right;
		font: normal normal normal 25px/38px Hiragino Sans;
		letter-spacing: 1.5px;
		color: #000000;
		opacity: 1;
		font-size: 2.3vmin;
		font-weight: bold;
		margin-left: 27px;
		margin-left: 0px;
	}
	.item-set-3 ul > li:first-child {
		margin-bottom: 43px;
		letter-spacing: 1.2px;
		font-weight: bold;
		font-size: 16px;
	}
	.item-link {
		display: block;
		font-size: 12px;
		text-align: left;
		font-weight: bold;
	}
	.sec2-2 {
		width: 100%;
		margin-bottom: 70px;
		/* padding: 0 10.5%; */
		box-sizing: border-box;
	}
}
@media only screen and (max-width:768px) {
	.top-icon-box {
		margin: 70px 0;
		width: 100%;
		box-sizing: border-box;
		padding: 0 0%;
	}
	.item-set-3 {
		width: 100vw;
		padding: 70px 0;
		margin-bottom: 120px;
		margin-left: calc(50% - 50vw);
	}


}
/*------599px以下の表示設定----------------------------------*/

@media only screen and (max-width:599px) {

/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
    .pc { display: none !important; }
    .sp { display: block !important; }

.main_wrapper h2{
	/*margin-top: 51px;
	font-size: 3vmin;
	font-weight: bold;
	line-height: 45px;
	letter-spacing: 1.8px;*/
	font-size: 3.6vmin;
    margin-top: 10%;
    
}
.top-text-box {
    width: 100%;
    margin: auto;
    /* text-align: left; */
	margin-bottom: 10%;
}
.main_wrapper h2 + p {
	margin-top: 44px;
}

.main_wrapper {
	width: 88%;
	margin: 0 auto;
}

.main_wrapper p:not(.set-naiyou,.title-2) {
    margin: 15px 0;
    font-size: 14px;
    line-height: 25px;
}
.top-icon-box {
    margin: 0 0 30px 0;
    width: 100%;
    box-sizing: border-box;
    padding: 0 0%;
}
.item-set-1 ul li:first-child {
    font-size: 15px;
    letter-spacing: 1.2px;
    margin: 0 0 40px 0;
    font-weight: bold;
}
.item-set-1 ul li:nth-child(3) {
    width: 100%;
    margin: 0 auto;
    /* font-size: 13px; */
}
.item-set-2 ul > li:first-child {
    font-size: 15px;
    letter-spacing: 1.2px;
    margin: 0 0 40px 0;
    font-weight: bold;
}
.movie-box {
    margin-bottom: 58px;
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 56.375%;
}
.item-set-1, .item-set-2 {
    margin-bottom: 60px;
}
.item-set-1 ul {
    width: 100%;
    margin: 0 auto;
}
.sec2-box {
    width: 100%;
    margin-bottom: 29px !important;
    box-sizing: border-box;
	padding: 0;
}
.sec2-2 {
    width: 100%;
    margin-bottom: 29px;
    padding: 0;
    box-sizing: border-box;
}
.item-set-3-in {
   display: flex; 
    margin: 0 auto;
    width: 85%;
	flex-wrap: wrap;
}
.item-set-3-in li {
    width: 44%;
    margin-bottom: 5%;
}
.item-set-3-in {
    display: flex;
    margin: 0 auto;
    width: 100%;
    justify-content: space-evenly;
}
.item-set-3-in img {
    width: 100%;
    margin-bottom: 11px;
}
.item-link {
    display: block;
    font-size: 10px;
    text-align: left;
    font-weight: bold;
}
.icon_10 {
    position: absolute;
    width: 26%!important;
    /* top: -39px; */
    z-index: 2;
    top: -1%;
    left: 50%;
    /* transform: translate(-50%, -50%); */
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
.item-set-3 {
    width: 100%;
    padding:   44px 0 20px 0;
    margin-bottom: 60px;
    margin-top: 30%;
}
.sec-title-block span {
	/*vertical-align: middle;
    text-align: left;
    font: normal normal normal 25px/38px Hiragino Sans;
    letter-spacing: 1.5px;
    color: #000000;
    opacity: 1;
    font-size: 3.938vw;
    font-weight: bold;
    margin-top: 3%;
    display: block;*/

	display: inline-block;
    font-size: 3.938vw !important;
    text-align: center;
    font-weight: bold;
    line-height: inherit;
    padding-left: 10px;
    vertical-align: middle;
    margin-top: 6%;
}

.sec-title-blockp5 {
    justify-content: center;
    margin-bottom: 10%;
    padding: 0 0%;
}
.set-naiyou {
	font-size: 12px ;
}
.sec2-box-in ul {
    display: block;
    justify-content: space-between;
}
.sec2-box-in ul li {
    width:100%; 
}
.sec-title-block img {
    vertical-align: middle;
    width: 30%;
    display: block;
    margin: 0 auto;
}
.sec-title-block {
    margin-bottom: 12%;
    /* height: 70px; */
    padding: 0 0%;
}
.sec2-box-in {
    margin: 0 auto;
    width: 100%;
    margin-bottom: 0px;
    margin-top: 0%;
	padding: 0;
}
.sec-title-blockp5 img {
    display: block;
    /* vertical-align: middle; */
    margin: 0 auto;
    width: 30%;
}
.title-2 {
    display: inline-block;
    font-size: 3.7vw !important;
    text-align: center;
    font-weight: bold;
    line-height: inherit;
    padding-left: 10px;
    vertical-align: middle;
	margin-top: 6%;
}
.title-2-2 {
    font-family: din-condensed;
    font-size: 5.953vw;
    letter-spacing: 1px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 10%;
    display: block;
}
.img-txt-bottom {
    margin-bottom: 33px !important;
}
.item-set-3 {
	width: 100vw;
	padding: 44px 0;
	margin-bottom: 60px;
	margin-top: 13%;
	margin-left: calc(50% - 50vw);
}
.item-set-3 ul > li:first-child {
	margin-bottom: 35px;
	letter-spacing: 1.2px;
	font-weight: bold;
	font-size: 13px;
}

}/*これ消しちゃだめ*/
/*------<end>599px以下の表示設定----------------------------------*/

@media only screen and (max-width:456px) {

	.icon_10 {
		position: absolute;
		width: 42%!important;
		/* top: -39px; */
		z-index: 2;
		top: -6%;
		left: 50%;
		/* transform: translate(-50%, -50%); */
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
	}
	.item-set-3 {
		width: 100vw;
		padding: 44px 0;
		margin-bottom: 60px;
		margin-top: 13%;
		margin-left: calc(50% - 50vw);
	}
	.item-set-3 ul > li:first-child {
		margin-bottom: 35px;
		letter-spacing: 1.2px;
		font-weight: bold;
		font-size: 13px;
	}
	.item-set-4-in {
		display: flex;
		margin: 0 auto;
		width: 100%;
		justify-content: space-evenly;
	}
	.sec-title-block2 span {
		display: inline-block;
    font-size: 3.7vw !important;
    text-align: center;
    font-weight: bold;
    line-height: inherit;
    vertical-align: middle;
	}
	.sec3-box {
		width: 100%;
		margin-bottom: 29px !important;
		padding: 0 ;
		box-sizing: border-box;
	}
}

@-moz-document url-prefix() {
	
	.title-2 {
		display: inline-block;
		font-size: 1.8vmin;
		text-align: left;
		font-weight: bold;
		line-height: 16px;
		padding-left: 10px;
		vertical-align: middle;
		padding-bottom: 10px;
	}
	.sec-title-block2 span {
		vertical-align: middle;
		text-align: right;
		font: normal normal normal 25px/38px Hiragino Sans;
		letter-spacing: 1.5px;
		color: #000000;
		opacity: 1;
		font-size: 2.1vmin;
		font-weight: bold;
		margin-left: 0px;
		line-height: 25px;
		display: block ruby;
	}
  }