@charset "utf-8";

/*======================================================================

　愛知あたりまえ食堂
　
	[01] 基本・レイアウト
	[02] トップ
	[03] イントロ
	[04] 概要
	[05] 店舗・メニュー
    [06] ゲスト
    [07] イベント
	[08] アクセス
	[09] お問い合わせ
    [10] 来場者特典
	[99] メディアクエリ

======================================================================*/



/*------------------------------------------------

	[01] 基本・レイアウト

------------------------------------------------*/

@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);

html { scroll-behavior: smooth; /*font-size:62.5%; 10px*/}
/*.sitemap_box{font-size: 160%;}*/
#wrapper{font-family: 'Lato', 'Noto Sans JP', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; width: 100%; min-width: 1200px; padding: 0; background: #fcf9ed;}
.inr { max-width: 1200px; /*width: 100%; margin: 0 auto;*/ }
.vpc { display: inherit; }
.vsp { display: none; }
.flb { display: flex; flex-wrap: wrap; /*justify-content:center;*/ width: 100%; max-width: 1200px; margin: 0 auto; }
/*.flb2{display:flex; flex-wrap: wrap; width: 100%; max-width: 1000px; margin: 0 auto;}
p.article{font-size: 1.4rem; font-weight: 300; line-height: 1.8; color: #231815;}*/

/* フェード
---------------------------------*/
.fadein{opacity: 0; transform: translateY(6px);}
.type1{transition: 0.9s 0s ease;}
.type2{transition: 0.9s 0.2s ease;}
.type3{transition: 0.9s 0.4s ease;}
.type4{transition: 0.9s 0.6s ease;}
.type5{transition: 0.9s 0.8s ease;}
.type6{transition: 0.9s 1.0s ease;}

.fade1 {transition: all 0.3s; opacity: 0; visibility: hidden; transform: translate(-50px, 0px);}
.fade-in1 {opacity: 1; visibility: visible; transform: translate(0px, 0px);}

.fade2 {transition: all 0.3s; opacity: 0; visibility: hidden; transform: translate(50px, 0px);}
.fade-in2 {opacity: 1; visibility: visible; transform: translate(0px, 0px);}

.fade3 {transition: all 0.3s; opacity: 0; visibility: hidden; transform: translate(0px, 50px);}
.fade-in3 {opacity: 1; visibility: visible; transform: translate(0px, 0px);}


.fadeleft{animation-name: fadeleft; animation-duration: 1s; animation-iteration-count: 1; animation-timing-function: cubic-bezier(0, 0, 0, 0, 0, 0, 0.7, 0.9, 1.0) ;; }
@keyframes fadeleft {
from {opacity: 0; transform: translateX(160px);}
to {opacity: 1; transform: translateX(0);}}

.faderight{animation-name: faderight; animation-duration: 1s; animation-iteration-count: 1; animation-timing-function: cubic-bezier(0, 0, 0, 0, 0, 0, 0.7, 0.9, 1.0);; }
@keyframes faderight {
from {opacity: 0; transform: translateX(-160px);}
to {opacity: 1; transform: translateX(0px);}}

.fadeup{animation-name: fadeup; animation-duration: 2.4s; animation-iteration-count: 1; animation-timing-function: cubic-bezier(0, 0, 0, 0, 0, 0, 0.7, 0.9, 1.0); }
@keyframes fadeup {
from {opacity: 0; transform: translateY(10px);}
to {opacity: 1; transform: translateY(0);}}

.fadeup2{animation-name: fadeup2; animation-duration: 2.4s; animation-iteration-count: 1; animation-timing-function: cubic-bezier(0, 0, 0, 0, 0, 0, 0.7, 0.9, 1.0); }
@keyframes fadeup2 {
from {opacity: 0; transform: translateY(0px);}
to {opacity: 1; transform: translateY(0);}}



/* フッタ
---------------------------------*/
footer#common_foot{margin: 0 0 0;}
#footer img{vertical-align: top !important;}
#footer{width:100%; padding:0 0 10px; text-align:center;}
p#copyright{padding: 30px 0; font-size: 1.4rem; line-height: 1.8; color: #fff;}

/* SNSボタン */
/*#sns_btbox {padding: 20px 0; background: #fcf9ed;}*/
#sns_btbox img {vertical-align: top !important;}
.sns_btn {text-align: center;}
.sns_btn div, .sns_btn p{display: inline-block; vertical-align: top;}
.sns_btn div iframe{height: inherit !important; max-height: 30px;}
.sns_btn a.ssp{margin: 0px; padding: 0 0 0 10px; vertical-align: top; line-height: 0;}

/* リンク
---------------------------------*/
a{font-weight: 500; -webkit-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out;}
a:link		{color:#0952a1;}
a:visited	{color:#0952a1;}
a:hover		{text-decoration:none; color:#0952a1; opacity:0.7;}
a:active	{text-decoration:none;}


/* 見出し
---------------------------------*/
#syokudo h2{width: 100%; max-width: 1000px; margin: 10px auto 0; text-align: center;}
#syokudo.common h2{width: 50%; max-width: 1000px; margin: 10px auto 0; text-align: center;}
/*#syokudo h2 img{width: 100%;}
.cnt_box h3{width: 100%; max-width: 508px; height: 84px; margin: 0 auto 30px; padding: 0; text-align: center;}
.cnt_box h3 img{width: 100%;}*/
#skd_intro h3, #skd_summary h3, #skd_benefits h3, #skd_guest h3, #skd_event h3, #skd_shop h3, #skd_shop_menu h3, #skd_ticket h3, #skd_access h3, #skd_contact h3 { width: 100%; margin: 10px auto 30px; padding: 0 0 6px; color: #0c2765; font-size: 2rem; font-weight: 600; border-bottom: 4px solid #0c2765; /*text-align: center;*/ }
/*#skd_intro h3 img, .cnt_syokudo h3 img, #cast h3 img{width: 100%;}
#hero h3{width: 100%; margin: 0 auto 40px;}*/
h4{margin: 0 0 20px; font-size: 2.4rem; font-weight: 600;}
/*#entry h4{color: #fff;}*/


/* 打消し線
---------------------------------*/
del{background-image: linear-gradient(#61bdf6, #61bdf6); background-position: 0 50%; background-size: 100% 2px; background-repeat: repeat-x; color: #bbdcfa; margin: 0 0.4em;　text-decoration: none;}

/* 脚注
---------------------------------*/


/* 共通
---------------------------------*/
span.notice { width: 97%; margin: 0 auto; padding: 0px; font-size: .9rem; color: #dc3340; }
.txt_center { text-align: center; }
ul.notice { width: 97%; margin: 0 auto; padding: 0 0 30px; font-size: .9rem; color: #dc3340; }
ul.notice li { position: relative; width: calc(98% - 2.6em); margin: auto; padding: 0 1.3em .5%; }
ul.notice li:before { content: "●"; position: absolute; top: 0px; left: 0px; }


/*動画埋込------------------------------------------*/
div.movie_box { width:96%; margin:0 auto 2em; text-align: center; }
div.movie_box iframe { width: 100%; max-width: 600px; height: 332px; margin: 0; }
div.movie_box img { width: 100%; height: auto; }






/*------------------------------------------------

	[02] トップ

------------------------------------------------*/
/*#syokudo .cnt_box{padding: 90px 0 30px;}*/
#syokudo #main{position: relative; width: 100%; background: url(/atarimaeAICHI/syokudo_nagashima/images/bg_main.jpg) no-repeat 50% 50% / cover;}
#syokudo #main .flb{width: 100%; margin: 0 auto; animation: fadeIn 3s ease 0s 1 normal; -webkit-animation: fadeIn 3s ease 0s 1 normal; position: relative; z-index: 2; }
@keyframes fadeIn{0% {opacity: 0} 100% {opacity: 1}}
@-webkit-keyframes fadeIn{0% {opacity: 0} 100% {opacity: 1}}

#syokudo #main .flb > div{width: 100%;}
/*#syokudo #main .flb > div:nth-child(1){width: 54%;}
#syokudo #main .flb > div:nth-child(2){width: 46%; background-color: rgba(0, 0, 0, 0.5);}*/

#headline { width: 100%; background: repeating-linear-gradient(-45deg, #c10000, #c10000 10px, #b50000 10px, #b50000 20px); }
#headline .inr { width: 100%; max-width: 654px; margin: 0 auto; padding: 20px 0; }
#headline img { width: 100%; }
#footline { position: relative; height: 120px; margin-top: -120px; background: #faf000; z-index: 1; }
.logo_syokudo {margin: 0;}
.logo_syokudo img {width: 100%; max-width: 1000px;}
/*.collabo{margin: 0 0 30px;}
.collabo img{width: 100%; max-width: 20px;}
.logo_bm{margin: 0 0 30px;}
.logo_bm img{width: 100%; max-width: 370px;}
.tit_song img{width: 100%; max-width: 400px;}*/

.fade1 {transition: all 0.3s; opacity: 0; visibility: hidden; transform: translate(-50px, 0px);}
.fade-in1 {opacity: 1; visibility: visible; transform: translate(0px, 0px);}

.fade2 {transition: all 0.3s; opacity: 0; visibility: hidden; transform: translate(50px, 0px);}
.fade-in2 {opacity: 1; visibility: visible; transform: translate(0px, 0px);}

.fade3 {transition: all 0.3s; opacity: 0; visibility: hidden; transform: translate(0px, 50px);}
.fade-in3 {opacity: 1; visibility: visible; transform: translate(0px, 0px);}





/* アンカーリンク
---------------------------------*/
#anc_link { background: #0c2765; } 
#anc_link .inr { width: 100%; margin: 0 auto; padding: 20px 0; } 
#anc_link .link_list a.no_link { text-decoration: none; background: none !important; pointer-events: none; opacity: 0.5; }
#anc_link .link_list { text-align: center; margin-left: 30px; }
#anc_link .link_list li { display: inline-block; margin-right: 30px; font-size: 1.0rem; position: relative; color: #fff; }
#anc_link .link_list li a { color: #fff; text-decoration: none; }
#anc_link .link_list li a:hover { color: #fff; }
#anc_link .link_list li:after { content: ""; display: block; width: 1px; height: 14px; background: #fff; position: absolute; top: 5px; right: -17px; -webkit-transform: rotate(0deg); transform: rotate(0deg); }
#anc_link .link_list li:last-child:after{ content: unset; }


.cnt_syokudo { padding: 30px 0; background: #faf000; }
.cnt_syokudo .inr { width: calc(100% - 80px); max-width: 1000px; margin: 20px auto; padding: 40px; border-radius: 20px; /*box-sizing: border-box;*/ background: #fff; }


/*------------------------------------------------

	[03] イントロ

------------------------------------------------*/
#skd_intro { padding: 100px 0; background: url(/atarimaeAICHI/syokudo_nagashima/images/bg_intro.jpg) 50% 50% / cover; }
#skd_intro div.inr { width: 100%; }
#skd_intro div.inr div { width: 100%; max-width: 683px; margin: 0 auto; }
#skd_intro div.inr div img { width: 100%; }





/*------------------------------------------------

	[04] 概要

------------------------------------------------*/
#skd_summary div.img { width: 35%; max-width: 350px; margin-left: 1%; }
#skd_summary div.img img { width: 100%; /*margin-top: -120px;*/ }
#skd_summary div.txt { width: 60%; margin: 0 2%; text-align: justify; font-size: 1.6rem; font-weight: 600; }
#skd_summary div.txt p { font-weight: 300; font-size: 1.125rem; }
#skd_summary div.txt p span { display: block; border-radius: 3px; margin: 0 0 6px; padding: 6px 12px; background: #0c2765; font-size: 1rem; font-weight: 600; color: #faf000; }

#skd_summary ul.notice { width: 100%; margin: 10px auto; font-size: 1.0rem; }
#skd_summary ul.notice li:before { content: "※"; position: absolute; top: 0px; left: 0px; }

/*------------------------------------------------

	[05] 店舗・メニュー

------------------------------------------------*/
#skd_shop { margin: 0 auto 60px; }
#skd_shop .flb { margin: 10px auto 30px; }
#skd_shop .flb div { width: calc(100%/3 - 44px); margin: 0 10px; }
#skd_shop .flb div img { width: 100%; }
#skd_shop p.stg { font-size: 1.2rem; font-weight: 600; margin: 0 0 10px; }
#skd_shop p.shop_name { padding: 6px; font-size: 1.0rem; font-weight: 600; color: #610100; border-bottom: 1px solid; }
#skd_shop p.cat { padding: 6px; font-size: 0.8rem; font-weight: 600; color: #610100; }
#skd_shop p.shop_name span { display: inline-block; font-size: 0.9rem; font-weight: 300; vertical-align: baseline; }

#skd_shop .group { margin: 20px 0; padding: 20px; border-radius: 6px; background: #fe610a; }
#skd_shop .group .flb div { padding: 6px 12px; border-radius: 6px; background: #fff; }
#skd_shop .group p.stg { color: #fff; font-weight: 300; font-size: 1.6rem; letter-spacing: 0.06em; }


#skd_shop_menu { margin: 0 auto 60px; }
#skd_shop_menu .flb { width: calc(100% - 0px); margin: 10px auto 30px; padding: 6px 0px; border-radius: 6px; background: #fff; }
/*#skd_shop_menu .flb > div { width: calc(100%/2 - 20px); margin: 10px 10px; padding: 0; }*/
#skd_shop_menu .flb > div { width: calc(100%/3 - 20px); margin: 0px 10px 1.5em; padding: 0; }
/*#skd_shop_menu .flb > div:nth-child(1) { width: calc(38% - 20px); margin: 10px 10px; padding: 0; }
#skd_shop_menu .flb > div:nth-child(2) { width: calc(62% - 20px); margin: 10px 10px; padding: 0; }
#skd_shop_menu .flb > div:nth-child(3) { width: calc(32% - 20px); margin: 10px 10px; padding: 10px 0 0; }
#skd_shop_menu .flb > div:nth-child(3) iframe { width: 100%; max-height: 190px; height: 100%; margin-bottom: 10px; }*/
#skd_shop_menu .flb > div img { width: 100%; margin: 0 auto .5em; border-radius: 3px; }
#skd_shop_menu p.stg { font-size: 1.2rem; font-weight: 600; margin: 0 0 10px; }
#skd_shop_menu p.shop_name { margin: 0 0 10px; padding: 0 0 10px; font-size: 1.125rem; font-weight: 600; color: #610100; border-bottom: 1px solid; }
#skd_shop_menu p.cat { padding: 0 0 3px; font-size: 0.75rem; font-weight: 600; color: #610100; }
#skd_shop_menu p.shop_name span { display: inline-block; font-size: 0.75rem; font-weight: 300; vertical-align: baseline; }

#skd_shop_menu ul.food { margin: 0.3em 0; font-size: 0.875rem; font-weight: 600; }
#skd_shop_menu ul.food li { display: flex; justify-content: space-between; align-items: flex-end; background: #f3f3f3; margin: 0 0 .5em; padding: .3em; border-radius: 5px; }
#skd_shop_menu ul.food li span.price { margin: 0 0 0 .5em; white-space: nowrap; /* 折り返さずに1行で表示 */ }

#skd_shop_menu .group { margin: 20px 0; padding: 0px; /*border-radius: 6px; background: #faf000;*/ }
#skd_shop_menu .group .flb div { }
#skd_shop_menu .group p.stg { color: #0c2765; font-weight: 300; font-size: 1.6rem; letter-spacing: 0.06em; }

#skd_shop_menu p.shop_txt { font-size: 0.9rem; text-align: justify; letter-spacing: 0.03em; line-height: 1.7; }
#skd_shop_menu .s_menu.flb > div { width: calc(100%/2 - 20px); margin: 10px 10px; }
#skd_shop_menu .s_menu.flb > div img { width: 100%; margin: 0 0 10px; border-radius: 3px; }
#skd_shop_menu .s_menu p.food { margin: 0 0 10px; font-size: 0.9rem; font-weight: 600; text-align: center; }
#skd_shop_menu .s_menu p.price { font-size: 1.1rem; font-weight: 600; text-align: center; }

#skd_shop_menu .s_menu_wide.flb > div { width: calc(100% - 20px); margin: 10px 10px; }
#skd_shop_menu .s_menu_wide.flb > div img { width: 100%; margin: 0 0 10px; border-radius: 3px; }
#skd_shop_menu .s_menu_wide p.food { margin: 0 0 10px; font-size: 0.9rem; font-weight: 600; text-align: center; }
#skd_shop_menu .s_menu_wide p.price { font-size: 1.1rem; font-weight: 600; text-align: center; }

#skd_shop_menu .mov p.tit { margin: 0 0 10px; font-size: 0.8rem; text-align: center; }





/*------------------------------------------------

	[06] ゲスト

------------------------------------------------*/
#skd_guest div.img { width: 33%; max-width: 330px; margin-left: 1%; }
#skd_guest div.img img { width: 100%; /*margin-top: -120px;*/ margin: 0 0 20px; }
#skd_guest div.txt { width: 62%; margin: 0 2%; text-align: justify; font-size: 1.6rem; font-weight: 600; }
#skd_guest div.txt p { font-weight: 300; font-size: 1.125rem; }
#skd_guest div.txt p span { display: block; border-radius: 3px; margin: 0 0 6px; padding: 6px 12px; background: #0c2765; font-size: 1rem; font-weight: 600; color: #faf000; }

#skd_guest ul.notice { width: 100%; margin: 10px auto; font-size: 1.0rem; }
#skd_guest ul.notice li:before { content: "※"; position: absolute; top: 0px; left: 0px; }



/*------------------------------------------------

	[07] イベント

------------------------------------------------*/
#skd_event div.img { width: 33%; max-width: 330px; margin-left: 1%; }
#skd_event div.img img { width: 100%; /*margin-top: -120px;*/ margin: 0 0 20px; }
#skd_event div.txt { width: 62%; margin: 0 2%; text-align: justify; font-size: 1.6rem; font-weight: 600; }
#skd_event div.txt p { font-weight: 300; font-size: 1.125rem; }
#skd_event div.txt p span { display: block; border-radius: 3px; margin: 0 0 6px; padding: 6px 12px; background: #0c2765; font-size: 1rem; font-weight: 600; color: #faf000; }

#skd_event ul.notice { width: 100%; margin: 10px auto; font-size: 1.0rem; }
#skd_event ul.notice li:before { content: "※"; position: absolute; top: 0px; left: 0px; }




/*------------------------------------------------

	[08] アクセス

------------------------------------------------*/
#skd_access { margin: 0 auto 100px; }
#skd_access p.stg { font-size: 1.2rem; font-weight: 600; margin: 0 0 10px; }

.tb01, .tb01 td, .tb01 th { border-collapse: collapse; }
.tb01 { width: 100%; margin: 0px auto 30px; font-size: 0.9rem; line-height: 1.8; }
.tb01 td, .tb01 th { border-bottom: 8px solid #f8f7e9; }
.tb01 tr:last-child td, .tb01 tr:last-child th { border-bottom: none; }
.tb01 th { width: 16%; padding: 10px 1%; font-weight: 600; color: #000; text-align: left; vertical-align: top; border-bottom: dotted 1px #ccc; }
.tb01 td { width: 78%; padding: 10px 2%; text-align: left; border-bottom: dotted 1px #ccc; }
.tb01 th span { white-space: nowrap; }
.tb01 td span { vertical-align: baseline; }
.tb01 th img { margin: 5px 10px; }
.tb01 .flb div { width: 50%; }
.tb01 strong { color: #003ba8; }

#map { text-align: center; }
#map iframe { width: 100%; height: 400px; border: 0; }

.logo { width: 100%; max-width: 320px; margin: 3em auto 0; text-align: center; }
.logo img { width: 100%; }



/*------------------------------------------------

	[09] お問い合わせ

------------------------------------------------*/
#skd_contact { margin: 0 auto 100px; }
#skd_contact .skd_btn a { display: block; width: calc(70% - 24px); margin: 0px auto 6px; padding: 3px 10px; font-size: 1.4rem; line-height: 1.8; letter-spacing: 1px; color: #fff; text-align: center; text-decoration: none; background: #0c2765; border-radius: 10px; transition: 0.3s; }
#skd_contact .skd_btn a:hover { opacity: .6; }

#skd_contact .flb { margin: 100px auto 0; }
#skd_contact .flb div { width: 48%; margin: 0 1%; }
#skd_contact .flb div img { width: 100%; }


/*------------------------------------------------

	[10] 来場特典

------------------------------------------------*/
#skd_benefits { margin: 0 auto 100px; }
#skd_benefits p.stg { font-size: 1.0rem; font-weight: 300; margin: 0 0 10px; }
#skd_benefits p.stg span { display: block; color: #0c2765; font-size: 1.85rem; font-weight: 300; letter-spacing: 0.2em; }

#skd_benefits .flb { margin: 0px auto 0; }
#skd_benefits .flb > div { width: calc(100% / 3 - 2%); margin: 0 1%; }
#skd_benefits .flb div img { width: 100%; }

p.tit_pre { max-width: 440px; margin-bottom: 20px; }
p.name_pre { font-size: 0.825rem; font-weight: 600; }
#skd_benefits .flb.inr_pre { margin: 0px auto 0; }
#skd_benefits .flb.inr_pre > div.img_pre { width: 30%; margin: 0; }
#skd_benefits .flb.inr_pre > div.txt_pre { width: 70%; margin: 0; font-size: 0.75rem; }

#skd_benefits ul.notice { width: 100%; }
#skd_benefits ul.notice li { position: relative; width: 100%; margin: auto; padding: 0 0 .5%; font-size: 0.75rem; }
#skd_benefits ul.notice li:before { content: "※"; position: absolute; top: 0px; left: 0px; }





/*------------------------------------------------

	[99] メディアクエリ

------------------------------------------------*/
@media screen and (min-width: 769px) {
}


@media screen and (max-width: 768px) {

/* [01] 基本・レイアウト
---------------------------------*/
#resNav{z-index:9999;}
.bg-subnav{display:none;}
header{min-width:150px;}
#wrapper{min-width:200px;}
.inr{width: 90%; max-width: none; padding-top: 0px;}
.vpc{display: none;}
.vsp{display: inherit;}


/* 見出し */

#syokudo h2 { width: 100%; margin: 0 auto; }
#syokudo h2 img { width: 100%; }
#skd_intro h3, #skd_summary h3, #skd_access h3, #skd_contact h3 { font-size: 1.6rem; }

.cnt_syokudo .inr { width: 88%; margin: 20px auto; padding: 20px 4%; border-radius: 20px; /*box-sizing: border-box;*/ background: #fff; }


/*動画埋込*/
div.movie_box { text-align:center; margin-bottom:0.5em; }
div.movie_box iframe { position:relative; width:96%; }


/* [02] トップ
---------------------------------*/
#syokudo #main>.flb{width: 100%; margin: 0 auto; /*background: url(/atarimaeAICHI/syokudo_nagashima/images/main.png) no-repeat 0% 0% / 100%; */animation: fadeIn 3s ease 0s 1 normal; -webkit-animation: fadeIn 3s ease 0s 1 normal;}

#headline .inr { width: 90%; padding: 10px 0; }
#footline { height: 80px; margin-top: -80px; }
.logo_syokudo { margin: 0; }
.logo_syokudo img { width: 100%; max-width: none; }


/* アンカーリンク
---------------------------------*/
#anc_link .inr { width: 98%; padding: 12px 0; }
#anc_link .link_list { margin-left: 14px; }
#anc_link .link_list li { margin-right: 14px; font-size: 0.75rem; line-height: 1.8; }
#anc_link .link_list li:after { right: -9px; }


/* [03] イントロ
---------------------------------*/
#skd_intro { padding: 30px 0; }
#skd_intro div.inr div { width: 90%; margin: 0 auto; }


/* [04] 概要
---------------------------------*/
#skd_summary { margin: 0 0 30px; }
#skd_summary div.img { width: 100%; margin: 0 auto; }
#skd_summary div.img img { /*margin-top: -120px;*/ margin: 0 0 20px; }
#skd_summary div.txt { width: 100%; margin: 0 auto; font-size: 1.0rem; }


/* [05] 店舗・メニュー
---------------------------------*/
#skd_shop .flb { margin: 0px auto; }
#skd_shop .flb div { width: 98%; margin: 0 1% 10px; }
#skd_shop p.shop_name { margin: 0 0 10px; }
#skd_shop_menu .flb > div { width: calc(100% - 20px); margin: 10px 10px; padding: 0; }

#skd_shop_menu .flb > div:nth-child(1),
#skd_shop_menu .flb > div:nth-child(3) { width: calc(100% - 20px); margin: 10px 10px; padding: 0; }
#skd_shop_menu .flb > div:nth-child(2) { width: calc(100% - 0px); margin: 10px 0px; padding: 0; }
#skd_shop_menu .s_menu.flb > div { width: calc(50% - 10px); margin: 10px 5px; padding: 0; }
#skd_shop_menu .flb > div:nth-child(3) iframe { width: 100%; max-height: none; height: 150px; margin-bottom: 10px; }



/* [06] ゲスト
---------------------------------*/
#skd_guest { margin: 0 0 30px; }
#skd_guest div.img { width: 100%; margin: 0 auto; }
#skd_guest div.img img { /*margin-top: -120px;*/ }
#skd_guest div.txt { width: 100%; margin: 0 auto; font-size: 1.0rem; }



/* [07] イベント
---------------------------------*/
#skd_event { margin: 0 0 30px; }
#skd_event div.img { width: 100%; margin: 0 auto; }
#skd_event div.img img { /*margin-top: -120px;*/ }
#skd_event div.txt { width: 100%; margin: 0 auto; font-size: 1.0rem; }



/* [08] アクセス
---------------------------------*/
.tb01 { width: 96%; margin: 0% auto 2%; }
.tb01 { border: none; }
.tb01 th { display: block; width: 94%; margin: 3% 0 0; padding: 6px 3%; border-radius: 4px; border: none; background: #e0e0e0; }
.tb01 td { display: list-item; width: 94%; margin: 0 3% ; padding: 6px 0; border: none !important; list-style: none; }
.tb01 .flb div { width: 100%; margin: 0 0 20px; }


/* [09] お問い合わせ
---------------------------------*/
#skd_contact .skd_btn a { font-size: 1.0rem; }


/* [10] 来場特典
---------------------------------*/
p.tit_pre { margin-bottom: 10px; }
#skd_benefits .flb > div { width: calc(100% / 1 - 2%); margin: 0 1% 30px; }
#skd_benefits .flb.inr_pre > div.img_pre { width: 20%; margin: 0; }
#skd_benefits .flb.inr_pre > div.txt_pre { width: 80%; margin: 0; }


/* [10] ゲスト
---------------------------------*/
/*.flb.guest { width: 96%; margin: 0 auto; justify-content: center; }*/


}



@media screen and (max-width: 480px) {

/* [01] 基本・レイアウト
---------------------------------*/
/* フッタ */
p#copyright{font-size: 1.2rem; line-height: 1.6;}


/* [02] トップ
---------------------------------*/
#footline { height: 50px; margin-top: -50px; }



}