#modal {
	display: none;
}

.modal-pic {
	position: relative;
}

.modal-pic img {
	width: 100%;
	height: auto;
}

.modal-pic .btn-tw a {
	display: block;
	transition: opacity .3s;
}

.modal-pic .btn-tw a:hover {
	opacity: .6;
}

@media screen and (max-width:768px) {
	.modaal-container {
		max-width: 475px;
	}
	.modal-pic {
		width: 100%;
	}

	.modal-pic .pic-tablet,
	.modal-pic .pic-pc {
		display: none;
	}
}

@media screen and (max-width:524px) {
	.modal-pic .btn-tw {
		position: absolute;
		bottom: calc(38 / 750 * 100vw);
		left: 50%;
		width: calc(336 / 750 * 100vw);
		transform: translateX(-50%);
	}
}

@media screen and (min-width:525px) and (max-width:768px) {
	.modal-pic .btn-tw {
		position: absolute;
		bottom: 28px;
		left: 50%;
		width: 245px;
		transform: translateX(-50%);
	}
}

@media screen and (min-width:769px) and (max-width:1365px) {
	.modaal-container {
		max-width: 1080px;
		width: auto;
	}
	.modal-pic {
		width: 445px;
	}
	.modal-pic .btn-tw {
		position: absolute;
		bottom: 30px;
		left: 50%;
		width: 183px;
		margin-left: -91px;
	}
	.modal-pic .pic-sp,
	.modal-pic .pic-pc {
		display: none;
	}
}
@media screen and (min-width:1366px) {
	.modaal-container {
		max-width: 1080px;
		width: auto;
	}
	.modal-pic {
		width: 630px;
	}
	.modal-pic .btn-tw {
		position: absolute;
		bottom: 43px;
		left: 50%;
		width: 240px;
		margin-left: -120px;;
	}
	.modal-pic .pic-tablet,
	.modal-pic .pic-sp {
		display: none;
	}
}

#news {
	display: none;
}

#news .tit{
	display:block;
	overflow:hidden;
	font-size:0;
	text-indent:100%;
	white-space:nowrap;
}

.ajp_header,
.ajp_footer {
	min-width: 1080px;
}

#contents{
	overflow:hidden;
	width:100%;
	min-width: 1080px;
	background:url('../img/bg.png') 50% 0;
	padding-bottom: 110px;
}

#mv{
	position: relative;
	width: 100%;
	background: #fff;
}
#mv .kv_slider {
	position: relative;
	padding-bottom: 51px;
}
#mv .kv_slider img {
	width: 100%;
	height: auto;
}
.modaal-wrapper {
	z-index: 1000010;
}
.modaal-overlay {
	z-index: 1000000;
}
.modaal-content-container {
	padding: 0;
}
#mv .swiper-wrapper {
	transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
}
#mv .swiper-pagination {
	bottom: 20px;
}
#mv .swiper-pagination-bullet {
	width: 12px;
	height: 12px;
	background: #ffe6b1;
	line-height: 1;
	opacity: 1;
	margin: 0 6px;
}
#mv .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: #ffc03c;
}
#mv .swiper-button-next,
#mv .swiper-button-prev {
	top: 0;
	right: calc(70 / 1920 * 100%);
	width: calc(29 / 1920 * 100%);
	height: 0;
	background: url("../img/mv/icon_arrow_next.png") no-repeat;
	background-size: contain;
	padding-top: calc(51 / 1920 * 100%);
	margin-top: calc(247 / 1920 * 100%);
}
#mv .swiper-button-prev {
	right: auto;
	left: calc(70 / 1920 * 100%);
	transform: scaleX(-1);
}

#mv .mv_btn {
    position: absolute;
    bottom: -60px;
    left: 50%;
    transform: translateX(calc( 475px - 80px));
    z-index: 100;
}

#mv .mv_btn a {
	position: relative;
    display: flex;
	flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 160px;
    height: 160px;
	transform: translate3d(0,0,0);
    box-shadow: 5px 5px 5px 0 rgba(0,0,0,.2);
	box-sizing: border-box;
    background: #df0816;
    border-radius: 50%;
	border: 3px solid transparent;
    color: #fff;
    font-weight: bold;
    text-align: center;
	transition: all .08s;
}

#mv .mv_btn a:hover {
	cursor: pointer;
	opacity: 1;
	transform: translate3d(0,5px,0);
	border-color: #51300b;
}

#mv .mv_btn .icon {
	width: 60px;
	padding-right: 9px;
}

#mv .mv_btn .icon img {
	width: 100%;
}

#mv .mv_btn .label {
	margin: 6px 0 5px;
	font-size: 16px;
}

#news{
	position:relative;
	z-index:5;
	height:60px;
	background:#ffffff;
	background-image:linear-gradient(to bottom, #f3f6f7 0%, #ffffff 10%, #ffffff 100%);
	box-shadow:0 0 6px 0 rgba(0, 0, 0, 0.1);
}
#news .block_inner{
	display:table;
	display:flex;
	align-items: center;
	justify-content: flex-end;
	position:relative;
	height:60px;
}
#news .tit{
	position:absolute;
	top:-6px;
	left:0;
	width:60px;
	height:91px;
	background:url('../img/news_tit.png') no-repeat 0 0;
}
#news .news_list{
	display:table-cell;
	width:560px;
	padding-left:80px;
	vertical-align:middle;
}
#news .news_list li{
	display:none;

	filter:inherit;
}
#news .news_list li:first-child{
	display:block;
}
#news .news_list a{
	display:inline-block;
	position:relative;
	padding:0 0 0 21px;
	font-size:15px;
	font-size:1.5rem;
}
#news .news_list a:before{
	position:absolute;
	top:50%;
	left:0;
	width:14px;
	height:10px;
	margin-top:-5px;
	background:url('../img/news_arrow.png') no-repeat 0 50%;
	content:'';
}
#news .news_list .date{
	display:inline-block;
	margin-right:1em;
}
#news .share_area{
	display:table-cell;
	width:310px;
	text-align:right;
	vertical-align:middle;
}

#movie-area {
	width: 1080px;
	padding: 43px 0 0;
	margin: 0 auto;
}
#movie-area .block {
	width: 640px;
	margin: 0 auto;
}
#movie-area .block a {
	display: block;
}
#movie-area .block img {
	width: 100%;
	height: auto;
}
#movie-area .block p {
	font-size: 18px;
	color: #51300b;
	font-weight: bold;
	text-align: center;
	margin-bottom: 11px;
}
#movie-area .wrapper {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	margin-top: 52px;
}

#movie-area .wrapper.col1 {
	justify-content: center;
}
#movie-area .wrapper .block {
	width: 520px;
	margin: 0;
}
#movie-area .wrapper .block:nth-child(3n) {
	margin-top: 40px;
}
#movie-area .block .photo {
	position: relative;
	display: block;
}
#movie-area .block .photo::after {
	content: '';
	position: absolute;
	right: 20px;
	bottom: 20px;
	display: block;
	width: 53px;
	height: 53px;
	background: url(../img/cm/icon_play.png) no-repeat;
	background-size: contain;
}
#main {
	position:relative;

	width: 1080px;
	z-index:0;
	padding:96px 0 0;
	margin: 0 auto;
}
#main .block_inner {
	width: 100%;
}
#banner_area {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#banner_area li {
	width: 520px;
	margin: 25px 0 0;
}
#banner_area li:first-child,
#banner_area li:nth-child(2)  {
	margin-top:0;
}
#banner_area a {
	display:block;
	width:520px;
	height:205px;
	background-repeat:no-repeat;
	background-position:0 0;
}
#banner_area a img{
	display:none;
}

#banner_area .cp_55th a{
	background-image:url('../img/banner/bn_55th.jpg');
}
#banner_area .cp_challepon a{
	background-image:url('../img/banner/bn_challepon.png');
}
#banner_area .cm_ajipon a{
	background-image:url('../img/banner/bn_cm_one-to-one.jpg');
}
#banner_area .cm_toricha a{
	background-image:url('../img/banner/bn_cm_toricha.jpg');
}
#banner_area .cm_yaki-gyoza a{
	background-image:url('../img/banner/bn_yaki-gyoza.jpg');
	background-size: 100% auto;
}
#banner_area .cm_catalog-gift a{
	background-image:url('../img/banner/bn_catalog-gift.jpg');
}
#banner_area .cm_one-to-one a{
	background-image:url('../img/banner/bn_one-to-one.jpg');
	background-size: 100% auto;
}
#banner_area .cm_chicken a{
	background-image:url('../img/banner/bn_cm_chicken.jpg');
}
#banner_area .cm_recommend a{
	background-image:url('../img/banner/bn_cm_recommend.jpg');
	background-size: 100% auto;
}
#banner_area .special_sengyo a{
	background-image:url('../img/banner/bn_special_sengyo.jpg');
}
#banner_area .poncook a{
	background-image:url('../img/banner/bn_poncook.jpg');
}
#banner_area .cm_gomapon a{
	background-image:url('../img/banner/bn_cm_gomapon.jpg');
}
#banner_area .cm_ahipon a{
	background-image:url('../img/banner/bn_cm_ahipon.jpg');
}
#banner_area .cm_myajipon a{
	background-image:url('../img/banner/bn_cm_myajipon.jpg');
}

#banner_area .cm_recipe a{
	background-image:url('../img/banner/bn_cm_chicken.jpg');
	background-size: 100% auto;
}

#banner_bottom {
	margin-top: 25px;
}
#banner_bottom .ponzu {
	display:block;
	width: 1080px;
	height: 203px;
	background-image:url('../img/banner/bn_ponzu_ver2.jpg');
}
#banner_bottom .ponzu img {
	display:none;
}

#cm_area{
	margin-top:30px;
	box-shadow:0 0 3px 0 #decfb2;
}
#cm_area a{
	display:block;
	background:#ffffff;
}
#cm_area .photo{
	display:block;
	position:relative;
}
#cm_area .photo img{
	width:100%;
	height:auto;
}
#cm_area .intro{
	display:block;
	padding:20px;
}
#cm_area .intro .tit,#cm_area .intro .txt{
	display:block;
}
#cm_area .intro .tit.sp_view{
	display:none;
}
#cm_area .intro .tit{
	font-size:12px;
	font-size:1.4rem;
	font-weight:bold;
	text-align:left;
}
#cm_area .intro .txt{
	font-size:12px;
	font-size:1.2rem;
	margin-top: 5px;
}

#lineup_area {
	margin-bottom: 90px;
}

#lineup_area img{
	width: 100%;
}

#lineup_area .lineup_ttl{
	color: #51300b;
	margin: 0 auto;
	text-align: center;}

#lineup_area .lineup_ttl h2 {
	font-family: 'Zen Maru Gothic', sans-serif;
	font-size: 40px;
	line-height: 1.2;
}

#lineup_area .lineup_ttl h2 span{
	color: #f10000;
}

#lineup_area .lineup_ttl p{
	display: block;
	margin-top: 30px;
	font-weight: bold;
	font-size: 18px;
	line-height: 1.5;
}

#lineup_area ul.lineup_areabox{
	display: flex;
	margin-top: 50px;
}

#lineup_area ul.lineup_areabox > li{
	width: 334px;
	background-color: #ffffff;
}

#lineup_area ul.lineup_areabox > li:nth-child(2){
	margin: 0 40px;
}

#lineup_area .lineup_tx {
	padding: 30px 30px 30px;
}

#lineup_area .lineup_tx h3{
	position: relative;
	font-size: 32px;
	color: #f10000;
	line-height: 1.2;
	margin-bottom: 30px;
}

#lineup_area .lineup_tx h3 span{
	width: 130px;
	display: block;
	position: absolute;
	top: -75%;
	right: -5%;
}

#lineup_area .lineup_tx p{
	font-weight: bold;
	font-size: 18px;
	line-height: 1.5;
	color: #51300b;
}

#lineup_area .lineup_tx .lineup_btn{
	margin-top: 30px;
}

#lineup_area .lineup_tx .lineup_btn li:first-child{
	margin-bottom: 15px;
}

#lineup_area .lineup_tx .lineup_btn li a{
	position: relative;
	background-color: #f8bb03;
	display: block;
	padding: 15px;
	text-align: center;
	border-radius: 40px;
	line-height: 0;
}

#lineup_area .lineup_tx .lineup_btn li a::before{
	content: '';
	width: 24px;
	height: 24px;
	border-radius: 40px;
	background-color: #fff;
	position: absolute;
	right: 5%;
	top: 0;
	bottom: 0;
	margin: auto;
}

#lineup_area .lineup_tx .lineup_btn li a::after{
	content: '';
	transform: rotate(135deg);
	position: absolute;
	right: 7.5%;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 8px;
	height: 8px;
	border-top: 3px solid #f8bb03;
	border-left: 3px solid #f8bb03;
	z-index: 10;

}

#lineup_area .lineup_tx .lineup_btn li a img{
	width: 50%;
	margin: 0 auto;
}

#lineup_area li.nomal .lineup_tx h3{
	margin-top: 16px;
}

#lineup_area li.nomal .lineup_tx h3 span{
	top: -195%;}

#lineup_area li.umapiri .lineup_tx .lineup_btn li a{
	background-color: #db4813;
}

#lineup_area li.umapiri .lineup_tx .lineup_btn li a::after{
	border-top: 3px solid #db4813;
	border-left: 3px solid #db4813;
}

#lineup_area li.mild .lineup_tx .lineup_btn li a{
	background-color: #b0d000;
}

#lineup_area li.mild .lineup_tx .lineup_btn li a::after{
	border-top: 3px solid #b0d000;
	border-left: 3px solid #b0d000;
}


/* --------------------------------------------------
		conversion
-------------------------------------------------- */
.conversion {
	padding: 100px 0 0;
	width: 100%;
	max-width: 1080px;
	box-sizing: border-box;
}

.modaal-content-container .conversion {
	padding-top: 0;
}

.conversion .sp-block {
	display: none;
}

.conversion-box {
	position: relative;
	border: 2px solid #320000;
	background: #ffc13c;
	padding: 86px 38px 38px;
	margin: 0 auto;
	width: 100%;
	max-width: 1080px;
	box-sizing: border-box;
}

.conversion-box-ttl {
	position: absolute;
	top: -1px;
	left: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	max-width: 300px;
	padding: 12px;
	transform: translateX(-50%);
	background: #320000;
	border-radius: 0 0 12px 12px;
	color: #fff;
	font-family: 'Zen Maru Gothic', sans-serif;
	font-size: 22px;
	font-weight: bold;
	white-space: nowrap;
}

.conversion-list {
	display: flex;
	flex-wrap: wrap;
}

.conversion-list-items {
	width: 320px;
}

.conversion-list-items + .conversion-list-items {
	margin-left: 20px;
}

.conversion-list-items a {
	position: relative;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 80px;
	transform: translateY(0);
	box-sizing: border-box;
	box-shadow: 5px 5px 5px 0 rgb(0,0,0,.2);
	background-color: #fff;
	border: 3px solid transparent;
	border-radius: 8px;
	font-size: 16px;
	transition: transform .2s ease-in;
}
.conversion-list-items a:hover {
	opacity: 1;
	border: 3px solid #e70012;
	transform: translateY(5px);
}

.conversion-list-items a img {
	opacity: 1;
	transition: opacity .2s ease-out;
}

.conversion-list-items a:hover img {
	opacity: .6;
}

.conversion-list-items a span {
	opacity: 1;
	transition: opacity .2s ease-out;
}

.conversion-list-items a:hover span {
	opacity: .6;
}

.conversion-list-items a::after {
	content: "";
	width: 6px;
	height: 6px;
	border-top: 2px solid #381809;
	border-right: 2px solid #381809;
	position: absolute;
	top: 50%;
	transform: translateY(-50%) rotate(45deg);
	right: 24px;
	opacity: 1;
	transition: opacity .2s ease-out;
}

.conversion-list-items a:hover::after {
	opacity: .6;
}

.conversion-list-items.conversion-link-amazon {
	margin-left: 0;
}

.conversion-link-amazon img {
    max-width: 200px !important;
}

.conversion-link-rakuten img {
    max-width: 150px !important;
}

.conversion-link-lohaco img {
    max-width: 170px !important;
}

.conversion-list-items.conversion-link-onlineshop {
	margin-left: 0;
	margin-bottom: 30px;
	width: 100%;
	text-align: center;
}
.conversion-list-items.conversion-link-onlineshop a {
	font-family: 'Zen Maru Gothic', sans-serif;
	font-weight: 700;
	font-size: 21px;
	width: 60%;
}
.conversion-list-items.conversion-link-onlineshop a img {
	width: 30px;
	margin-right: 8px;
}