@charset "utf-8";

/* ====================================================================================================
   基本設定
   ---------------------------------------------------------------------------------------------------- */

body                                 { margin:0; padding:0; color:#333; font-size:16px; line-height:2; text-align:center; }
*                                    { -webkit-box-sizing:border-box; box-sizing:border-box; }
p,h1,h2,h3,h4,h5,h6                  { margin-top:0; }
img                                  { vertical-align:top; }
a img:hover                          { opacity:0.6; }
#wrap                                { clear:both; }
.pc                                  { display:block !important; }
.sm                                  { display:none !important; }


/* ====================================================================================================
   ヘッタ
   ---------------------------------------------------------------------------------------------------- */


/* ====================================================================================================
   メインビジュアル
   ---------------------------------------------------------------------------------------------------- */



/* ====================================================================================================
   共通設定
   ---------------------------------------------------------------------------------------------------- */

.container                           { width:100%; max-width: 830px;margin: 0 auto; padding: 10px;}
.bar                                 { width: 100%; margin-top: 25px;}
.mv                                  { width: 100%;}
.menu                                { width: 100%;}
.menu a                              { margin: 0 1px;}
.flex,
.column_2                            { display: flex;justify-content: space-between;}
.flex p                              { margin: 0 1px;}
.column_2 p img                      { width: 100%; max-width: 400px; padding-bottom: 10px;}
.bread_list                          { font-size: 80%; text-align: left;margin-top: 20px;}
.info                                { margin: 30px 0; }
.info p                              { line-height: 1.4; margin: 15px 0 ;}
.access_info                         { margin: 0px auto; padding:10px;width: 100%; max-width: 400px;}
.access_info p                       { line-height: 1.4; margin-bottom: 15px; text-align: left;}
.menu_collabo p img                  { margin: 10px 0;}

.map                                 { width: 100%; height:400px; margin-top: 20px; }
.map iframe                          { width:100%; height:400px; border:none; }

/* ====================================================================================================
   フッタ
   ---------------------------------------------------------------------------------------------------- */

footer                              { width:100%; height:auto; padding:50px 0px; text-align: center; background-color:#333333;color: #ffffff; }
             
/* トップへ戻る */
#page_top                            { position:fixed; right:0px; width:60px; height:60px; background:#e2097f; opacity:0.7; }
#page_top a                          { position:relative; display:block; width:60px; height:60px; text-decoration:none;}
#page_top a::after                   { content: '▲'; font-size:22px; font-weight:bold; color:#fff; position:absolute; top:10px; bottom:0; right:0; left:0; margin:auto; text-align:center; }

/* 可視化域にきたら表示　*/
.fade_off                            { opacity:0; -webkit-transition: all 1s; transition: all 1s; }
.fade_on                             { opacity:1; }


/* ====================================================================================================
   タブレット
   ---------------------------------------------------------------------------------------------------- */

@media screen and (min-width:761px) and (max-width:1000px){

}

/* ====================================================================================================
   スマートフォン対応
   ---------------------------------------------------------------------------------------------------- */

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

.pc                                { display:none !important; }
.sm                                { display:block !important; } 

.column_2                          { display: block;justify-content: space-between;}
  
/* フッタ */
footer                             { padding:30px 0 30px; }

/* トップへ戻る */
#page_top                          { right:0px; }
}