*{
	margin:0;
	padding:0;
}
body{
	background:#f5e7d6;
}
html{
	scroll-behavior: smooth;
}
html, body {
  overflow-x: hidden;
}
.shi{  
	font-family: "Shippori Antique", sans-serif;
	font-weight: 400;
	font-style: normal;
}
header{

	background:#f7731f;
	width:100%;
	max-height:65px;
	z-index: 1000; /* 他の要素より手前に表示されるようにします */
}

.header-in{
	width:85%;
	max-width:1920px;
	margin:0 auto;
	display:flex;
	justify-content: space-between;
	align-items :center;
	padding:20px 0;
}
.logo-area{
	width:35%;
}
.navi-area{
	width:55%;
}
.pc-navi{
	display:flex;
	list-style-type: none;
}
.pc-navi li {
	text-decoration: none;
}
.pc-navi li a{
	display:block;
	text-decoration: none;
	padding:3px 15px;
}
.pc-navi li a img{
	width: 100%;
	min-width:40px;
}
.divid{
	border-right:1px solid #FFF;
}
.main{

}
.img-area2{
	display:flex;
	justify-content: center;
	width:70%;
	margin: 40px auto 100px auto;
}
.img-area2 img{
	width:100%;
}
.block{
	width:100vw;
}
.mg40{
	margin:40px auto 100px auto;
}
.title{
	width:100%;
}
.title-area{
	margin:0 auto;
}
.promotion {
    width: 80%;
    margin: -20px 5% 30px 15%;
}
.promotion-area{
	width:85%;
	display: grid;
	grid-template-columns: 42% 42%;
	column-gap: 7%;
	row-gap:30px;
	margin:50px 5% 0 10%;
	padding-top:30px;
}
.promotion-area2{
	width:85%;
	display: grid;
	grid-template-columns: 42% 42%;
	column-gap: 7%;
	row-gap:30px;
	margin:20px 5% 10px 10%;
}
.att{
	font-size:1.6em;
	font-weight: bold;
	width:77%;
	margin:10px auto 0 auto;
	text-align:right;
	margin-bottom:80px;
}
.box{
	position:relative;
}
.prize{
	position:absolute;
	top:-40px;
	right:-170px;
}
.prize img{
	width:88%;
}
.howto{
	width:100%;
	margin:0 auto;
	position:relative;
}
.howto img{
	width:100%;
}
#blk1{
	width:50%;
	margin-top:105px;
	margin-bottom:7%;
	margin-left:auto;
	margin-right:auto;
}
#blk2{
	width:67%;
	margin-top:65px;
	margin-bottom:7%;
	margin-left:auto;
	margin-right:auto;
}
#blk3 {
	width:57%;
	margin-top:65px;
	margin-bottom:7%;
	margin-left:auto;
	margin-right:auto;
}
#blk4 {
	width:57%;
	margin-top:65px;
	margin-bottom:7%;
	margin-left:auto;
	margin-right:auto;
}
#blk5 {
	width:35%;
	margin-top:65px;
	margin-bottom:150px;
	margin-left:auto;
	margin-right:auto;
}
.maskot1{
	position:absolute;
	bottom:-25%;
	right:10%;
	width:12%;
	z-index: 10;
}
.maskot2{
	position:absolute;
	bottom:0%;
	left:13%;
	width:12%;
	z-index: 10;
}
.maskot3{
	position:absolute;
	bottom:-25%;
	right:10%;
	width:12%;
	z-index: 10;
}
.maskot4{
	position:absolute;
	bottom:-18%;
	left:16%;
	width:11%;
	z-index: 10;
}
.maskot5{
	position:absolute;
	bottom:0%;
	right:15%;
	width:20%;
	z-index: 10;
}
.youtube,.attention{
	width:85%;
	margin:0 auto;
	padding-bottom:20px;
}
.youtube iframe {
  width: 100%;
  height: 100%;
}
.sns-b{
	width:60%;
	display:flex;
	align-items: center;
	margin:0 auto 20px auto;
}
.sns-b div.s1{
	width:100px;
	margin:15px;
}
.sns-b div.s2{
	width:130px;
	margin:0px;
}
.sns-b div img{
	width:100%;
}
.f-logo{
	width: 25%;
	max-width: 100px;
	margin:0 auto;
	padding-top:20px;
	padding-bottom:20px;
}
.mg{
	margin-top:-37px;
}
.mgb50{
	margin-bottom:50px;
}
.movie-title-area{
	display:flex;
	justify-content: center;
	padding:30px 0;
	width:50%;
	margin:0 auto;
}
.movie-area{
	width:70%;
	margin:0 auto 80px auto;
	text-align:center;
	padding:5px 30ox 30px 30px;
	background:#FFF;
	position:relative;
	margin:0 auto 80px auto;
}
.pins{
	width:25px;
	height:25px;
	position:absolute;
}
#pin-top-left{
	top:5px;
	left:5px;
}
#pin-top-right{
	top:8px;
	right:8px;
}
#pin-bottom-left{
	bottom:8px;
	left:8px;
}
#pin-bottom-right{
	bottom:8px;
	right:8px;
}
video {
  width: 70%; /* 動画をレスポンシブ化 */
}

.movie-area video {
	margin-bottom: 40px;
}

.company-name{
	text-align:center;
	font-family: "Zen Maru Gothic", serif;
  	font-weight: 900;
	font-size:1.9em;
	letter-spacing:-0.05em;
}
.company-name span.sub{
	text-align:center;
	font-family: "Zen Maru Gothic", serif;
  	font-weight: 900;
	font-size:0.7em;
	letter-spacing:-0.05em;
}
.company-address{
	text-align:center;
	font-family: "Zen Maru Gothic", serif;
  	font-weight: 900;
	font-size:1.4em;
}
#copyright{
	text-align:center;
	font-family: "Zen Maru Gothic", serif;
  	font-weight: 900;
  	font-style: normal;
	padding-top:30px;
	padding-bottom:30px;
}
.pcn{
	display:none;
}
.spn{
	display:block;
}
@media screen and (max-width:1920px){
	.prize{
		top:-60px;
		right:-160px;
	}
	.prize img{
		width:75%;
	}
	.pc-navi li a img{
		width: 100%;
		min-width:60px;
	}
}
@media screen and (max-width:1780px){
	.prize{
		top:-50px;
		right:-160px;
	}
	.prize img{
		width:65%;
	}
	.pc-navi li a img{
		min-width:50px;
	}
}
@media screen and (max-width:1580px){
	.prize{
		top:-50px;
		right:-150px;
	}
	.prize img{
		width:62%;
	}
	.pc-navi li a img{
		width: 100%;
		min-width:44px;
	}
}
@media screen and (max-width:1480px){
	.prize{
		top:-50px;
		right:-160px;
	}
	.prize img{
		width:57%;
	}
	.pc-navi li a img{
		min-width:45px;
	}
}
@media screen and (max-width:1280px){
	.prize{
		top:-50px;
		right:-170px;
	}
	.prize img{
		width:51%;
	}
	.pc-navi li a img{
		min-width:38px;
	}
}
@media screen and (max-width:980px){
	.prize{
		top:-40px;
		right:-190px;
	}
	.prize img{
		width:41%;
	}

}
@media screen and (max-width:798px){
	.header-in {
		width: 95%;
	}
    .pc-navi li a img {
        min-width: 25px;
    }
	.prize{
		top:-40px;
		right:-200px;
	}
	.att{
		font-size:1.1em;
		font-weight: bold;
		width:77%;
		margin:10px auto 0 auto;
		text-align:right;
		margin-bottom:80px;
	}
	.maskot1{
		position:absolute;
		bottom:-50px;
		right:10px;
		width:16%;
		z-index: 10;
	}
	.maskot2{
		position:absolute;
		bottom:0px;
		left:10px;
		width:17%;
		z-index: 10;
	}
	.maskot3{
		position:absolute;
		bottom:-70px;
		right:0px;
		width:16%;
		z-index: 10;
	}
	.maskot4{
		position:absolute;
		bottom:-70px;
		left:30px;
		width:16%;
		z-index: 10;
	}
	.maskot5{
		position:absolute;
		bottom:10px;
		right:-20px;
		width:27%;
		z-index: 10;
	}
	.prize img{
		width:36%;
	}
	.movie-area{
		width:85%;
	}
	video {
	width: 85%; /* 動画をレスポンシブ化 */
	}
	.company-name {
		font-size: 1.6em;
	}
	.company-address {
		font-size: 1.2em;
	}
	.navi-area {
    	width: 60%;
}

}
@media screen and (max-width:478px){
	.spn {
		display: none;
	}
	.pcn{
		display:block;
	}
	.sp-header{
		width:100%;
		padding:10px 0 10px 0;
		position:fixed;
		top:0;
		z-index: 1000; /* 他の要素より手前に表示されるようにします */
	}
	.sp-header-in{
		position:relative;
	}
	.sp-bt1{
		width:18%;
	}
	.sp-bt2{
		width:45%;
	}
	.sp-bt3{
		width:60%;
	}
	.sp-bt4{
		width:100%;
	}
	.sp-navi{
		list-style: none;
		margin-top:60px;
		background-color:rgba(229, 89, 39, 0.85);
		padding:15px;
		width:70%;
		position:absolute;
		right:15px;
		display: none; /* 初期状態を非表示にする */
	}
	.sp-navi li{
		margin-bottom:10px;
	}
	#hamburger{
		float:right;
		width: 15%;
		cursor: pointer;
		margin-right:10px;
	}
	.img-area2 {
		display: flex;
		justify-content: center;
		width: 95%;
		margin: 0px auto 40px auto;
	}
	.promotion {
		width: 90%;
		margin: -20px 5% 30px 5%;
	}
	.promotion-area {
		width: 95%;
		grid-template-columns: 87%;
		column-gap: 7%;
		row-gap: 50px;
		margin: 20px 5% 0 6%;
		padding-top: 30px;
	}
	.promotion-area2 {
		width: 95%;
		grid-template-columns: 87%;
		column-gap: 7%;
		row-gap: 20px;
		margin: 10px 5% 0 6%;
		padding-top: 20px;
	}
	.att{
		font-size:0.8em;
		font-weight: bold;
		width:80%;
		margin:10px auto 0 auto;
		text-align:right;
		margin-bottom:40px;
	}
	.prize{
		top:-40px;
		right:-200px;
	}
	.prize img{
		width:36%;
	}
	.movie-title-area{
		display:flex;
		justify-content: center;
		padding:30px 0;
		width:50%;
		margin:0 auto;
	}
	.movie-area{
		width:90%;
		margin:0 auto 80px auto;
		text-align:center;
		padding:5px 30ox 30px 30px;
		background:#FFF;
		position:relative;
		margin:0 auto;
	}
	.pins{
		width:10px;
		height:10px;
		position:absolute;
	}
	#pin-top-left{
		top:5px;
		left:5px;
	}
	#pin-top-right{
		top:5px;
		right:5px;
	}
	#pin-bottom-left{
		bottom:5px;
		left:5px;
	}
	#pin-bottom-right{
		bottom:5px;
		right:5px;
	}
	.maskot1{
		position:absolute;
		bottom:-10%;
		right:7%;
		width:20%;
		z-index: 10;
	}
	.maskot2{
		position:absolute;
		bottom:-20%;
		left:3%;
		width:17%;
		z-index: 10;
	}
	.maskot3{
		position:absolute;
		bottom:-35%;
		right:3%;
		width:20%;
		z-index: 10;
	}
	.maskot4{
		position:absolute;
		bottom:-18%;
		left:4%;
		width:17%;
		z-index: 10;
	}
	.maskot5{
		position:absolute;
		bottom:-2%;
		right:-2%;
		width:30%;
		z-index: 10;
	}
	#blk1{
		width:70%;
		margin:65px auto 45px auto;
	}
	#blk2{
		width:90%;
		margin:25px auto 45px auto;
	}
	#blk3 {
		width:82%;
		margin:45px auto 65px auto;
	}
	#blk4{
		width:84%;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:65px;
	}
	#blk5{
		width:57%;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:65px;
	}
	.movie-area{
		margin-bottom:50px;
	}
    .movie-title-area {
        padding: 10px 0;
    }
	.movie-area video {
		margin-bottom: 10px;
	}
	video {
	width: 80%; /* 動画をレスポンシブ化 */
	}
	.company-name {
		font-size: 1.2em;
		margin-bottom:10px;
	}
	.company-address {
		font-size: 0.9em;
	}
	#copyright {
		padding-top:20px;
		font-size:0.8em;
	}
}

@media screen and (min-width: 1600px) {
	.f-logo {
		width: 100px;
	}
}