@charset "UTF-8";

/* 
--------------------------------------------------------------*/
@media print{#the_container{display:none}}
--
@media print {
  body {
    display: none;
  }
}

.cs-page__content {
	min-width: 100%;
}
#the_container p {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}
#the_container * {
	-webkit-user-drag: none;
	-webkit-user-select: none;
	-webkit-touch-callout: none;
	user-select: none;
}
#main {
	padding: 0 0 0 0;
}
#footer {
	margin-top: 0;
}
ul {
	list-style:none;
}

@media screen and (min-width: 768px) { .cs-header-navbar { height: 78px; } }
			
					/*===================sp=*/@media screen and (max-width: 767px) {

					}/*====================*/

html,body{
}

/* #the_container
--------------------------------------------------------------*/
#the_container {
	width: 100%;
	background: #000000;
	color: #ffffff;
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;
	overflow: hidden;
	position: relative;
	font-size:62.5%;
	font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
}
	
	/* #the_container set
	--------------------------------------------------------------*/
	.the_contentBox {
		
	}
	#the_container a {
		color: #f9df66;
		text-decoration: none;
	}
	.the_contentBox h3 {
		width: 90%;
		max-width: 750px;
		text-align: center;
		margin: 0 auto 0 auto;
	}
		#the_container .the_ov {
			font-size: 37px;
			color: #f9df66;
			letter-spacing: -0.1em;
			-webkit-transition: all 100ms cubic-bezier(0.39, 0.575, 0.565, 1); 0s;
			transition: all 100ms cubic-bezier(0.39, 0.575, 0.565, 1); 0s;
		}
		#the_container .the_ov:hover {
			opacity: 0.5;
		}

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

					/*===================sp=*/@media screen and (max-width: 767px) {

#the_container {
	font-size: 2.5vw;
}
#the_container .pc {
	display: none;
}
#the_container .sp {
	display: block;
}

					}/*====================*/

/* #the_mv
--------------------------------------------------------------*/
#the_mv {
	width: 100%;
	position: relative;
}
	#the_mv .the_mv {
		width: 100%;
		height: 100%;
		position: absolute;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
		#the_mv .the_mv .the_tit {
			width: 39.375%;
			font-size: 0;
			margin-top: 2vw;
		}
		.the_friedrice #the_mv .the_mv .the_tit,
		.the_shaomai #the_mv .the_mv .the_tit,
		.the_friedchicken #the_mv .the_mv .the_tit {
			width: 39.375%;
			font-size: 0;
			margin-bottom: 8vw;
			margin-top: 0;
		}
		.the_hamburg #the_mv .the_mv .the_tit {
			width: 39.375%;
			font-size: 0;
			margin-bottom: 11.4vw;
			margin-top: 0;
		}
		#the_mv .the_mv .the_txt {
			width: 51.81%;
			margin-top: 1vw;
		}
	#the_mv .the_bg {
	}
			.the_comic #the_mv .the_mv .the_tit {
				width: 72%;
			}
	.the_campaign #the_mv .the_mv {
		justify-content: flex-start;
	}
			.the_campaign #the_mv .the_mv .the_tit {
				width: 100%;
				margin: 4vw 0 0 0;
			}
		
					/*===================sp=*/@media screen and (max-width: 767px) {

	#the_mv .the_bg {

	}
		#the_mv .the_mv .the_tit {
			width: 72%;
			margin-top: 0;
		}
		#the_mv .the_mv .the_txt {
			width: 69.6%;
			margin-top: 1vw;
			margin-bottom: 1vw;
		}
		
		.the_comic #the_mv .the_mv .the_tit {
			width: 56%;
		}
		.the_friedrice #the_mv .the_mv .the_tit,
		.the_shaomai #the_mv .the_mv .the_tit,
		.the_friedchicken #the_mv .the_mv .the_tit,
		.the_hamburg #the_mv .the_mv .the_tit {
			width: 72%;
			font-size: 0;
			margin-bottom: 7vw;
		}

					}/*====================*/


/* #the_menu
--------------------------------------------------------------*/
#the_menu {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}
	#the_menu .the_navi_item {
		width: 50%;
		margin: 0 0 0 0;
	}
		#the_menu .the_navi_item {
			overflow: hidden;
			position: relative;
			border-top: 1px solid #fff000;
			border-bottom: 1px solid #fff000;
		}
		#the_menu .the_navi_item:after {
			content: '';
			position: absolute;
			background: url(../../img/2108/icon_bnr.png) no-repeat right bottom;
			background-size: 100% auto;
			width: 5%;
			padding-top: 5%;
			z-index: 1;
			right: 0;
			bottom: 0;
		}
		#the_menu .the_navi_item.icon_up:after {
			content: '';
			position: absolute;
			background: url(../../img/2108/icon_up.png) no-repeat right bottom;
			background-size: 100% auto;
			width: 10%;
			padding-top: 10%;
			z-index: 1;
			right: 0;
			bottom: 0;
		}
		#the_menu .the_navi_item.icon_new:before {
			content: '';
			position: absolute;
			background: url(../../img/2108/icon_new.png) no-repeat left top;
			background-size: 100% auto;
			width: 14%;
			padding-top: 14%;
			z-index: 1;
			left: 0;
			top: 0;
		}
		#the_menu .the_navi_item.icon_03:before {
			content: '';
			position: absolute;
			background: url(../../img/2108/icon_03.png) no-repeat left top;
			background-size: 100% auto;
			width: 19%;
			padding-top: 19%;
			z-index: 1;
			left: 0;
			top: 0;
		}
		#the_menu .the_navi_item.icon_03:after {
			content: '';
			position: absolute;
			background: url(../../img/2108/icon_bnr_2.png) no-repeat right bottom;
			background-size: 100% auto;
			width: 5%;
			padding-top: 5%;
			z-index: 1;
			right: 0;
			bottom: 0;
		}
			#the_menu .the_navi_item .the_bnr {
				line-height: 0;
				position: relative;
			} 
		
		#the_menu .the_navi_item a {
			display: block;
			width: 100%;
			height: 100%;
			position: relative;
		}
		#the_menu .the_navi_item a:before,
		#the_menu .the_navi_item .cs:before {
			content: '';
			width: 1px;
			height: 100%;
			position: absolute;
			left: 0;
			top: 0;
			z-index: 10;
			background:linear-gradient(to bottom, #fff000 0%, #edb60d 34%, #fff000 58%, #edb60d 79%, #fff000 100%);
		}
		#the_menu .the_navi_item a:after,
		#the_menu .the_navi_item .cs:after {
			content: '';
			width: 1px;
			height: 100%;
			position: absolute;
			right: 0;
			top: 0;
			z-index: 10;
			background:linear-gradient(to bottom, #fff000 0%, #edb60d 34%, #fff000 58%, #edb60d 79%, #fff000 100%);
		}
	
		#the_menu .the_navi_item .the_bnr {
			-webkit-transition: all 1000ms cubic-bezier(0,.64,.08,1) 0s;
			transition: all 1000ms cubic-bezier(0,.64,.08,1) 0s;

		}
			#the_menu .the_navi_item:hover .the_bnr {
				-webkit-transform: scale(1.05);
				-ms-transform: scale(1.05);
				transform: scale(1.05);
				
				opacity: 0.5;
			}
			#the_menu .the_navi_item:hover .cs .the_bnr {
				-webkit-transform: scale(1.00);
				-ms-transform: scale(1.00);
				transform: scale(1.00);
				opacity: 1.0;
			}
			
			#the_menu .the_navi_item div {
				-webkit-transition: all 1000ms cubic-bezier(0,.64,.08,1) 0s;
				transition: all 1000ms cubic-bezier(0,.64,.08,1) 0s;
				-webkit-transform: scale(1.00);
				-ms-transform: scale(1.00);
				transform: scale(1.00);
				opacity: 1.0;
				overflow: hidden;
			}
			#the_menu .the_navi_item:hover div .the_bnr {
				opacity: 1.0;
			}
			#the_menu .the_navi_item:hover div {
				-webkit-transform: scale(1.05);
				-ms-transform: scale(1.05);
				transform: scale(1.05);
				opacity: 0.5;
			}
					/*===================sp=*/@media screen and (max-width: 767px) {
#the_menu {
	margin-top: 0;
}
	#the_menu .the_navi_item {
		width: 100%;
		margin: 0 0 0 0;
	}
		#the_menu .the_navi_item a {
			height: auto;
		}
		#the_menu .the_navi_item:before {
			width: 15%;
			padding-top: 100%;
			z-index: 1;
		}
		
		#the_menu .the_navi_item .the_tanakatit {
			width: 60%;
			border: 1px solid #020202;
			font-size: 2.4vw;
			padding: 10px 4% 10px 4%;
		}
		#the_menu .the_navi_item.icon_03:before {
			width: 25%;
			padding-top: 25%;
		}

					}/*====================*/

/* #the_friedrice
--------------------------------------------------------------*/
#the_friedrice {
	
}
	#the_friedrice #the_friedrice01 {
		margin: 10vw auto 0 auto;
	}
		#the_friedrice #the_friedrice01 .the_txt01 {
			margin: 0 auto 0 auto;
			line-height: 0;
			z-index: 2;
			position: relative;
		}
		#the_friedrice #the_friedrice01 .the_detailsBox {
			margin: -10vw auto 0 auto;
			z-index: 1;
			position: relative;
		}
			#the_friedrice #the_friedrice01 .the_detailsBox .the_btn {
				position: absolute;
				bottom: 1vw;
				left: 50%;
				-webkit-transform: translateX(-50%);
				transform: translateX(-50%);
			}
			
	#the_friedrice #the_friedrice02 {
		margin: 17vw auto 0 auto;
	}
		#the_friedrice #the_friedrice02 .the_txt01 {
			width: 100%;
			line-height: 0;
		}
		#the_friedrice #the_friedrice02 .the_movieWrap {
			width: 100%;
			min-height: 50px;
			
			margin: 0.5vw auto 0.5vw auto;
		}
		#the_friedrice #the_friedrice02 .the_txt02 {
			width: 100%;
			line-height: 0;
		}
		
	#the_friedrice #the_friedrice03 {
		margin: 8.5vw auto 0 auto;
	}
		#the_friedrice #the_friedrice03 .the_detailsBox {
			margin: 0 auto 0 auto;
			z-index: 1;
			position: relative;
		}
			#the_friedrice #the_friedrice03 .the_detailsBox .the_txt01 {
				width: 7.375%;
				line-height: 0;
				position: absolute;
				top: 11.5vw;
				right: 10%;
			}
			#the_friedrice #the_friedrice03 .the_detailsBox .the_txt02 {
				width: 6.875000000000001%;
				line-height: 0;
				position: absolute;
				top: 14vw;
				left: 10%;
			}
			#the_friedrice #the_friedrice03 .the_detailsBox .the_btn {
				position: absolute;
				bottom: 1vw;
				left: 50%;
				-webkit-transform: translateX(-50%);
				transform: translateX(-50%);
			}


	#the_friedrice .the_btn {
		width: 20%;
		max-width: 320px;
	}
					/*===================sp=*/@media screen and (max-width: 767px) {

	#the_friedrice #the_friedrice01 {
		margin: 0 auto 0 auto;
	}
	#the_friedrice #the_friedrice01 .the_detailsBox {
		width: 120%;
		margin-left: -10%;
	}

		#the_friedrice #the_friedrice01 .the_detailsBox .the_btn {
			position: relative;
			text-align: center;
			margin-top: -5vw;
		}
	#the_friedrice #the_friedrice02 {
		margin-top: 30vw;
	}
/*
		#the_friedrice #the_friedrice02 .the_txt01 {
			width: 138%;
			margin-left: -21%;
		}
		#the_friedrice #the_friedrice02 .the_txt02 {
			width: 138%;
			margin-left: -21%;
		}
*/
	#the_friedrice #the_friedrice03 {
		margin-top: 19vw;
	}
			#the_friedrice #the_friedrice03 .the_detailsBox .the_txt01 {
				top: 12vw;
				right: 5%;
			}
			#the_friedrice #the_friedrice03 .the_detailsBox .the_txt02 {
				top: 15vw;
				left: 5%;
			}
			
	#the_friedrice .the_btn {
		width: 50%;
		max-width: 50%;
	}

					}/*====================*/


/* #the_shaomai
--------------------------------------------------------------*/
#the_shaomai {
	
}
	#the_shaomai #the_shaomai01 {
		margin: 150px auto 0 auto;
		margin: 10vw auto 0 auto;
	}
		#the_shaomai #the_shaomai01 .the_txt01 {
			margin: 0 auto 0 auto;
			line-height: 0;
			z-index: 2;
			position: relative;
		}
		#the_shaomai #the_shaomai01 .the_detailsBox {
			margin: 0 auto 0 auto;
			z-index: 1;
			position: relative;
		}
			#the_shaomai #the_shaomai01 .the_detailsBox .the_btn {
				position: absolute;
				bottom: 0;
				left: 50%;
				-webkit-transform: translateX(-50%);
				transform: translateX(-50%);
			}
			
	#the_shaomai #the_shaomai02 {
		margin: 17vw auto 0 auto;
	}
/*
		#the_shaomai #the_shaomai02 .the_txt01 {
			width: 10.25%;
			line-height: 0;
		}
		#the_shaomai #the_shaomai02 .the_movieWrap {
			width: 100%;
			min-height: 50px;
			margin: 0.5vw auto 0.5vw auto;
		}
		#the_shaomai #the_shaomai02 .the_txt02 {
			width: 10.19%;
			line-height: 0;
		}
*/
		
	#the_shaomai #the_shaomai03 {
		margin: 250px auto 0 auto;
		margin: 25vw auto 0 auto;
	}
		#the_shaomai #the_shaomai03 .the_detailsBox {
			margin: -10vw auto 0 auto;
			z-index: 1;
			position: relative;
		}
			#the_shaomai #the_shaomai03 .the_detailsBox .the_txt01 {
				width: 15.375%;
				line-height: 0;
				position: absolute;
				top: 3vw;
				right: 6%;
			}
			#the_shaomai #the_shaomai03 .the_detailsBox .the_txt02 {
				width: 15.687499999999998%;
				line-height: 0;
				position: absolute;
				top: 3vw;
				left: 10%;
			}
			#the_shaomai #the_shaomai03 .the_detailsBox .the_btn {
				position: absolute;
				bottom: 1vw;
				left: 50%;
				-webkit-transform: translateX(-50%);
				transform: translateX(-50%);
			}

	#the_shaomai #the_shaomai04 {
		margin: 250px auto 0 auto;
		margin: 20vw auto 5vw auto;
	}
		#the_shaomai #the_shaomai04 .the_movieWrap {
			width: 100%;
			min-height: 50px;
			margin: 8vw auto 0.5vw auto;
		}

	#the_shaomai .the_btn {
		width: 20%;
		max-width: 320px;
	}
					/*===================sp=*/@media screen and (max-width: 767px) {

	#the_shaomai #the_shaomai01 {
		margin: 0 auto 0 auto;
	}
	#the_shaomai #the_shaomai01 .the_detailsBox {
		width: 120%;
		margin-left: -10%;
	}
		#the_shaomai #the_shaomai01 .the_detailsBox .the_btn {
			position: relative;
			text-align: center;
			margin-top: -5vw;
		}
	#the_shaomai #the_shaomai02 {
		margin: 36vw auto 0 auto;
	}
/*
		#the_shaomai #the_shaomai02 .the_txt01 {
			width: 124%;
			margin-left: -13%;
		}
		#the_shaomai #the_shaomai02 .the_txt02 {
			width: 124%;
			margin-left: -12%;
		}
*/
	#the_shaomai #the_shaomai03 {
		margin: 40vw auto 20vw auto;
	}
			#the_shaomai #the_shaomai03 .the_detailsBox .the_txt01 {
				top: 10vw;
				right: 1%;
			}
			#the_shaomai #the_shaomai03 .the_detailsBox .the_txt02 {
				top: 10vw;
				left: 1%;
			}
			#the_shaomai #the_shaomai03 .the_detailsBox .the_img {
				width: 120%;
				margin-left: -11%;
			}
			#the_shaomai #the_shaomai04 .the_txt01 {
				width: 215%;
				margin-left: -55%;
			}
			
	#the_shaomai .the_btn {
		width: 50%;
		max-width: 50%;
	}
	
					}/*====================*/
					
/* #the_friedchicken
--------------------------------------------------------------*/
#the_friedchicken {
	
}
	#the_friedchicken #the_friedchicken01 {
		margin: 75px auto 0 auto;
		margin: 5vw auto 0 auto;
	}
		#the_friedchicken #the_friedchicken01 .the_txt01 {
			margin: 0 auto 0 auto;
			line-height: 0;
			z-index: 2;
			position: relative;
		}
		#the_friedchicken #the_friedchicken01 .the_detailsBox {
			margin: -10vw auto 0 auto;
			z-index: 1;
			position: relative;
			padding-bottom: 1vw;
		}
			#the_friedchicken #the_friedchicken01 .the_detailsBox .the_btn {
				position: absolute;
				bottom: 0;
				left: 50%;
				-webkit-transform: translateX(-50%);
				transform: translateX(-50%);
			}
		
	#the_friedchicken #the_friedchicken02 {
		margin: 100px auto 0 auto;
		margin: 12.2vw auto 0 auto;
	}
		#the_friedchicken #the_friedchicken02 .the_detailsBox {
			margin: 0 auto 0 auto;
			z-index: 1;
			position: relative;
		}
			#the_friedchicken #the_friedchicken02 .the_detailsBox .the_txt01 {
				width: 15.3%;
				line-height: 0;
				position: absolute;
				top: 4vw;
				right: 5.6%;
			}
			#the_friedchicken #the_friedchicken02 .the_detailsBox .the_txt02 {
				width: 9.44%;
				line-height: 0;
				position: absolute;
				top: 4vw;
				left: 6.88%;
			}
/*
			#the_friedchicken #the_friedchicken02 .the_detailsBox .the_txt03 {
				width: 25.5%;
				line-height: 0;
				position: absolute;
				bottom: 2vw;
				right: 8.3%;
			}
*/
			
	#the_friedchicken #the_friedchicken03 {
		margin: 100px auto 0 auto;
		margin: 8vw auto 5vw auto;
	}

	#the_friedchicken .the_btn {
		width: 20%;
		max-width: 320px;
	}
					/*===================sp=*/@media screen and (max-width: 767px) {

	#the_friedchicken #the_friedchicken01 {
		margin: 0 auto 0 auto;
	}
	#the_friedchicken #the_friedchicken01 .the_detailsBox {
		width: 120%;
		margin-left: -10%;
	}
		#the_friedchicken #the_friedchicken01 .the_detailsBox .the_btn {
			position: relative;
			text-align: center;
			margin-top: -3vw;
		}
		
		#the_friedchicken #the_friedchicken02 {
			margin-top: 24vw;
		}
		#the_friedchicken #the_friedchicken02 .the_img {
			width: 120%;
			margin-left: -10%;
			padding-bottom: 6vw;
			padding-top: 1vw;
		}
			#the_friedchicken #the_friedchicken02 .the_detailsBox .the_txt01 {
				width: 18%;
				line-height: 0;
				position: absolute;
				top: 0;
				right: 1%;
			}
			#the_friedchicken #the_friedchicken02 .the_detailsBox .the_txt02 {
				width: 11.2%;
				line-height: 0;
				position: absolute;
				top: 0;
				left: 3%;
			}
/*
			#the_friedchicken #the_friedchicken02 .the_detailsBox .the_txt03 {
				width: 50%;
				right: 2.8%;
			}
*/
	
	#the_friedchicken #the_friedchicken03 {
		margin: 12vw auto 0 auto;
	}
	#the_friedchicken #the_friedchicken03 .the_txt01 {
		width: 160%;
		margin-left: -30%;
	}
			
	#the_friedchicken .the_btn {
		width: 50%;
		max-width: 50%;
	}
	
					}/*====================*/

/* #the_hamburg
--------------------------------------------------------------*/
#the_hamburg {
	
}
	#the_hamburg #the_hamburg01 {
		margin: 3vw auto 0 auto;
		position: relative;
	}
		#the_hamburg #the_hamburg01 .the_txt01 {
			margin: 0 auto 0 auto;
			line-height: 0;
			z-index: 2;
			position: relative;
		}
		#the_hamburg #the_hamburg01 .the_detailsBox {
			margin: -7vw auto 0 auto;
			z-index: 1;
			position: relative;
		}
			#the_hamburg #the_hamburg01 .the_detailsBox .the_txt01 {
				width: 12.562499999999998%;
				line-height: 0;
				position: absolute;
				top: 23.6vw;
				right: 8.625%;
			}
			#the_hamburg #the_hamburg01 .the_detailsBox .the_txt02 {
				width: 18.125%;
				line-height: 0;
				position: absolute;
				top: 15.4vw;
				left: 6.375%;
			}
			#the_hamburg #the_hamburg01 .the_detailsBox .the_btn {
				position: absolute;
				line-height: 0;
				bottom: 0;
				left: 50%;
				-webkit-transform: translateX(-50%);
				transform: translateX(-50%);
			}
			
	#the_hamburg #the_hamburg02 {
		margin: 0 auto 0 auto;
	}
			#the_hamburg #the_hamburg02 .the_detailsBox {
				margin: 0 auto 0 auto;
				z-index: 1;
				position: relative;
			}
				#the_hamburg #the_hamburg02 .the_detailsBox .the_txt01 {
					width: 15.3%;
					line-height: 0;
					position: absolute;
					top: 16vw;
					right: 5.6%;
				}
				#the_hamburg #the_hamburg02 .the_detailsBox .the_txt02 {
					width: 9.44%;
					line-height: 0;
					position: absolute;
					top: 16vw;
					left: 6.88%;
				}
			
	#the_hamburg #the_hamburg03 {
		margin: 27vw auto 14vw auto;
		position: relative;
	}
	#the_hamburg .the_btn {
		width: 20%;
		max-width: 320px;
	}
					/*===================sp=*/@media screen and (max-width: 767px) {

	#the_hamburg #the_hamburg01 {
		margin: 3vw auto 0 auto;
	}
	#the_hamburg #the_hamburg01 .the_detailsBox {
		width: 120%;
		margin: -6vw auto 0 auto;
		margin-left: -10%;
	}
		#the_hamburg #the_hamburg01 .the_detailsBox .the_txt01 {
			width: 9.9%;
			top: 30.6vw;
			right: 15%;
		}
		#the_hamburg #the_hamburg01 .the_detailsBox .the_txt02 {
			width: 15%;
			top: 25vw;
			left: 12%;
		}
		#the_hamburg #the_hamburg01 .the_detailsBox .the_btn {
			position: relative;
			text-align: center;
			margin-top: -6vw;
		}
		
	#the_hamburg #the_hamburg02 {
		margin-top: 4vw;
	}
		#the_hamburg #the_hamburg02 .the_img {
			width: 110%;
			margin-left: -5%;
		}
			#the_hamburg #the_hamburg02 .the_detailsBox .the_txt01 {
				width: 19%;
				line-height: 0;
				position: absolute;
				top: 20vw;
				right: 1%;
			}
			#the_hamburg #the_hamburg02 .the_detailsBox .the_txt02 {
				width: 11%;
				line-height: 0;
				position: absolute;
				top: 20vw;
				left: 3%;
			}
			
	#the_hamburg #the_hamburg03 {
		margin-top: 31vw;
	}
		#the_hamburg #the_hamburg03 .the_txt01 {
			width: 126%;
			margin-left: -13%;
		}

	#the_hamburg .the_btn {
		width: 49%;
		max-width: 49%;
	}

					}/*====================*/

/* #the_comic
--------------------------------------------------------------*/
	#the_container.the_comic {
		background: #000000 url(../../img/2108/bg_item_01.jpg) no-repeat center bottom;
		background-size: 100% auto;
		padding-bottom: 45vw;
	}
	
#the_comic {
	width: 100%;
	max-width: 850px;
	margin: 90px auto 0 auto;
	font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif;
}
	#the_comic .the_workBox {

	}
	
	#the_comic .the_artistBox {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
	}
		#the_comic .the_artistBox .the_artist {
			width: 20%;
			margin: 0 5% 0 5%;
		}
		#the_comic .the_artistBox .the_profile {
			width: 65%;
			margin: 0 5% 0 0;
		}
			#the_comic .the_artistBox .the_profile .the_name {
				font-size: 14px;
				line-height: 1;
			}
			#the_comic .the_artistBox .the_profile .the_name span {
				font-size: 54px;
				line-height: 1.8;
				font-weight: bold;
			}
			#the_comic .the_artistBox .the_profile .the_name span.comm {
				font-size: 14px;
				line-height: 1.8;
				font-weight: normal;
			}
			#the_comic .the_artistBox .the_profile .the_txt {
				margin: 0 auto 0 auto;
				font-size: 14px;
				line-height: 1.8;
			}
				#the_comic .the_artistBox .the_profile .the_txt a {
					color: #00a3e0;
				}
				#the_comic .the_artistBox .the_profile .the_txt a:hover {
					text-decoration: underline;
				}
				
		#the_comic .the_artistBox .the_img {
			width: 90%;
			margin: 50px auto 0 auto;
		}
		
	#the_comic #the_notice .the_artistBox {
		font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif;
		padding: 50px 0 50px 0;
		border: 4px solid rgba(255, 255, 255, 0.94);
		border-radius: 12px;
	}
	
	#the_comic .the_workBox .the_workItem {
		margin: 5vw auto 5vw auto;
		position: relative;
		text-align: center;
	}
		#the_comic .the_workBox .the_workItem h3 {
			font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif;
			width: auto;
			display: inline-block;
			background: #000000;
			color: #ffffff;
			text-align: center;
			border: 3px solid #ffffff;
			padding: 15px 5% 15px 5%;
			margin: 0 auto 30px auto;
			letter-spacing: 0.2em;
			border-radius: 35px;
			font-size: 25px;
		}

		#the_comic .the_workBox .the_workItem .the_imgBox {
			width: 100%;
			max-width: 620px;
			margin: 0 auto 0 auto;
		}
			#the_comic .the_workBox .the_workItem .the_imgBox .the_img {
				line-height: 0;
				margin-bottom: 0;
			}
	
		#the_comic .the_workBox .the_workItem .the_txtBox {
			width: 100%;
			max-width: 720px;
			margin: 50px auto 0 auto;
			font-size: 20px;
			line-height: 2.8;
			text-align: left;
		}
			#the_comic .the_workBox .the_workItem .the_txtBox .the_txt {
				font-size: 20px;
				font-weight: bold;
				margin-bottom: 40px;
			}
			#the_comic .the_workBox .the_workItem .the_txtBox .the_txt span.f17 {
				font-size: 17px;
			}
			#the_comic .the_workBox .the_workItem .the_txtBox .the_txt span.f50 {
				font-size: 50px;
			}
			#the_comic .the_workBox .the_workItem .the_txtBox .the_txt span.f42 {
				font-size: 42px;
			}
			#the_comic .the_workBox .the_workItem .the_txtBox h4 {
				font-size: 40px;
				font-weight: bold;
			}
			#the_comic .the_workBox .the_workItem .the_txtBox h5 {
				font-size: 26px;
				font-weight: bold;
				line-height: 2.0;
				margin-bottom: 30px;
			}
			#the_comic .the_workBox .the_workItem .the_txtBox div {
				margin-bottom: 150px;
			}
			#the_comic .the_workBox .the_workItem .the_txtBox .the_img {
				line-height: 0;
				margin-bottom: 30px;
				margin-top: 30px;
			}
	
		#the_comic .the_img_moreBox {
			display: none;
			margin-bottom: 10vw;
		}
	
	#the_comic .the_btn_more {
		width: 100%;
		background: #000000;
		padding: 5vw 0 5vw 0;
		margin-top: 0;
		position: absolute;
		left: 0;
		bottom: 0;
		z-index: 2;
		margin-bottom: 0;
			line-height: 1;
	}
	#the_comic .the_workBox .the_workItem .the_txtBox div.the_btn_more {
		margin-bottom: 0;
	}
	#the_comic .the_btn_more p:hover {
		opacity: 0.5;
	}
	#the_comic .the_btn_more p {
		font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif;
		width: 70%;
		margin: 0 auto 0 auto;
		background: #ffffff;
		color: #000000;
		text-align: center;
		padding: 15px 0 15px 8%;
		letter-spacing: 0.2em;
		border-radius: 35px;
		font-size: 32px;
		font-weight: bold;
		cursor: pointer;
		position: relative;
	}
	#the_comic .the_btn_more p:before {
		content: '';
		background: url(../../img/2108/arrow_b_01.png) no-repeat left center;
		background-size: 100% auto;
		width: 5%;
		height: 100%;
		top: 0;
		margin-left: -8%;
		position: absolute;
	}
		#the_comic .the_btn_more p a {
			color: #000000;
		}
	
	#the_notice {
		margin: 5vw auto 0 auto;
	}
		#the_notice h3 {
			font-size: 46px;
			text-align: center;
			margin: 0 auto 5vw auto;
		}

	#the_comic .the_bnrBox {
		margin: 130px auto 0 auto;
	}
		#the_comic .the_bnrBox h3 {
			width: 100%;
			max-width: 850px;
			margin-bottom: 20px;
		}
				
					/*===================sp=*/@media screen and (max-width: 767px) {

#the_comic {
	margin: 10vw auto 0 auto;
}
		#the_comic .the_artistBox {
			margin-bottom: 20vw;
		}
		#the_comic .the_artistBox .the_artist {
			margin-left: 0;
			width: 24%;
		}
		#the_comic .the_artistBox .the_name {
			width: 55%;
			margin: 0 5% 0 0;
		}
		#the_comic .the_artistBox .the_profile {
			width: 84%;
			margin: 0 auto 0 auto;
		}
			#the_comic .the_artistBox .the_profile .the_name span {
				font-size: 7.2vw;
			}
			#the_comic .the_artistBox .the_name span {
				font-size: 7.2vw;
			}
			#the_comic .the_artistBox .the_name span.comm {
				font-size: 2.8vw;
				line-height: 1.8;
			}
			#the_notice .the_artistBox .the_profile .the_name {
				font-size: 6.6vw;
				width: 100%;
			}
			#the_comic .the_artistBox .the_profile .the_txt {
				font-size: 2.8vw;
				margin-top: 2vw;
			}
		#the_comic .the_artistBox .the_img {
			width: 84%;
			margin: 20px auto 0 auto;
		}
		
				
	#the_comic #the_notice .the_artistBox {
		padding: 30px 0 30px 0;
		border: 2px solid rgba(255, 255, 255, 0.94);
		border-right: none;
		border-left: none;
		border-radius: 0;
	}
		#the_comic .the_workBox .the_workItem h3 {
			border: 2px solid #ffffff;
			padding: 6px 5% 5px 5%;
			font-size: 4.8vw;
			margin-bottom: 20px;
		}
		#the_comic .the_workBox .the_workItem .the_imgBox {
			width: 100%;
		}
		
		#the_comic .the_workBox .the_workItem .the_txtBox {
			width: 84%;
			font-size: 3.3vw;
			margin: 10vw auto 0 auto;
			line-height: 2.4;
		}
			#the_comic .the_workBox .the_workItem .the_txtBox .the_txt {
				font-size: 4.0vw;
				margin-bottom: 5vw;
			}
			#the_comic .the_workBox .the_workItem .the_txtBox .the_txt span.f17 {
				font-size: 4.0vw;
			}
			#the_comic .the_workBox .the_workItem .the_txtBox .the_txt span.f50 {
				font-size: 7.0vw;
			}
			#the_comic .the_workBox .the_workItem .the_txtBox .the_txt span.f42 {
				font-size: 4.0vw;
			}
			#the_comic .the_workBox .the_workItem .the_txtBox h4 {
				font-size: 4.0vw;
				margin-bottom: 5vw;
			}
			#the_comic .the_workBox .the_workItem .the_txtBox h5 {
				font-size: 4.0vw;
			}
			#the_comic .the_workBox .the_workItem .the_txtBox div {
				margin-bottom: 20vw;
			}
			#the_comic .the_workBox .the_workItem .the_txtBox .the_img {
				width: 110%;
				margin-left: -5%;
			}

		
		#the_comic .the_img_moreBox {
			margin-bottom: 20vw;
		}

	#the_comic .the_btn_more p {
		width: 80%;

		font-size: 4.4vw;
	}
	#the_notice {
		margin: -0 auto 0 auto;
	}
		#the_notice h3 {
			font-size: 6.0vw;
			text-align: center;
			margin: 0 auto 8vw auto;
		}
		#the_notice .the_artistBox .the_profile {
			width: 55%;
			margin: 0 5% 0 0;
		}
	#the_comic .the_bnrBox {
		margin: 20vw auto 0 auto;
	}

					}/*====================*/


/* #the_cm
--------------------------------------------------------------*/
	#the_container.the_cm {
		background: #000000 url(../../img/2507/bg_item_03_p.jpg) no-repeat center bottom;
		background-size: 100% auto;
	}
	
	#the_mv {
		z-index: 1;
	}
#the_cm {
	width: 100%;
}
.the_cm #the_mv .the_mv .the_tit {
	width: 35.63%;
	margin-top: 4.5vw;
}
.the_cm #the_mv .the_mv .the_stit {
	width: 39.56%;
	margin: 1.5vw 0 11.5vw 0;
}
.the_cm .the_movieBox {
	padding-bottom: 56.25%;
}
	#the_cm .the_descriptionBox {
		margin-top: 12vw;
	}
	#the_cm03.the_descriptionBox {
		margin-top: 13vw;
	}
	#the_cm04.the_descriptionBox {
		margin-top: 13vw;
	}
	#the_cm .the_descriptionBox:first-child {
		margin-top: 2.5vw;
	}
	#the_cm .the_stit {
		width: 43.75%;
		margin: 0 auto 5vw auto;
		z-index: 1;
		position: relative;
	}
	#the_cm .the_movieWrap {
		width: 60%;
		margin: 7.81vw auto 0 auto;
	}
	#the_cm .the_stit + .the_movieWrap {
		margin-top: 0;
	}
	#the_cm .the_movieBox {
		z-index: 1;
	}
	#the_cm .the_movietit {
		width: 100%;
		position: absolute;
		z-index: 10;
		right: -4.73%;
		bottom: -2.19vw;
		pointer-events: none;
	}
	#the_cm .the_movie .the_movietit {
		right: 0;
	}
	#the_cm #the_cm01 .the_txt {
		width: 66.56%;
		margin: 4.5vw auto 0 auto;
		z-index: 1;
		position: relative;
	}
	
	#the_cm01,
	#the_cm02 {
		position: relative;
	}
	#the_cm03 {
		position: relative;
	}
	#the_cm01:before {
		content: "";
		width: 36.75%;
		padding-top: 64.63%;
		background: url(../../img/2507/cm/de_01_p.png) no-repeat right top;
		background-size: contain;
		display: block;
		position: absolute;
		right: 0;
		bottom: -43vw;
		z-index: 0;
	}
	#the_cm02:after {
		content: "";
		width: 40%;
		padding-top: 97.25%;
		background: url(../../img/2507/cm/de_02_p.png) no-repeat left top;
		background-size: contain;
		display: block;
		position: absolute;
		left: 0;
		bottom: -3.88vw;
		z-index: 0;
	}
	#the_cm02:before {
		content: "";
		width: 40%;
		padding-top: 97.25%;
		background: url(../../img/2507/cm/de_02_s_p.png) no-repeat left top;
		background-size: contain;
		display: block;
		position: absolute;
		left: 0;
		bottom: -3.88vw;
		z-index: 2;
		pointer-events: none;
	}
	#the_cm .the_commWrap {
		width: 59.13%;
		margin: 8.75vw 5.94% 0 auto;
		z-index: 2;
		position: relative;
	}
		#the_cm .the_commWrap .the_txt {
			line-height: 0;
		}
		
	#the_cm03:before{
		content: "";
		width: 41.25%;
		padding-top: 55.19%;
		background: url(../../img/2507/cm/de_03_p.png) no-repeat right top;
		background-size: contain;
		display: block;
		position: absolute;
		right: 0;
		top: -32vw;
		z-index: 0;
	}
	#the_cm #the_cm05.the_descriptionBox {
		margin-top: 11.5vw;
	}
	#the_cm #the_cm05 .the_txt01 {
		
	}
	#the_cm #the_cm05 .the_txt {
		width: 76.5%;
		margin: 7.5vw auto 0 auto;
	}
	

					/*===================sp=*/@media screen and (max-width: 767px) {

	#the_container.the_cm {
		background: #000000 url(../../img/2507/bg_item_03_s.jpg) no-repeat center bottom;
		background-size: 100% auto;
	}
	
#the_cm {
}
.the_cm #the_mv .the_mv .the_tit {
	width: 53.2%;
	margin-top: 0;
}
.the_cm #the_mv .the_mv .the_stit {
	width: 60.93%;
	margin: 1.88vw 0 0 0;
}
.the_cm .the_movieBox {
}
	#the_cm .the_descriptionBox {
		margin-top: 40.33vw;
	}
	#the_cm03.the_descriptionBox {
		margin-top: 27.33vw;
	}
	#the_cm04.the_descriptionBox {
		margin-top: 27.33vw;
	}
	#the_cm .the_descriptionBox:first-child {
		margin-top: 20vw;
	}
	#the_cm .the_descriptionBox:last-child {
		margin-top: 20vw;
	}
	#the_cm .the_stit {
		width: 93.33%;
		margin: 0 auto 5vw auto;
	}
	#the_cm02 .the_stit {
		margin: 0 auto 7vw auto;
	}
	#the_cm .the_movieWrap {
		width: 89.33%;
		margin: 12vw auto 0 auto;
	}
	#the_cm .the_movieBox {
		z-index: 1;
	}
	#the_cm .the_movietit {
		bottom: -3.33vw;
		overflow: hidden;
	}
		#the_cm .the_movietit img {
			width: 120%;
			max-width: 120%;
			margin-left: -20%;
		}
	#the_cm .the_movie .the_movietit {
		right: 0;
	}
	#the_cm .the_movie .the_movietit2 {
		right: 0;
		width: 100%;
		bottom: -4.67vw;
	}
		#the_cm .the_movie .the_movietit2 img {
			width: 100%;
			max-width: 100%;
			margin-left: 0;
		}
	
	#the_cm #the_cm01.the_descriptionBox {
		margin-top: 21vw;
	}
	#the_cm #the_cm01 .the_txt {
		width: 73.6%;
		margin: 15vw auto 0 auto;
	}
	#the_cm02,
	#the_cm03 {
		position: relative;
	}
	#the_cm01:before {
		content: "";
		width: 54.53%;
		padding-top: 110.8%;
		background: url(../../img/2507/cm/de_01_s.png) no-repeat right bottom;
		background-size: contain;
		top: 68.5vw;
	}
	#the_cm02:after {
		content: "";
		width: 51.47%;
		padding-top: 110.93%;
		background: url(../../img/2507/cm/de_02_s.png) no-repeat left top;
		background-size: contain;
		display: block;
		position: absolute;
		left: 0;
/* 		bottom: -0.88vw; */
		left: -16.1%;
		bottom: 36vw;
	}
	#the_cm02:before {
		content: "";
		width: 51.47%;
		padding-top: 110.93%;
		background: url(../../img/2507/cm/de_02_s_s.png) no-repeat left top;
		background-size: contain;
		display: block;
		position: absolute;
		left: 0;
		bottom: 19vw;
		z-index: 2;
		pointer-events: none;
		display: none;
	}
	#the_cm02 #the_cm02_02 .the_movieBox:before {
		content: "";
		width: 58%;
		padding-top: 124.25%;
		background: url(../../img/2507/cm/de_02_s_s.png) no-repeat left top;
		background-size: contain;
		display: block;
		position: absolute;
		left: -23.9%;
		bottom: -43.1vw;
		z-index: 10;
		pointer-events: none;
	}


	
	#the_cm .the_commWrap {
		width: 86.67%;
		margin: 30vw auto 0 auto;
		transform: rotate(0);
	}
		#the_cm .the_commWrap .the_txt {
			line-height: 0;
		}
	#the_cm #the_cm03 .the_commWrap {
		margin: 41vw auto 0 auto;
	}
		
	#the_cm03:before{
		content: "";
		width: 61.07%;
		padding-top: 94.53%;
		background: url(../../img/2507/cm/de_03_s.png) no-repeat right top;
		background-size: contain;
		display: block;
		position: absolute;
		right: auto;
		left: 0;
		top: auto;
		bottom: 41vw;
		z-index: 2;
		pointer-events: none;
	}

	#the_cm #the_cm05.the_descriptionBox {
		margin-top: 21vw;
	}
	#the_cm #the_cm05 .the_txt {
		width: 89.07%;
		margin: 15vw auto 0 auto;
	}

					}/*====================*/


/* movie
--------------------------------------------------------------*/
.mfp-iframe-holder .mfp-content {
	max-width: auto;
}
.mfp-normal.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
	max-width: 900px;
}
.mfp-normal.mfp-content iframe {
  width: 960px;
  height: 540px;
  max-width: 100%;
}

.mfp-short.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
	max-width: 360px;
}
.mfp-short .mfp-content iframe {
  max-width: 360px;
  max-width: 640px;
  width: 100%;
  height: 100%;
}
.mfp-short .mfp-iframe-scaler {
	padding-top: 177.78%;
}
					/*===================sp=*/@media screen and (max-width: 767px) {
						
.mfp-normal.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
	max-width: 100%;
}
.mfp-short.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
	width: 78.66667vw;
	max-width: 78.66667vw;
}
.mfp-short .mfp-content iframe {
  max-width: 100%;
  max-width: 100%;
}
		
					}/*====================*/


		.the_movieWrap {
		}
		.the_movie {
		}
		.the_movieBox {
			margin: 7.81vw auto 0 auto;
			position: relative; 
			padding-bottom: 56.25%;
			height: 0;
			max-width: 100%;
			z-index: 1;
		}
		.the_movieBox:first-child {
			margin-top: 0;
		}
		.the_movieBox iframe, .the_movieBox object, .the_movieBox embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

		.the_movie_btn .icon {
			position: absolute;
			z-index: 10;
			top: 50%;
			left: 50%;
			margin: -5% 0 0 -5%;
			width: 9.25%;
			cursor: pointer;
		}
		.the_movie_btn {
			width: 100%;
			height: 100%;
			position: absolute;
			z-index: 9;
			top: 0;
			left: 0;
			margin: 0 0 0 0;
			width: 100%;
			cursor: pointer;
		}
		
		
			#the_cm .the_movie {
				width: 60%;
				margin: 0 auto;
				display: flex;
				justify-content: space-between;
			}
				#the_cm .the_movie .the_movieWrap {
					width: 46.88%;
					margin: 0 0 0 0;
				}
				#the_cm .the_movieBox .the_movie_btn .icon {
					margin: -7.775% 0 0 -7.775%;
					width: 15.55%;
				}
				#the_cm .the_movieBox2 {
					padding-bottom:177.78%;
				}
				#the_cm .the_movieBox2 .the_movie_btn .icon {
					margin: -16.445% 0 0 -16.445%;
					width: 32.89%;
				}
				
			#the_shaomai04 .the_movieBox {
				padding-bottom: 45%;
			}
			

.the_movieWrap.the_movieWrap3col {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: row-reverse;
}
	.the_movieWrap.the_movieWrap3col .the_movie {
		width: 60%;
		margin: 0 auto 0 auto;
		z-index: 1;
	}
		.the_movieWrap.the_movieWrap3col .the_movie .the_movietit {
			
		}
		#the_container  .the_movieWrap.the_movieWrap3col .the_movietit {
			width: 100%;
			position: absolute;
			right: -4.73%;
			bottom: -2.19vw;
			z-index: 10;
			pointer-events: none;
		}
				.the_movieWrap.the_movieWrap3col .the_movieBox .the_movie_btn .icon {
					margin: -7.775% 0 0 -7.775%;
					width: 15.55%;
				}
				
	.the_movieWrap.the_movieWrap3col .the_movie .the_movieBox2 {
		width: 66.67%;
	}
			.the_movieWrap.the_movieWrap3col .the_movieBox2 {
				padding-bottom: 118.44%;
			}
				.the_movieWrap.the_movieWrap3col .the_movieBox2 .the_movie_btn .icon {
					margin: -15.085% 0 0 -15.085%;
					width: 30.17%;
				}
				#the_container .the_movieWrap.the_movieWrap3col .the_movietit.the_movietit2 {
					width: 100%;
					z-index: 10;
					right: -4.73%;
					bottom: -2.19vw;
					pointer-events: none;
				}
			
		#the_shaomai02 .the_movieWrap.the_movieWrap3col .the_movie {
			margin: 0 6.06% 0 2.56%;
		}
		#the_shaomai02 .the_movieWrap.the_movieWrap3col .the_txt01 {
			width: 10.25%;
		}
		#the_shaomai02 .the_movieWrap.the_movieWrap3col .the_txt02 {
			width: 10.19%;
			margin-left: 3.5%;
		}
		
		#the_friedrice #the_friedrice02 .the_movieWrap.the_movieWrap3col .the_movie {
			margin: 0 0 0 0;
		}
		#the_friedrice #the_friedrice02 .the_movieWrap.the_movieWrap3col .the_txt01 {
			width: 13.88%;
			margin-left: -6.25%;
		}
		#the_friedrice #the_friedrice02 .the_movieWrap.the_movieWrap3col .the_txt02 {
			width: 9%;
			margin-right: -3.13%;
			margin-left: 1.565%;
		}
		
		


					/*===================sp=*/@media screen and (max-width: 767px) {
		
		.the_movieWrap {
			width: 94%;
			margin: 0 auto 0 auto;
		}
		.the_movieBox {
			margin-top: 12vw;
			max-width: 100%;
		}
		.the_movie_btn .icon{
			margin: -11% 0 0 -11%;
			width: 22%;
		}
		
			#the_cm .the_movie {
				width: 59.5%;
				display: block;
			}
				#the_cm .the_movie .the_movieWrap {
					width: 100%;
					margin-top: 6vw; 
					margin-bottom: 13vw;
				}
		
		
		.the_movieWrap.the_movieWrap3col {
			position: relative;
		}
		.the_movieWrap.the_movieWrap3col .the_movie {
			width: 89.33%;
			margin: 0 auto ;
		}
		#the_container  .the_movieWrap.the_movieWrap3col .the_movietit {
			bottom: -3.33vw;
/* 			margin-bottom: 5.5vw; */
			overflow: hidden;
		}
			#the_container  .the_movieWrap.the_movieWrap3col .the_movietit img {
				width: 120%;
				max-width: 120%;
				margin-left: -20%;
			}
		#the_container  .the_movieWrap.the_movieWrap3col .the_movieBox2 .the_movietit {
			right: 0;
			width: 100%;
			bottom: -4.67vw;
		}
		
		#the_shaomai02 .the_movieWrap.the_movieWrap3col .the_movie {
			margin: 0 auto ;
		}
		#the_shaomai02 .the_movieWrap.the_movieWrap3col .the_txt01 {
			width: 15.47%;
			position: absolute;
			bottom: 6vw;
			right: 1.5vw;
		}
		#the_shaomai02 .the_movieWrap.the_movieWrap3col .the_txt02 {
			width: 15.47%;
			position: absolute;
			bottom: 23vw;
			left: 2.5vw;
			margin-left: 0;
		}
		
		#the_friedrice #the_friedrice02 .the_movieWrap.the_movieWrap3col .the_movie {
			margin: 0 auto ;
		}
		#the_friedrice #the_friedrice02 .the_movieWrap.the_movieWrap3col .the_txt01 {
			width: 20.8%;
			position: absolute;
			bottom: 11.5vw;
			right: -1.5vw;
		}
		#the_friedrice #the_friedrice02 .the_movieWrap.the_movieWrap3col .the_txt02 {
			width: 13.33%;
			position: absolute;
			bottom: 16vw;
			left: 3vw;
		}
				
					}/*====================*/




/* #the_footer
--------------------------------------------------------------*/
#the_footer {
	width: 100%;
	padding: 100px 0 20px 0;
}
.the_friedrice #the_footer,
.the_friedchicken #the_footer,
.the_shaomai #the_footer,
.the_hamburg #the_footer {
	width: 100%;
	padding: 150px 0 200px 0;
}
.the_comic #the_footer {
	width: 100%;
	padding: 40px 0 0 0;
}
.the_campaign #the_footer,
.the_campaignprize #the_footer {
	width: 100%;
	padding: 100px 0 100px 0;
}
.the_cm #the_footer {
	width: 100%;
	padding: 230px 0 150px 0;
}
.the_campaignprize #the_footer {
	background: #000000;
}
	#the_navi ul {
		width: 94%;
		margin: 0 auto 0 auto;
		padding: 0 0 0 0;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
		align-items: center;
	}
		#the_navi li {
			font-size: 37px;
			font-size: 2.3vw;
			margin-bottom: 10px;
			color: #f9df66;
			letter-spacing: -0.1em;
			-webkit-transition: opacity 200ms;
			transition: opacity 200ms ;
		}
			#the_navi li span {
				font-size: 25px;
			}
			#the_navi li span.logo {
				width: 40px;
				margin-right: 3px;
				font-size: 0;
			}
		#the_navi li:hover {
			opacity: 0.5;
		}
		#the_navi li  a {
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
			align-items: center;
		}

	#the_footer .the_btn_top {
		width: 50%;
		max-width: 240px;
		margin: 0 auto 0 auto;
		padding: 0 0 0 0;
		text-align: center;
	}
					/*===================sp=*/@media screen and (max-width: 767px) {

#the_footer {
	width: 100%;
	padding: 15vw 0 5vw 0;
}
.the_friedrice #the_footer,
.the_friedchicken #the_footer,
.the_shaomai #the_footer,
.the_hamburg #the_footer {
	width: 100%;
	padding: 20vw 0 15vw 0;
}
.the_campaign #the_footer,
.the_campaignprize #the_footer {
	width: 100%;
	padding: 20vw 0 15vw 0;
}

.the_comic #the_footer {
	width: 100%;
	padding: 7vw 0 0 0;
}
.the_cm #the_footer {
	width: 100%;
	padding: 32vw 0 11vw 0;
}

	#the_navi ul {
		width: 98%;
		margin: 0 auto 0 auto;
		
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
	}
		#the_navi li {
			width: 30%;
			font-size: 4.0vw;
			margin: 0 1% 5vw 1%;
		}
		#the_navi li span {
			font-size: 3.4vw;
		}
			#the_navi li span.logo {
				width: 5.4vw;
			}
		
	#the_footer .the_btn_top {
		width: 34%;
		max-width: 34%;
	}
		
					}/*====================*/