@charset "UTF-8";

/*** 20171128 index.html renewal ***/
main { padding-top: 80px; }

body#renewal { font-size: 14px; min-width: 1200px; }

#renewal h2 { font-size: 30px; line-height: 1; letter-spacing: normal; text-align: center; margin-bottom: 30px;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }
#renewal h2 span { color: #8a8a8a; font-size: 12px; display: block;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "MS Pゴシック", "MS PGothic", Arial,Helvetica, Verdana, sans-serif; }
#renewal h2 span:before { content: ""; width: 18px; height: 2px; background-color: #dcdcdc; display: block; margin: 10px auto; }

#renewal main { padding-bottom: 100px; }
#renewal .wrap_1200 { width: 1200px; margin-right: auto; margin-left: auto; }
#renewal .wrap_1200 .banner { display: flex; justify-content: space-between; width: 566px; margin: 25px auto 0; }
#renewal .wrap_1200 .banner a { width: 273px; }

#renewal .btn,
#shop #c_col .btn { color: #fff; font-size: 15px; display: block; padding: 10px 0;
background: #E60012 url(/share/img/common/icon_moveon.png) no-repeat center left 6px; background-size: 18px; }

/* ヘッダ */
header { position: fixed; top: 0; left: 0; width: 100%; z-index: 9999; background-color: rgba(255,255,255,0.80); }

header nav li { float: left; }
header nav li a { position: relative; display: inline-block;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }
header nav li a .arrow:before,
header nav li a .arrow:after { content: ""; position: absolute; }
header nav li a:after { content: ""; position: absolute; width: 0; background-color: #e60012; }
header nav li a:hover:after { width: 100%; }

header.nav2 { border-bottom: 2px solid #e0e0e0; height: 80px; min-width: 1200px; }
header.nav2 .inner { padding: 25px 20px 0; height: 78px; margin: auto; max-width: 1200px; }
header.nav2 h1,
header.nav2 nav  { position: static; }

header.nav2 h1,
header.nav2 menu-contents,
header.nav2 .g_nav { float: left; }

header.nav2 .g_nav ul a,
header.nav2 .common_nav a { color: #161616; line-height: 1; padding-left: 18px; }

header.nav2 h1 { width: 150px; }

header.nav2 .share_nav li { width: 27px; }
/*header.nav2 .share_nav li:first-child { color: #8a8a8a; width: auto; font-size: 11px; margin-top: 5px; }*/
header.nav2 .share_nav li + li { margin-left: 10px; }
header.nav2 .share_nav li p { font-size: 11px; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }
header.nav2 .share_nav a { margin: 0; display: block; }
header.nav2 .share_nav a:after { content: none; }
header.nav2 .share_nav a:hover { opacity: .8; }


/* フッタ */
.pagetop { display: none; position: fixed; bottom: 20px; right: 52px; }
.pagetop.fit { position: absolute; bottom: 130px; }
.pagetop a { display:inline-block; width: 34px; height: 34px; }
.pagetop a img { position: static; width: auto; height: auto; margin: 0; }
.pagetop a:hover { opacity: .8; }

footer { height: auto; background-color: #282828; padding: 20px 0;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }
footer ul { font-size: 14px; text-align: center; margin-bottom: 30px; }
footer li { display: inline-block; margin: 0 15px; }
footer a { color: #ececec; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
footer a:hover { opacity: .8; text-decoration: none; }
footer a img { height: 18px; margin-left: 10px; }
footer .f_logo { color: #ececec; padding-right: 30px; position: relative; }
footer .f_logo:after { content: ""; width: 1px; height: 14px; position: absolute; bottom: 5px; right: 0; background-color: #ececec; }
footer .f_logo img { margin-right: 10px; }
footer .copylight { color: #fff; font-size: 11px; text-align: center; }

footer ul.corp_nav { font-size: 13px; margin-bottom: 40px; }
footer ul.corp_nav a{ display: flex; align-items: center; }
footer ul.corp_nav a img{ height: 10px; margin-left: 0; margin-right: 7px; }

/* パンくず */
#renewal .breadcrumbs { display: none!important; }
.breadcrumbs { background-color: #535353; padding: 6px 0; }
.breadcrumbs ul { color: #fff; font-size: 13px; max-width: 1200px; margin-right: auto; margin-left: auto; line-height: 1.6; letter-spacing: -.4em; }
.breadcrumbs li { letter-spacing: normal; display: inline-block; margin-right: 40px; position: relative; }
.breadcrumbs li + li:before { content: ">"; position: absolute; left: -22px; }
.breadcrumbs li a { color: #fff; }
.breadcrumbs li a:hover { text-decoration: underline; }

/* トップ赤リンクバー */
#top #headlink_wrap {
	position: relative;
	/* background-image: url("/share/img/top/pc_gold_bnr_ootoroikura_bg.jpg"); */
    height: 100px;
    background-size: cover;
	background-position-x: center;}
#top a.headlink {
	display: block;
	width: 100%;
	color: #fff;
	/* background-color: #e62028; */
	font-size: 24px;
	font-weight: bold;
	padding: 0;
    height: 100px;
	text-align: center;}
@media screen and (max-width: 750px) {
	#top #headlink_wrap { position: relative; height: auto; }
	#top a.headlink {
		display: block;
		width: 100%;
		color: #fff;
		background-color: #e62028;
		font-size: 1.6em;
		line-height: 1.2em;
		font-weight: bold;
		padding: 0;
		height: 103px;
		text-align: center;}
}
/* メインスライダー */
#top #mainvisual2 { margin-bottom: 50px; }
#top #mainvisual2:after { content: none; }
/*
#top #mainvisual2 .bx-wrapper .bx-viewport { background-color: #fff; margin-bottom: 15px; }

#top #mainvisual2 .bx-pager-mv { text-align: center; max-width: 1200px; margin: auto; }
#top #mainvisual2 .bx-pager-mv a { max-width: 100px; display: inline-block; margin: 5px; position: relative; }

#mainvisual2 .bx-viewport a { display: inline-block; }
#mainvisual2 .bx-viewport a:hover { opacity: 1; }
#mainvisual2 .bx-controls-direction { width: 1200px; position: absolute; top: 50%; left: 50%; margin-left: -600px; }
#mainvisual2 .bx-controls-direction a { opacity: 0; width: 40px; height: 48px; margin-top: -24px; }
#mainvisual2 .bx-controls-direction a:hover { width: 46px; }
#mainvisual2:hover .bx-controls-direction a { opacity: 1; -webkit-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; }
#mainvisual2 .bx-next { background: #e62028 url(/share/img/common/icon_carousel_next.png) no-repeat center left 15px; right: 0; }
#mainvisual2 .bx-prev { background: #e62028 url(/share/img/common/icon_carousel_prev.png) no-repeat center right 15px; left: 0 }
*/

/* #top #mainvisual2 .swiper-container .swiper-wrapper{ background-color: #fff; margin-bottom: 15px; }

#top #mainvisual2 .swiper-container .swiper-wrapper .swiper-slide { text-align: center; max-width: 1200px; margin: auto; }
#mainvisual2 .swiper-controls-direction { width: 1240px; position: absolute; top: 50%; left: 50%; margin-left: -620px; }
#mainvisual2 .swiper-controls-direction a { opacity: 0; width: 40px; height: 48px; margin-top: -24px; }
#mainvisual2:hover .swiper-controls-direction a { opacity: 1; -webkit-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; }
#mainvisual2 .swiper-controls-direction a:hover { opacity: 0.8; }
#mainvisual2 .swiper-button-next { background: #e62028 url(/share/img/common/icon_carousel_next.png) no-repeat center left 15px; right: 0;left:auto; }
#mainvisual2 .swiper-button-prev { background: #e62028 url(/share/img/common/icon_carousel_prev.png) no-repeat center right 15px; left: 0;right:auto; } */

#top #mainvisual2 .swiper-container .swiper-wrapper{ background-color: #fff; margin-bottom: 0; }
#top #mainvisual2 .swiper-container .swiper-wrapper .swiper-slide { text-align: center; max-width: 860px; margin: 0 10px; }
#mainvisual2 .swiper-controls-direction { width: 860px; position: absolute; top: 50%; left: 50%; margin-left: -430px; }
#mainvisual2 .swiper-controls-direction a { opacity: 0; width: 40px; height: 48px; margin-top: -24px; }
#mainvisual2:hover .swiper-controls-direction a { opacity: 1; -webkit-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; }
#mainvisual2 .swiper-controls-direction a:hover { opacity: 0.8; }
#mainvisual2 .swiper-button-next { background: #e62028 url(/share/img/common/icon_carousel_next.png) no-repeat center left 15px; right: 0;left:auto; }
#mainvisual2 .swiper-button-prev { background: #e62028 url(/share/img/common/icon_carousel_prev.png) no-repeat center right 15px; left: 0;right:auto; }

#top #mainvisual2 .swiper-thumb-area { width: 100%; background-color: #FFED27; padding: 10px 0; }
#top #mainvisual2 .swiper-thumb-area .swiper-wrapper{ margin-bottom: 15px; width: 700px; margin: 0 auto; display: flex; }
#top #mainvisual2 .swiper-thumb-area .swiper-wrapper .swiper-slide { text-align: center; max-width: 120px; margin: 0 10px; width: 20%; position: relative; }
#top #mainvisual2 .swiper-thumb-area .swiper-wrapper .swiper-slide.slick-center:after,
#top #mainvisual2 .swiper-thumb-area .swiper-wrapper .swiper-slide.slick-current:after{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 3px solid #e60012; }
#mainvisual2 .slick-next { 
	background: url(/share/img/common/btn_carousel_next.png) no-repeat ; 
	width :40px; 
	height:44px; 
	right: -78px; 
	left:auto;
    position: absolute;
    top: 50%;
    margin-top: -22px;
}
#mainvisual2 .slick-prev {
    background: url(/share/img/common/btn_carousel_prev.png) no-repeat;
    width: 40px;
    height: 44px;
    left: -78px;
    right: auto;
    position: absolute;
    top: 50%;
    margin-top: -22px;
}
#top #mainvisual2 .swiper-thumb-area .swiper-wrapper .swiper-slide:hover{
	cursor:pointer;
}
#mainvisual2 .slick-next:hover,
#mainvisual2 .slick-prev:hover {
	cursor:pointer;
	opacity: 0.8;
}


/* トップページバナー */
#top_bnr { margin-bottom: 80px; }
#top_bnr li { text-align: center; }
#top_bnr li + li { margin-top: 20px; }
#top_bnr li a { display: inline-block; }
#top_bnr li dd { margin-top: 10px; }
/*#top_bnr li p { font-size: 18px; font-weight: bold; line-height: 1.6; text-indent: -1em; padding-left: 1em; }*/
#top_bnr li p { font-size: 14px; font-weight: normal; line-height: 1.4; }

/* キャンペーン一覧リンク */
#campaign_link{ width: 1200px; margin: 0 auto; position: relative; }
#campaign_link a { display: block; width: 150px; text-align: center; margin: 0 auto 40px; position: absolute; right: 20px; top: -65px; }
#campaign_link .btn{ font-size: 14px; padding: 8px 0 8px 10px; }
#campaign_link02 a { display: block; width: 211px; text-align: center; margin: 0 auto 60px; line-height: 1.2; }

/* トップ採用情報バナー */
@media screen and (min-width: 751px) {
#top .js-fix {
	width: 176px;
	z-index: 9999;
	position: fixed;
	top: 544px;
	right: 20px;
}
#top .js-fix.is-fixed {
	position: fixed;
	top: 45%;
	right: 20px;
}
#top .js-fix.is-fixed-onbnr {
	position: fixed;
	top: 460px;
	right: 20px;
}
#top .js-fix-wrapper {
	/*background: rgba(228,228,228,0.3);*/
}
}
@media screen and (max-width: 750px) {
	#top .js-fix {
		width: 32vw;
		z-index: 9999;
		position: fixed;
		bottom: 2.666666vw;
		right: 1.333333vw;
	}
	#top .js-fix.is-fixed {
		width: 32vw;
		z-index: 9999;
		position: fixed;
		bottom: 2.666666vw;
		right: 1.333333vw;
	}
	#top .js-fix.is-fixed-end {
		position: absolute;
		bottom: 310px;
	}
}

/*GoToEat・GoToトラベルバナー*/
.attention_box2 { margin: 40px auto 45px; width: 770px; }
.attention_box2 .gotoeat{ width: 100%; margin-bottom: 16px;}

@media screen and (max-width: 750px) {
	.attention_box2 { margin: 0px auto 15%; width: auto; padding: 0 15px; }
	.attention_box2 .gotoeat{ width: 100%; margin-bottom: calc(30/750*100vw);}
}

/*GoToEatキャンペーンで貯まったポイント利用　ホットペッパー＆Yahooロコ*/
.attention_box3 { margin: 66px auto 80px; width: 770px; }
.attention_box3 .container { 
	/* width: 100%; */
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	}
.attention_box3 .caption { width: 100%; display: block; text-align: center; font-size: 22px; font-weight: 700; margin-bottom: 20px;}
/* .attention_box3 .bnr_goto{ width: 540px; display: block; margin:0 auto;} */
.attention_box3 .bnr_paypaygourmet { width: 500px; display: block; margin:0 auto;}

@media screen and (max-width: 750px) {
	.attention_box3 { margin: 0px auto 18%; width: auto; padding: 0 15px;}
	.attention_box3 .container {
		height: calc(80/750*100vw);
		flex-direction: column;
		justify-content: space-between;
	}
	.attention_box3 .caption { font-size: calc(32/750*100vw); margin-bottom: calc(20/750*100vw); line-height: 1.2;}
	/* .attention_box3 .bnr_goto{ width: 100%; } */
	.attention_box3 .bnr_paypaygourmet { width: 100%; }
}

/*年末年始釜石店バナー*/
.attention_box4 { margin: 30px auto 60px; width: 596px; }
.attention_box4 .kamaishi{ width: 100%; margin-bottom: 16px;}

@media screen and (max-width: 750px) {
	.attention_box4 { margin: 0px auto 15%; width: auto; padding: 0 15px; }
	.attention_box4 .kamaishi{ width: 100%;}
}


/*衛生管理バナー*/
.attention_box { margin: 80px auto 80px; width: 650px; }
.attention_box .eisei-kanri{ width: 100%;}

@media screen and (max-width: 750px) {
	.attention_box { margin: 0px auto calc(100 /750*100vw); width: auto; padding: 0 15px; }
	.attention_box .eisei-kanri{ width: 100%; }

}

/* 常設ボタン */
#c_col { margin-bottom: 80px; }
#c_col ul { text-align: left; letter-spacing: -.4em; padding: 0 20px; }
#c_col li { display: inline-block; width: calc(25% - 5px); letter-spacing: normal; border-top: 4px solid #efefef; padding-top: 7px; margin: 0 3px 0 2px; text-align: center; }
#c_col li:nth-child(n+6){ margin-top: 30px; }
#c_col li .inr { /*border-right: 1px dotted rgba(183,183,183,.4);*/ padding-top: 10px; position: relative; }
#c_col li .inr:after { content:""; background: url(/share/img/common/icon_dotted_line.jpg) repeat; width: 1px; height: 100%; position: absolute; right: -3px; top: 0;  }
#c_col li:nth-child(4n) .inr:after{content: none;}
#c_col li:last-child .inr { border-right: none; }
#c_col li a { display: block; }
#c_col li a:hover { opacity: .8; }
/* #c_col li img { width: 107px; } */
#c_col li img { width: 118px; }
#c_col .btn { width: 90.53%; margin: 15px auto auto; text-align: center; /*padding-left: 24px;*/ padding-top: 12px; padding-bottom: 12px; }
/* 店舗予約のみ、比率が違うため調整 */
/* #c_col li.reserve .inr { padding-top: 0; }
#c_col li.reserve img { width: 132px; }
#c_col li.reserve .btn { margin-top: 7px; } */


/* サイトボタン */
#top #sc1 { margin-bottom: 80px; }
/*#cp_list { width: 100%; max-width: 1200px; float: none; }*/
#cp_list h2 { text-align: center; margin-bottom: 30px; }
#cp_list .more_cp li:nth-of-type(-n+6) { display: none; }
#cp_list .more_cp { height: 0; max-height: 0; overflow: hidden; -webkit-transition: 5s linear; transition: 5s linear; }
#cp_list .more_cp.open { height: auto; max-height: 5000px; z-index: 1; }
#cp_list .more_cp_btn .btn { margin: auto; border: 0; cursor: pointer; width: 210px; letter-spacing: normal;
background: #e62028 url(/share/img/common/icon_more_cp.png) no-repeat center left 6px; background-size: 18px;
-webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
#cp_list .more_cp_btn .btn:hover { opacity: .8; }

#top .list { padding: 0 5px; letter-spacing: -.4em; }
/* #top .list li { display: inline-block; vertical-align: top; width: 396px; margin: auto auto 40px auto; padding: 0 15px; letter-spacing: normal; overflow-x: hidden; }
#top .list li a { display: block; position: relative; border-bottom: 1px solid #e0e0e0; }
#top .list li a:after { content: ""; height: 6px; width: 11%; background-color: #e60012; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); }
#top .list li a:hover:after { width: 100%; }
#top .list dt { position: relative; margin-bottom: 15px; }
#top .list dt img { -webkit-transform: translatez(0); }
#top .list dd { min-height: 5em; padding-bottom: 1.8em; }
#top .list p { line-height: 1.6; padding-left: 0; }
#top .list a:hover dt img { opacity: .8; } */
#top .list li { display: inline-block; vertical-align: top; width: 196px; margin: auto auto 40px auto; padding: 0 8px; letter-spacing: normal; overflow-x: hidden; }
#top .list li a { display: block; position: relative; }
/* #top .list li a:after { content: ""; height: 6px; width: 11%; background-color: #e60012; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); } */
/* #top .list li a:hover:after { width: 100%; } */
#top .list dt { position: relative; margin-bottom: 10px; }
#top .list dt img { -webkit-transform: translatez(0); }
#top .list dd {  }
#top .list p { line-height: 1.6; padding-left: 0; }

#top .list li a:hover{opacity: 1;}
#top .list li a:hover dt:after { content:""; position: absolute;top: 0;left: 0; width: 100%;height: 100%; border: 6px solid #e60012; }
#top .list a:hover dt img { opacity: 1; }
#top .list li a:hover .tag { background-color: #e60012; }
#top .list li a:hover p { color: #e60012; }


#top .list .new dt:before { content: ""; position: absolute; top: 0; left: 0; width: 70px; height: 70px; z-index: 2;
	background-image: url(/share/img/common/icon_new.png); background-size: cover; }
#top .list .end dt:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2;
	background: url(/share/img/top/ico_end.png) no-repeat center; background-size: 50%; }
#top .list .end2 dt:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2;
	background: url(/share/img/top/ico_end2.png) no-repeat center; background-size: 50%; }
#top .list .end3 dt:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2;
	background: url(/share/img/top/ico_end3.png) no-repeat center; background-size: 50%; }

#top .list .tag{
	width: 100%;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 12px;
	line-height: calc(22 / 12);
	/* white-space: nowrap; */
	background: #000;
	padding: 0 7px;
}
/* #top .list p .tag.tag-bg-red{
	background: #e60012;
} */


/* かっぱ寿司のこだわり */
#top #sc2 { margin-bottom: 80px; }
#ct_list h2 { text-align: center; margin-bottom: 30px; }
#top #ct_list .list li a:after { background-color: #f4c839; }
#top #ct_list .list li { width: 396px; }
#top #ct_list .list .tag{ display: inline-flex; width: auto; margin-bottom: 4px;}

/* こだわり */
#top #sc3 { background-color: #fff; padding: 0; margin-bottom: 80px; }
#top #sc3 .inr { max-width: 1200px; margin: auto; background-color: #f9f6ed; padding: 50px 0; }
#top #sc3 .logo { float: none; width: auto; }
#top #sc3 .logo h2 { margin-bottom: 30px; }
#top #sc3 p { font-size: 20px; line-height: 2; margin-bottom: 30px; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }

#top #sc3 ul { letter-spacing: -.4em; text-align: center; }
#top #sc3 li { display: inline-block; width: 150px; letter-spacing: normal; margin: 0 10px; }
#top #sc3 li a { display: block; background-color: #e60012; border: 3px solid #e60012; }
#top #sc3 dt { color: #fff; font-size: 15px; padding: 8px 0; }
#top #sc3 dd { padding-bottom: 8px; }
#top #sc3 dd img { width: 80px; }
#top #sc3 li.arrow dt { background: url(/share/img/common/icon_moveon_wh.png) no-repeat center left 5px; background-size: 18px; }
#top #sc3 li.blank dt { background: url(/share/img/common/icon_owin.png) no-repeat center left 5px; background-size: 18px; }
#top #sc3 li:nth-of-type(1) .bg { background: url(/share/img/common/icon_company_over.png) no-repeat center; background-size: contain; }
#top #sc3 li:nth-of-type(2) .bg { background: url(/share/img/common/icon_stockholder_over.png) no-repeat center; background-size: contain; }
#top #sc3 li:nth-of-type(3) .bg { background: url(/share/img/common/icon_recruit_over.png) no-repeat center; background-size: contain; }
#top #sc3 li:nth-of-type(4) .bg { background: url(/share/img/common/icon_tenpo_youchi_over.png) no-repeat center; background-size: contain; }

#top #sc3 li a:hover { background-color: #fff; text-decoration: none; }
#top #sc3 li a:hover dt { color: #e60012; }
#top #sc3 li.arrow a:hover dt { background: url(/share/img/common/icon_moveon_red.png) no-repeat center left 5px; background-size: 18px; }
#top #sc3 li.blank a:hover dt { background: url(/share/img/common/icon_owin_red.png) no-repeat center left 5px; background-size: 18px; }
#top #sc3 li a:hover dd img { opacity: 0; }

/* SNS埋め込み */
.timeline { width: auto; }
.timeline .inr { max-width: 962px; margin: auto; }
.timeline h2 { text-align: center; margin-bottom: 30px; }
/* .timeline .fb,
.timeline .tw { max-width: 467px; overflow: hidden; } */
.timeline .fb { float: left; border: 1px solid #e8eaed; width: 100%; }
.timeline .tw {
	width: 660px;
	margin: 0 auto;
	border: 1px solid #b7b7b7;
	overflow: hidden;
}

#serch h2,
#shop h2,
#menu_list h2,
#movie h2,
#app h2,
#manual h2,
#campaign h2 { margin-top: 30px; }

/* 店舗詳細 */
/*#shop #c_col { margin-top: 30px; margin-bottom: 0; }*/
/*#shop #c_col .btn { width: 85%; }*/

#shop #c_col { margin-top: 30px; margin-bottom: 0; }
#shop #c_col .btn { width: 85%; }
#shop #c_col ul { padding: 0; }
#shop #c_col li { width: calc(28% - 2px); }
#shop #c_col li img { display: block;margin: auto; }
#shop #c_col .menu { width: calc(44% - 2px); }
#shop #c_col .menu .inr { letter-spacing: -.4em; }
#shop #c_col .menu a { display: inline-block; width: 50%; letter-spacing: normal; }

#shop #detail .left h3 { padding-left: 15px; }
#shop #detail .left,
#shop #detail .right { width: auto; float: none; }
#shop #detail .right .btn a,
#shop #detail .right .btn a:hover,
#shop #detail .deli_btn a,
#shop #detail .deli_btn a:hover { padding-top: 10px; }
#shop .flex-list { display: flex; }
#shop .flex-list dl { width: 50%; padding-right: 15px; padding-left: 15px; }
#shop .flex-list dd { padding-bottom: 15px; border-bottom: 1px solid #e0e0e0; }
#shop .flex-list dl dd:last-child { border-bottom: none; }


/* キャンペーン一覧ページ */
#campaign_list #cp_list { text-align: left; }
#campaign_list h2 { margin-top: 40px; margin-bottom: 62px; position: relative; font-size: 24px; }
#campaign_list h2 img { position: absolute; left: 50%; margin-left: -220px; bottom: -12px; }


/* #campaign_list .list { padding: 0 5px; letter-spacing: -.4em; }
#campaign_list .list li { display: inline-block; vertical-align: top; width: 396px; margin: auto auto 40px auto; padding: 0 15px; letter-spacing: normal; overflow-x: hidden; }
#campaign_list .list li a { display: block; position: relative; border-bottom: 1px solid #e0e0e0; }
#campaign_list .list li a:after { content: ""; height: 6px; width: 11%; background-color: #e60012; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); }
#campaign_list .list li a:hover:after { width: 100%; }
#campaign_list .list dt { position: relative; margin-bottom: 15px; }
#campaign_list .list dt img { -webkit-transform: translatez(0); }
#campaign_list .list dd { min-height: 5em; padding-bottom: 1.8em; }
#campaign_list .list p { line-height: 1.6; padding-left: 0; }
#campaign_list .list a:hover dt img { opacity: .8; } */

#campaign_list .list{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
    padding: 0 6px;
}
#campaign_list .list li { display: inline-block; vertical-align: top; width: 594px; margin: 0 0 40px; padding: 0 14px; letter-spacing: normal; overflow-x: hidden; }
#campaign_list .list li a { display: block; position: relative; }
/* #top .list li a:after { content: ""; height: 6px; width: 11%; background-color: #e60012; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); } */
/* #top .list li a:hover:after { width: 100%; } */
#campaign_list .list dt { position: relative; margin-bottom: 10px; }
#campaign_list .list dt img { -webkit-transform: translatez(0); }
#campaign_list .list dd {  }
#campaign_list .list p { line-height: 1.6; padding-left: 0; margin-top: 5px; }

#campaign_list .list li a:hover{opacity: 1;}
#campaign_list .list li a:hover dt:after { content:""; position: absolute;top: 0;left: 0; width: 100%;height: 100%; border: 6px solid #e60012; }
#campaign_list .list a:hover dt img { opacity: 1; }
#campaign_list .list li a:hover .tag { background-color: #e60012; }
#campaign_list .list li a:hover p { color: #e60012; }

#campaign_list .list .tag{
	width: auto;
	color: #fff;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	font-size: 12px;
	line-height: calc(22 / 12);
	/* white-space: nowrap; */
	background: #000;
	padding: 0 7px;
	margin-right: 10px;
	flex-shrink: 0;
}

#campaign_list .list .new dt:before { content: ""; position: absolute; top: 0; left: 0; width: 70px; height: 70px; z-index: 2;
	background-image: url(/share/img/common/icon_new.png); background-size: cover; }
#campaign_list .list .end dt:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2;
	background: url(/share/img/top/ico_end.png) no-repeat center; background-size: 50%; }
#campaign_list .list .end2 dt:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2;
	background: url(/share/img/top/ico_end2.png) no-repeat center; background-size: 50%; }
#campaign_list .list .end3 dt:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2;
	background: url(/share/img/top/ico_end3.png) no-repeat center; background-size: 50%; }

/* かっぱ寿司のこだわり一覧ページ */
#campaign_list #ct_list { text-align: left; }
#campaign_list #ct_list .list{ display: flex; flex-wrap: wrap; }
#campaign_list #ct_list .list li a:after { background-color: #f4c839;  }

/* バナー下バー */
.divider {
	height: 2px;
	background-color: #E2D334;
	width: 100%;
}

@media screen and (min-width: 751px) {
	#renewal a,
	#renewal a:before,
	#renewal a:after,
	header.nav2 a,
	header nav ul li a:after,
	.pagetop a { -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

	#renewal a:hover { -webkit-transform: initial; transform: initial; opacity: .8; }

	header.nav2 ul li a:after { height: 3px; bottom: -31px; left: 50%; transform: translateX(-50%); }

	/*header.nav2 .g_nav { margin-left: 50px; margin-top: 6px; }*/
	header.nav2 .g_nav { margin-left: 25px; margin-top: 6px; }
	header.nav2 .g_nav li + li { margin-left: 20px; }
	header.nav2 .g_nav ul a { font-size: 16px; }
	header.nav2 .g_nav ul > li > a:hover { color: #e62028; }
	header.nav2 .g_nav ul a .caption { font-size: 14px; line-height: 0.8em !important; }

	header.nav2 .menu_hover { position: relative; height: 49px; }
	header.nav2 .menu_hover .sb_menu { text-align: left; width: 305px; position: absolute; transform: translateX(-4%) translateY(32px);
	-webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; max-height: 0; overflow: hidden; }
	header.nav2 .menu_hover .sb_menu dd { border-bottom: 1px solid #fff; background-color: #202020; }
	header.nav2 .menu_hover .sb_menu dd:last-child { border-bottom: none; }
	header.nav2 .menu_hover .sb_menu a { display: block; margin: 0; color: #fff; padding: 12px 0 12px 2em; position: relative; line-height: 1.0; }
	header.nav2 .menu_hover .sb_menu a:after { content: none; }
	header.nav2 .menu_hover .sb_menu a .arrow:after { content: ""; width: 14px; height: 14px; position: absolute; top: 12px; left: 12px;
	background: url(/share/img/common/icon_moveon_wh.png) no-repeat; background-size: contain; }

	header.nav2 .menu_hover:hover .sb_menu { display: inherit; max-height: 21em; }
	header.nav2 .menu_hover .sb_menu a:hover { background-color: #e62028; opacity: 1!important; }

	header.nav2 .other_nav { float: right; margin-top: 3px; }
	header.nav2 .other_nav ul { float: left; }
	header.nav2 .other_nav li + li { margin-left: 18px; }

	header.nav2 .common_nav { border-right: 1px solid #d8d8d8; padding-right: 18px; margin-top: 5px; margin-right: 18px; }
	header.nav2 .common_nav a { font-size: 13px; }
	header.nav2 .common_nav a:hover { opacity: .8; }

	header.nav2 ul li a .arrow:after { width: 12px; height: 12px; }
	header.nav2 .g_nav li a .arrow:after { top: 1px; left: 0; background: url(/share/img/common/icon_moveon.png) top left no-repeat; background-size: contain; }
	header.nav2 .other_nav li .arrow:after { top: 0px; left: 0; background: url(/share/img/common/icon_moveon_gry.png) top left no-repeat; background-size: contain; }

	/* 20180425 */
	header.nav2 ul li.exmenu a { height: 16px; /*font-size: 14px;*/ }
	header.nav2 ul li.exmenu .txt { display: block; margin-top: -6px; }

	#mainvisual2 .bx-pager-mv a:after { content: ""; width: 0; height: 2px; background-color: #e60012; position: absolute; bottom: -2px; left: 50%; transform: translateX(-50%); }
	#mainvisual2 .bx-pager-mv a.active:after,
	#mainvisual2 .bx-pager-mv a:hover:after { width: 100%; }

	#mainvisual2 .bx-pager-mv a img { opacity: .6; }
	#mainvisual2 .bx-pager-mv a.active img,
	#mainvisual2 .bx-pager-mv a:hover img { opacity: 1; }

	#mainvisual2 { position: relative; }
	.bx-wrapper .bx-viewport ul{
		position: relative;
		left: 50%;
		margin-left: -600px;
	}
	.bx-wrapper .bx-viewport ul li{
		position: relative;
		width: 1200px !important;
		margin-left: 0;
		opacity: 0.6;
		transition: opacity 0.4s;
	}
	.bx-wrapper .bx-viewport ul li.current{
		opacity: 1;
	}
	.bx-wrapper .bx-viewport ul li > a,
	.bx-wrapper .bx-viewport ul li > img{
		position: relative;
	}
	.bx-wrapper .bx-viewport ul li > a img{
		position: relative;
	}
	.bx-wrapper .bx-pager{
		bottom: -30px !important;
	}
	.bx-wrapper .bx-pager.bx-default-pager a{
		border-radius: 0 !important;
		width: 12px !important;
		height: 12px !important;
		margin: 0 4px !important;
	}

	.slidePrevArea{
		position: absolute;
		top: 0;
		left: 0;
		width: calc((100% - 1200px) / 2 );
		height: 100%;
	}
	.slideNextArea{
		position: absolute;
		top: 0;
		right: 0;
		width: calc((100% - 1200px) / 2 );
		height: 100%;
	}

	.swiper-pagination-bullets{
		bottom: -19px;
		width: 100%;
	}
	.swiper-pagination .swiper-pagination-bullet{
		border-radius: 0;
		width: 12px;
		height: 12px;
		margin: 0 4px;
		background: #cbcbcb;
		opacity: 1;
	}
	.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
		background: #e60012;
	}

	#top #sc3.sc3-container {
		background-color: #f9f6ed;
	}
	.relative {
		position: relative;
	}
	.side-image {
		position: absolute;
		top: 0;
		bottom: 0;
		height: 100%;
		object-fit: cover;
		z-index: 0;
	}
	.side-image.left {
		left: 0;
	}
	.side-image.right {
		right: 0;
	}
	#renewal .wrap_700 { width: 700px; height: 492px; margin-right: auto; margin-left: auto; }
	.mobile-image {
		display: none;
		width: 100%;
		height: auto;
	}
	.l-kv_content_img {
		max-width: 244px;
		margin-top: 30px;
		margin-bottom: 30px;
	}
	.logo {
		overflow: hidden;
	}
	.img-wrapper {
		background-color: white;
		width: 100%;
		height: 245px;
		max-width: 375px;
		height: 245px;
		margin: 50px auto 30px auto;
		display: flex;
		align-items: center;
		justify-content: center;
		overflow: hidden;
	}
}

@media screen and (max-width: 1279px) and (min-width: 751px) {
	.side-image.left {
		left: -40px;
	}
	.side-image.right {
		right: -40px;
	}
}

@media screen and (max-width: 750px) {
	main { padding-top: 64px; }

	body#renewal { font-size: 14px; font-size: 4.4vw; min-width: 320px; }
	#renewal main { padding-bottom: 30px; }
	#renewal .wrap_1200 { width: auto; }
	#renewal .wrap_1200 .banner { width: auto; }
	#renewal .wrap_1200 .banner a{ width: auto; }
	#renewal .wrap_1200 .banner a:last-child{ margin-left:13px; }

	/* #renewal .btn,
	#shop #c_col .btn{ font-size: 12px; font-size: 3.4vw;; } */
	#renewal .btn,
	#shop #c_col .btn{ padding: calc(33 / 750 *100vw); line-height: 1; font-size: calc(30 / 750 *100vw); background-position-x: calc(19/750*100vw);  background-size: calc(34/750*100vw); }

	/* ヘッダ */
	header nav ul li { float: none; position: relative; }

	header.nav2, header.nav2 .inner { height: 64px; min-width: auto; min-width: initial; }
	header.nav2 h1, header.nav2 menu-contents, header.nav2 .g_nav,
	header.nav2 .other_nav, header.nav2 .other_nav ul { float: none; }

	header.nav2 .inner { padding: 0; }
	/*header.nav2 .menu { position: absolute; top: 20px; right: 20px; }*/
	header.nav2 .menu { position: absolute; top: 16px; right: 20px; }
	header.nav2 .menu .menu-trigger,
	header.nav2 .menu .menu-trigger span { display: inline-block; transition: all .4s; }
	header.nav2 .menu .menu-trigger { position: relative; width: 25px; height: 23px; }
	header.nav2 .menu .menu-trigger span { position: absolute; left: 0; width: 100%; height: 3px; }
	header.nav2 .menu .menu-trigger span:nth-of-type(1) { background-color: #e60012; top: 0; }
	header.nav2 .menu .menu-trigger span:nth-of-type(2) { background-color: #f4c839; top: 10px; }
	header.nav2 .menu .menu-trigger span:nth-of-type(3) { background-color: #e60012; bottom: 0; }
	header.nav2 .menu .menu-trigger.active span:nth-of-type(1) { top: 2px; -webkit-transform: translateY(8px) rotate(-45deg); transform: translateY(8px) rotate(-45deg); }
	header.nav2 .menu .menu-trigger.active span:nth-of-type(2) { opacity: 0; }
	header.nav2 .menu .menu-trigger.active span:nth-of-type(3) { bottom: 2px; -webkit-transform: translateY(-8px) rotate(45deg); transform: translateY(-8px) rotate(45deg); }
	header.nav2 .menu .menu-trigger p { font-size: 10px; letter-spacing: -1px; width: 37px; position: absolute; left: -6px; top: 24px; line-height: 1.6 }
	header.nav2 .menu-contents { position: fixed; top: 64px; left: 0; right: 0; width: 100%; height: 0; overflow: auto; opacity: 0;
	-webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; background-color: rgba(0,0,0,.8); }
	header.nav2 .menu-contents.active { height: 120%; opacity: 1; }

	header.nav2 h1 { width: 35%; margin: auto; }
	header.nav2 h1 a { display: table-cell; height: 64px; vertical-align: middle; }

	header.nav2 nav { height: 74%; overflow-y: auto; padding-bottom: 10%; }
	header.nav2 nav ul li a { padding: 10px 0; display: block; }
	/*header.nav2 nav ul li a .arrow { display: none; }*/

	header.nav2 .g_nav,
	header.nav2 .common_nav { margin: 0; border-top: 1px solid #d8d8d8; border-left: 1px solid #d8d8d8; }
	header.nav2 .g_nav li,
	header.nav2 .common_nav li { border-right: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8; background-color: #fff; }
	header.nav2 .g_nav li + li,
	header.nav2 .other_nav li + li { margin-left: 0; }
	header.nav2 .g_nav li a,
	header.nav2 .other_nav li a { text-align: left; }

	header.nav2 .g_nav,
	header.nav2 .g_nav li { border-right: none; border-left: none; }
	header.nav2 .g_nav li a { font-size: 15px; font-size: 4vw; padding: calc(28/750*100vw) 2em calc(26/750*100vw) 1.5em; }

	header.nav2 .menu_hover .sb_menu { max-height: auto; max-height: initial; transform: initial; width: 100%; position: static; padding: 0 calc(20/750*100vw) calc(20/750*100vw); }
	header.nav2 .menu_hover .sb_menu dd { background-color: #ededed; border-bottom: 1px solid #fff; }
	header.nav2 .menu_hover .sb_menu a { padding: calc(28/750*100vw) 2em calc(26/750*100vw) 1.5em; line-height: 1.2; color: #161616; position: relative; }

	header.nav2 .common_nav { border-right: none; margin: 0; padding-right: 0; }
	header.nav2 .common_nav { border-left: none; }
	/*header.nav2 .common_nav li { float: left; width: 50%; }*/
	/*header.nav2 .common_nav li:last-child { border-right: none; }*/
	header.nav2 .common_nav li a { font-size: 14px; font-size: 4.4vw; }

	header.nav2 .other_nav ul { border-top: none; }

	header.nav2 .share_nav { margin-top: 0; text-align: center; padding: 10px 0 12px 0; border-top: none; background-color: #fff; }
	header.nav2 .share_nav li { display: inline-block; vertical-align: top; height: auto; margin-right: 10px; }
	/*header.nav2 .share_nav li:first-child { border-right: 1px solid #d8d8d8; padding-right: 15px; margin-right: 15px; }*/
	header.nav2 .share_nav a { padding: 0; }

	header.nav2 .g_nav a:after,
	header.nav2 .menu_hover .sb_menu a:after,
	header.nav2 .common_nav a:after { content: ""; width: 15px; height: 15px; right: 20px; bottom: 50%; left: auto; transform: translateY(50%); }
	header.nav2 .g_nav a:after { background: url(/share/img/common/icon_moveon.png) top left no-repeat;
	-webkit-background-size: contain; background-size: contain; }
	header.nav2 .menu_hover .sb_menu a:after { right: 10px; }
	header.nav2 .common_nav a:after { background: url(/share/img/common/icon_moveon_gry.png) top left no-repeat;
	-webkit-background-size: contain; background-size: contain; }
	header.nav2 .menu_hover > a:after { content: none; }

	/* フッダ */
	.pagetop { display: block; position: relative!important; bottom: 0!important; right: 0; text-align: center; padding: 30px 0 0; }

	footer .inner { width: auto; }
	footer .f_logo { display: block; padding-right: 0; padding-bottom: 30px; margin-right: auto; margin-bottom: 30px; margin-left: auto; }
	footer .f_logo:after { width: 15px; height: 1px; bottom: 0; right: 50%; transform: translateX(50%); }
	footer .f_logo img { width: 46px; display: block; margin-right: auto; margin-bottom: 20px; margin-left: auto; }
	footer ul { font-size: 13px; font-size: 4vw; margin-bottom: 28px; }
	footer li { margin: 0 12px 16px; }
	footer a img { width: auto; }
	footer .copylight { font-size: 0.75rem; }

	/* メインスライダー */
	/*#mainvisual2 .bx-controls-direction { width: auto; display: none; }

	#top #mainvisual2 { margin-bottom: 25px; }
	#top #mainvisual2 .bx-pager-mv a { width: 13%; }

	#top #mainvisual2 .bx-wrapper .bx-viewport{ 
    margin-bottom: 12.266vw; }
	.bx-wrapper .bx-pager{
		bottom: -6.666vw !important;
	}
	.bx-wrapper .bx-pager.bx-default-pager a{
		border-radius: 0 !important;
		width: 2.666vw !important;
		height: 2.666vw !important;
		margin: 0 0.933vw !important;
	}*/
	#mainvisual2{ position: relative; }
	#mainvisual2 .swiper-controls-direction { width: auto; display: none; }

	/* #top #mainvisual2 { margin-bottom: 25px; } */
	#top #mainvisual2 { margin-bottom: calc(120/750*100vw); }
	#top #mainvisual2 .bx-pager-mv a { width: 13%; }

	/* #top #mainvisual2 .swiper-container .swiper-wrapper .swiper-slide{ margin-bottom: 12.266vw; } */
	#top #mainvisual2 .swiper-container .swiper-wrapper .swiper-slide{ max-width: 100vw; margin-bottom: 0; }
	#top #mainvisual2 .swiper-thumb-area { padding: calc(10 /750 * 100vw) 0; }
	#top #mainvisual2 .swiper-thumb-area .swiper-wrapper{ margin-bottom: 0; width: calc(700 / 750*100vw); }
	#top #mainvisual2 .swiper-thumb-area .swiper-wrapper .swiper-slide { max-width: calc(120 /750*100vw); margin: 0 calc(10 / 750*100vw); width: 20%; }
	#top #mainvisual2 .swiper-thumb-area .swiper-wrapper .swiper-slide.slick-center:after,
	#top #mainvisual2 .swiper-thumb-area .swiper-wrapper .swiper-slide.slick-current:after{ border: calc(3 /750*100vw) solid #e60012; }
	
	#mainvisual2 .slick-next { 
		display: none !important;
	}
	#mainvisual2 .slick-prev {
		display: none !important;
	}
	
	.swiper-pagination-bullets{
		width: 100%;
		bottom: 7.866vw;
	}
	.swiper-pagination-bullets .swiper-pagination-bullet{
		border-radius: 0;
		width: 2.666vw;
		height: 2.666vw;
		margin: 0 0.933vw;
		background: #cbcbcb;
		opacity: 1;
	}
	.swiper-pagination-bullets .swiper-pagination-bullet-active{
		background: #e60012;
	}
	.slidePrevArea{ display: none; }
	.slideNextArea{ display: none; }

	/* キャンペーン一覧リンク */
	#campaign_link { width: 100%; }
	#campaign_link a{ width: 50%; margin-bottom: 50px; position: relative; top: 0; right: 0;}
	#campaign_link .btn{ padding: 10px 0; }
	#campaign_link02 a{ width: 100%; margin-bottom: 50px; }


	/* トップページバナー */
	#top_bnr { padding: 0 15px; }
	/*#top_bnr li p { text-align: left; font-size: 16px; font-size: 4.4vw; }*/
	#top_bnr li p { text-align: left; font-size: 3.733vw; }

	/* 常設ボタン */
	#c_col{ margin-bottom: calc(100 / 750*100vw);}
	#c_col h2 { text-align: center; font-size: calc(60 /750*100vw); margin-bottom: calc(30 /750*100vw); }
	#c_col ul { padding: 0 0; text-align: left;  vertical-align: top; display: flex; flex-wrap: wrap; }
	#c_col li { width: calc(50% - 3px); /*border-width: 6px;*/ text-align: center; margin-left: 0; margin-right: 6px; padding-top: 2.666%; }
	#c_col li .inr{padding-top: 3.066vw;}
	#c_col li .inr:after{width: 2px; background-size: contain;}
	#c_col li:nth-of-type(2n) { margin-right: 0; }
	#c_col li:nth-child(5n) .inr:after{ content: ""; }
	#c_col li:nth-of-type(2n) .inr:after { content: none; }
	#c_col li:nth-of-type(n + 3) { border-top: none; /*padding-top: 15px;*/ }
	#c_col li:nth-child(n+6){ margin-top: 0;  }
	#c_col li img { width: 50%; }

	#c_col .btn { width: 94%; padding: 2.4vw 0;}
	#c_col li .btn{ font-size: calc(26 / 750*100vw); padding: 0; display: flex; justify-content: center; align-items: center; height: calc(96 / 750*100vw); line-height: 1.25; }

	/* 店舗予約のみ、比率が違うため調整 */
	/* #c_col li.reserve { padding-top: 0.533%; }
	#c_col li.reserve .inr{ padding-top: 3.066vw; }
	#c_col li.reserve img { width: 56.1%; }
	#c_col li.reserve .btn{ margin-top: 15px; } */

	/* サイトボタン */
	#top #sc1 { margin-bottom: calc(100 /750*100vw); }
	#cp_list { width: auto; padding: 0 15px; }
	#cp_list h2 { text-align: center; font-size: calc(60 /750*100vw); margin-bottom: calc(30 /750*100vw); }

	#top .list { padding: 0; display: flex; flex-wrap: wrap; justify-content: space-between; }
	/* #top .list li { width: 100%; padding: 0; margin-bottom: 30px; } */
	#top .list li { width: calc(50% - 7.5px); padding: 0; margin: 0 0 calc(40 /750*100vw); }
	#top .list dt { margin-bottom: calc(16 /750*100vw); }
	#top .list dd { min-height: auto; min-height: initial; }
	#top .list .tag { font-size: calc(22 /750*100vw); }

	#top .list li a:hover dt:after { content: none; }
	#top .list li a:hover .tag { background-color: #000; }
	#top .list li a:hover p { color: inherit; }

	#top .list .new dt:before { width: 60px; height: 60px; }

	#cp_list .more_cp_btn .btn { width: 100%; }

	/* かっぱ寿司のこだわり */
	#top #sc2{ margin-bottom: calc(100 / 750*100vw);}
	#ct_list { padding: 0 calc(30 /750*100vw); }
	#ct_list h2 { margin-bottom: calc(30 /750*100vw); }
	#top #ct_list .list li{ width: calc(330 /750*100vw);}
	#top #ct_list .list li p{ font-size: calc(22 /750*100vw);}
	#top #ct_list .list .tag{ width: 100%; }

	/* こだわり */
	#top #sc3{ margin-bottom: calc(100 / 750*100vw);}
	#top #sc3 .inr { padding: 35px 15px; }
	#top #sc3 .logo h2 { width: 26.5%; }
	#top #sc3 .logo p { font-size: 15px; }
	#top #sc3 li { width: 35%; margin: 2%; }
	/*#top #sc3 li:nth-of-type(2) { margin: 0 3%; }*/
	#top #sc3 dt { font-size: 12px; font-size: 3.4vw; }
	#top #sc3 li.arrow dt,
	#top #sc3 li.blank dt { background-size: 12px; background-position: center left 2px; }
	#top #sc3 dd { padding-right: 25%; margin-left: 25%; }

	/* SNS埋め込み */
	.timeline .wrap_1200 { padding: 0 15px; }
	.timeline .inr { text-align: center; padding: 0 15px; }
	.timeline .fb,
	.timeline .tw { float: none; margin: auto; display: inline-block; width: 100%; }
	.timeline .fb { margin-bottom: 20px; }

	#serch h2,
	#shop h2,
	#menu_list h2,
	#movie h2,
	#app h2,
	#manual h2,
	#campaign h2 { margin-top: 0; }

	/* 店舗詳細 */
	/*#shop #c_col .btn { width: 94%; }*/

	#shop #c_col .btn { width: 94%; }
	#shop #c_col li { width: calc(50% - 2px); }
	#shop #c_col .menu { width: calc(100% - 2px); }
	#shop #c_col .app { border-top: none; }

	#shop #detail .left h3 { padding-left: 0; }
	#shop #detail .right .btn a,
	#shop #detail .right .btn a:hover {  }
	#shop .flex-list { display: block; }
	#shop .flex-list dl { width: auto; padding-right: 0; padding-left: 0; }
	#shop .flex-list dd {  }
	#shop .flex-list dl:first-child dd { border-bottom: 1px solid #e0e0e0; }


	/* キャンペーン一覧ページ */
	#campaign_list h2{ margin-top: 0px; width: 70%; font-size: 4.8vw; }
	#campaign_list h2 img{ position: relative; display: block; left: 0; margin: 4.4vw auto 0; bottom: 0; }

	#campaign_list .list { padding: 0; width: 100%; }
	#campaign_list .list li { width: 100%; padding: 0; margin-bottom: calc(80 /750*100vw); }
	#campaign_list .list dt { margin-bottom: calc(18 /750*100vw); }
	#campaign_list .list dd { min-height: auto; min-height: initial; display: block; }
	#campaign_list .list li p{ font-size: calc(22 /750*100vw); margin-top: calc(5 / 750*100vw);}
	#campaign_list .list .tag{ width: auto; font-size: calc(22 /750*100vw); }

	#campaign_list .list li a:hover dt:after { content: none; }
	#campaign_list .list li a:hover .tag { background-color: #000; }
	#campaign_list .list li a:hover p { color: inherit; }

	#campaign_list .list .new dt:before { width: 60px; height: 60px; }

	#top #sc3.sc3-container {
		background-color: #f9f6ed;
	}
	.side-image {
		display: none;
	}
	.mobile-image {
		display: block;
	}
	.mobile-image.top {
		margin-bottom: 0;
	}
	.mobile-image.bottom {
		margin-top: 0;
	}
	.l-kv_content_img {
		max-width: 183px;
		max-height: 180px;
		margin-top: 35px;
		margin-left: 89px;
		margin-right: 103px;
		margin-bottom: 15px;
	}
	.company-logo-block {
		margin-bottom: 40px;
	}
}