body {
	padding:0;
	margin:0;
}

.a{
	text-decoration: none;
}

.bg{
	background-image:url("..//images/check.jpg");
}

.st_wrap {
	width:100%;
	max-width: 600px;
	padding: 0 auto 0.5%;
	margin: 0 auto;
	font-family: "Noto Sans JP", sans-serif;
	color: #4e2215;
	font-size: 14px;
	background-color: #b2aca0;
	font-feature-settings: "palt";
}

.st_wrap span{
	color: #4e2215!important;
}

.st_wrap p {
	padding:0;
	margin:0;
}

.st_wrap img {
	width: 100%;
}


.pc {
	display:block;
}
.sp {
	display:none;
}
.clear {
	clear:both;
}

.bg_box1 {
	width: 100%;
	z-index: 1;
	height: auto;
	padding-top: 100%;
	position: -webkit-sticky;
	position: sticky;
	top: 0;
}

.title_box {
	width: 100%;
	text-align: center;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	color: #ffffff;
	margin-bottom: 8%;
	letter-spacing: 2;
}

.title_box .top_img{
	animation: blurFadeIn 1.8s ease-out forwards;
    margin: auto;
}

@keyframes blurFadeIn {
    0% {
        filter: blur(15px);
        opacity: 0;
    }
    100% {
        filter: blur(0px);
        opacity: 1;
    }
}

.title_box .txt01 span{
	color: #ffffff!important;
	background: #4e2215;
	padding: 4px 10px;
	font-family: 'Times New Roman', serif;
	font-size: 18px;
}

.title_box .txt02{
	font-size: 30px;
	font-weight: bold;
	margin: 5% 0 2%;
}

.title_box .txt03{
	font-size: 24px;
}

.title_box img {
	width: 100%;
}

.look_prof {
	width: 100%;
	text-align: center;
	font-size: 16px;
	font-family: 'Times New Roman', serif;
}

.main_mv {
	width: 80%;
	margin: 0 auto;
	position: relative;
	z-index: 5;
}

.main_mv video {
	width: 100%;
	margin: -3%;
}

.main_mv img {
	width: 100%;
}

.float_box {
	width: 48%;
	margin: 1%;
	float: left;
}

.float_box img {
	width: 100%;
}

.float_box2 {
	width: 46%;
	margin: 1% 0 1% 4%;
	float: left;
}

.float_box2 img {
	width: 100%;
}

.title_lead {
	position: relative;
	width: 100%;
	text-align: center;
	font-size: 16px;
	letter-spacing: 1.0;
	line-height: 2.0;
	color: #4e2215;
	margin: 4% auto 3%;
	padding-bottom: 0%;
	z-index: 15;
}

.item_box{
	padding: 10% 0;
}

.sub_title {
	width: 100%;
	font-size: 16px;
	text-align: center;
	margin: 0 auto;
	line-height: 1.6;
	color: #4e2215;
}

.sub_title p {
	margin-top: 5%;
	font-size: 100%;
	line-height: 1.2;
	color: #4e2215;
}

.sub_title a {
	font-size: 100%;
	line-height: 1.2;
	text-decoration: none;
	color: #4e2215;
}

.sub_title span {
	font-size: 60%;
	line-height: 1.2;
	color: #fff;
}

.item_txt {
	float: left;
	font-size: 12px;
	text-align: left;
	margin: 3% auto;
	padding-left: 10%;
	line-height: 1.6;
	color: #4e2215;
	width: 60%;
	box-sizing: border-box;
}

.item_txt span {
	font-size: 180%;
	font-family: 'Oswald', sans-serif;
}

.btn_all{
	display:block;
	width: 60%;
	margin: 15% auto 15%;
	padding: 2% 0;
	text-decoration: none;
	color:#ffffff;
	font-size:18px;
	line-height: 1.4;
	border: solid 1px #4e2215;
	text-align: center;
}

.sub_title{
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	font-weight: 600;
	font-size: 26px;
	margin: 5% 0;
	background: #d5cec6;
	position: relative;
	border-top: 1px solid #4e2215;
	border-bottom: 1px solid #4e2215;
}
.sub_title span{
	font-size: 20px;
}
.sub_title span.tax{
	font-size: 12px;
}
img.heart{
	width: 115px!important;
	margin-bottom: 5%;
	position: absolute;
	top: -5%;
	transform: translate(-50%, -50%);
}
.item_name{
	padding: 10% 0 5%;
}

.sub_box1 {
    align-items: flex-start;
    display: flex;
    overflow: hidden;
    width: 100%;
    white-space: nowrap;
    z-index: 1;
}
.sub_box1 ul {
    animation: flowing 70s linear infinite;
    transform:translateX(100%);
    margin: 0;
    padding: 0;
}
.sub_box1 ul li{
    display: inline-block;
	padding-right: 20px;
}
.sub_box1 img{
	width: auto;
	max-width: 280px!important;
}

@keyframes flowing {
  0% { 
	  transform: translateX(0); 
	}
  100% { 
	  transform: translateX(-100%); 
	}
}

.btn{
	text-align: center;
	margin: 8% auto;
	font-family: 'Times New Roman', serif;
	font-weight: normal;
	width: 40%;
	
}
.btn a{
	font-size: 13px;
	color: #ffffff;
	text-decoration: none;
	padding: 7% 30%;
	background: #4e2215;
}


@media only screen and (max-width: 768px) {
	
    .st_wrap {
        clear: both;
        width:100%;
        margin:0 auto;
        padding-bottom: 15%;
    }

    .st_wrap img {
        clear: both;
        width:100%;
    }

    .item_box {
        padding: 25% 0 0;
    }

    .title_box .txt{
        margin-top: 5%;
    }

    .title_box .txt01 span {
        font-size: 14px;
    }
    .title_box .txt02 {
        font-size: 26px;
    }
    .title_box .txt03 {
        font-size: 23px;
        margin-bottom: 5%;
    }
	
    .sub_box1 img {
        width: auto;
        max-width: 250px !important;
    }
	
    .sub_box1 ul li{
        padding-right: 15px;
    }	

    .pc {
        display:none;
    }
    .sp {
        display:block;
    }

    .title_box {
        width: 100%;	
        margin: 0 0 -4%;
    }

    .sub_title {
        font-size: 25px;
        letter-spacing: 0em;
    }

    .item_txt {
        float: none;
        width: 100%;
        font-size: 11px;
        text-align: center;
        margin-left: 0;
        padding: 2% 0;
    }

    .item_name {
        padding: 15% 0 5%;
    }
	
    .btn a{
        padding: 7% 45%;
    }	
	
    .btn_all{
        display:block;
        width:80%;
        margin:15% auto 15%;
        padding:2.5% 0;
        text-decoration: none;
        color:#000;
        font-size:16px;
        line-height: 1.4;
        border: solid 1px #000;
        text-align: center;
    }

    .btn_code {
        font-size: 90%;
    }

    .btn_code1 {
        float: none;
        width:40%;
        margin: 3% auto 3%;
        font-size: 120%;
        padding:1.3% 0;
        font-weight: bold;
    }

    .btn_code3 {
        font-size: 140%;
        width:60%;
        padding:3% 0;
        margin: 5% auto 5%;
    }
	
}