@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: #e62028 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: 100; 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; }

/* パンくず */
#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 #mainvisual2 { margin-bottom: 70px; }
#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; }
/*#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 .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 { /*width: 46px;*/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_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 40px; line-height: 1.2; }

/* 注意分リンク */
.attention_link { margin: 80px auto 60px; text-align: center;}
.attention_link a { color: #e62028; font-weight: bold; text-decoration: underline; font-size: 24px;}

/* 常設ボタン */
#c_col { margin-bottom: 80px; }
#c_col ul { text-align: left; letter-spacing: -.4em; padding: 0 0px; }
#c_col li { display: inline-block; width: calc(20% - 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(5n) .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 .btn { width: 92%; 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: 33.33333%; 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 .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 #sc2 { margin-bottom: 20px; }
#ac_list h2 { text-align: center; margin-bottom: 30px; }
#top #ac_list  .list li a:after { background-color: #f4c839; }

/* こだわり */
#top #sc3 { background-color: #fff; padding: 0; margin-bottom: 80px; }
#top #sc3 .inr { max-width: 764px; 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_safety_over.png) no-repeat center; background-size: contain; }
#top #sc3 li:nth-of-type(2) .bg { background: url(/share/img/common/icon_company_over.png) no-repeat center; background-size: contain; }
#top #sc3 li:nth-of-type(3) .bg { background: url(/share/img/common/icon_stockholder_over.png) no-repeat center; background-size: contain; }
#top #sc3 li:nth-of-type(4) .bg { background: url(/share/img/common/icon_recruit_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 { float: right; border: 1px solid #b7b7b7; }

#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: 33.33333%; 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 .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%; }


@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 .menu_hover { position: relative; height: 49px; }
	header.nav2 .menu_hover .sb_menu { text-align: center; width: 320px; position: absolute; transform: translateX(-33%) 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: 10px 0; position: relative; line-height: 1.2; }
	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: 13em; }
	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;
	}


}

@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;; }

	/* ヘッダ */
	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: 4.7vw; padding-left: 1.5em; }

	header.nav2 .menu_hover .sb_menu { max-height: auto; max-height: initial; transform: initial; width: 100%; position: static; padding: 0 10px 5px; }
	header.nav2 .menu_hover .sb_menu dd { background-color: #ededed; border-bottom: 1px solid #fff; }
	header.nav2 .menu_hover .sb_menu a { padding: 8px 2em; 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: 20px; }
	footer li { margin: 0 10px 10px; }
	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 .bx-pager-mv a { width: 13%; }

	#top #mainvisual2 .swiper-container .swiper-wrapper .swiper-slide{ 
    margin-bottom: 12.266vw; }
	.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; }

	/* 注意分リンク */
	.attention_link { margin: 0px auto 15%; }
	.attention_link a { color: #e62028; font-weight: bold; text-decoration: underline; font-size: 115%; line-height: 1.5; }

	/* トップページバナー */
	#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 ul { padding: 0 0; text-align: left; }
	#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.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; }

	/* サイトボタン */
	#cp_list { width: auto; padding: 0 15px; }

	#top .list { padding: 0; }
	#top .list li { width: 100%; padding: 0; margin-bottom: 30px; }
	#top .list dd { min-height: auto; min-height: initial; }

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

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

	/* アクション */
	#ac_list { padding: 0 15px; }

	/* こだわり */
	#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; }
	.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: 30px; }
	#campaign_list .list dd { min-height: auto; min-height: initial; }

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