@charset "utf-8";
/*================================
CSS
FileName : style.css
Last Modified: 2018.04.04
================================*/
/***------------------------
default
------------------------***/
h1,h2,h3,h4,h5,h6,div,ul,li,p,dl,dt,dd,td,td {
margin : 0px;
padding : 0px;
}
img {
border : none;
margin : 0;
padding : 0;
vertical-align : middle;
max-width : 100%;
height : auto;
}
a img:hover{border: 0; filter : alpha(opacity=70); -moz-opacity:0.70; opacity:0.70; }
/*リストの文頭は非表示*/
ul { list-style-type: none; }
/*改行関連*/
br { letter-spacing: 0; } /* IEバグ対応 ※連続した
に対応しないため */
label { cursor: pointer; }
/*マウスホバー時のアルファ化*/
a:hover {
filter : alpha(opacity=70); -moz-opacity:0.70; opacity:0.70;
}
/***------------------------
【全般的に】
------------------------***/
body {
margin : 0 auto; /* ページ全体のmargin */
padding : 0px; /* ページ全体のpadding */
text-align : center; /* 下記のautoに未対応用のセンタリング */
background : #fff;
font-family : "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Arial, sans-serif;
width : 100%;
color : #34444e;
letter-spacing : 0;
line-height : 1.7;
font-size : 14px;
line-height : 24px;
-webkit-text-size-adjust: 100%; /*スマホ文字自動調整*/
overflow-x : hidden;
}
/*トップマージンを指定*/
.m_top3 { margin-top:3px;}
.m_top5 { margin-top:5px;}
.m_top10 { margin-top:10px;}
.m_top12 { margin-top:12px;}
.m_top15 { margin-top:15px;}
.m_top17 { margin-top:17px;}
.m_top20 { margin-top:20px;}
.m_top25 { margin-top:25px;}
.m_top30 { margin-top:30px;}
.m_top35 { margin-top:35px;}
.m_top40 { margin-top:40px;}
.m_top45 { margin-top:45px;}
.m_top50 { margin-top:50px;}
.m_top60 { margin-top:60px;}
.m_top70 { margin-top:70px;}
.m_top80 { margin-top:80px;}
.m_top90 { margin-top:90px;}
.m_top100 { margin-top:100px;}
.m_top110 { margin-top:110px;}
.m_top120 { margin-top:120px;}
.m_top160 { margin-top:160px;}
.m_top245 { margin-top:245px;}
/*ボトムマージンを指定*/
.m_b2 { margin-bottom:2px;}
.m_b5 { margin-bottom:5px;}
.m_b10 { margin-bottom:10px;}
.m_b15 { margin-bottom:15px;}
.m_b20 { margin-bottom:20px;}
.m_b30 { margin-bottom:30px;}
.m_b35 { margin-bottom:35px;}
.m_b40 { margin-bottom:40px;}
.m_b45 { margin-bottom:45px;}
.m_b50 { margin-bottom:50px;}
.m_b60 { margin-bottom:60px;}
.m_b70 { margin-bottom:70px;}
.m_b80 { margin-bottom:80px;}
.m_b90 { margin-bottom:90px;}
.m_b100 { margin-bottom:100px;}
.m_b120 { margin-bottom:120px;}
/*左マージンを指定*/
.m_l1 { margin-left:1px;}
.m_l3 { margin-left:3px;}
.m_l5 { margin-left:5px;}
.m_l8 { margin-left:8px;}
.m_l10 { margin-left:10px;}
.m_l12 { margin-left:12px;}
.m_l15 { margin-left:15px;}
.m_l20 { margin-left:20px;}
.m_l24 { margin-left:24px;}
.m_l25 { margin-left:25px;}
.m_l28 { margin-left:28px;}
.m_l30 { margin-left:30px;}
.m_l35 { margin-left:35px;}
.m_l40 { margin-left:40px;}
.m_l45 { margin-left:45px;}
.m_l50 { margin-left:50px;}
.m_l53 { margin-left:53px;}
.m_l58 { margin-left:58px;}
.m_l60 { margin-left:60px;}
.m_l61 { margin-left:61px;}
.m_l62 { margin-left:62px;}
.m_l63 { margin-left:63px;}
.m_l64 { margin-left:64px;}
.m_l66 { margin-left:66px;}
.m_l70 { margin-left:70px;}
.m_l80 { margin-left:80px;}
.m_l85 { margin-left:85px;}
.m_l90 { margin-left:90px;}
.m_l95 { margin-left:95px;}
.m_l100 { margin-left:100px;}
.m_l110 { margin-left:110px;}
.m_l113 { margin-left:113px;}
.m_l115 { margin-left:115px;}
.m_l120 { margin-left:120px;}
/*右マージンを指定*/
.m_r2 { margin-right:2px;}
.m_r5 { margin-right:5px;}
.m_r10 { margin-right:10px;}
.m_r15 { margin-right:15px;}
.m_r20 { margin-right:20px;}
.m_r25 { margin-right:25px;}
.m_r30 { margin-right:30px;}
.m_r35 { margin-right:35px;}
.m_r40 { margin-right:40px;}
/*上下マージンを指定*/
.v_sp5 { margin: 5px 0; }
.v_sp10 { margin: 10px 0; }
.v_sp15 { margin: 15px 0; }
.v_sp20 { margin: 20px 0; }
.v_sp30 { margin: 30px 0; }
/*左右マージンを指定*/
.h_sp10 { margin: 0 10px; }
.h_sp15 { margin: 0 15px; }
.h_sp20 { margin: 0 20px; }
.h_sp25 { margin: 0 25px; }
.h_sp30 { margin: 0 30px; }
/*上PADDING*/
.p_top5 { padding-top: 5px; }
.p_top10 { padding-top: 10px; }
.p_top15 { padding-top: 15px; }
.p_top20 { padding-top: 20px; }
.p_top30 { padding-top: 30px; }
.p_top40 { padding-top: 40px; }
.p_top50 { padding-top: 50px; }
.p_top60 { padding-top: 60px; }
/*下PADDING*/
.p_b10 { padding-bottom: 10px; }
.p_b20 { padding-bottom: 20px; }
.p_b30 { padding-bottom: 30px; }
.p_b40 { padding-bottom: 40px; }
.p_b50 { padding-bottom: 50px; }
.p_b60 { padding-bottom: 60px; }
.p_b100 { padding-bottom: 100px; }
.p_b130 { padding-bottom: 130px; }
.p_b70 { padding-bottom: 70%; }
/*左右PADDING*/
.p_h5 { padding: 0px 5px; }
.p_h10 { padding: 0px 10px; }
.p_h20 { padding: 0px 20px; }
.p_r20 { padding-right: 20px;}
.p_l10 { padding-left: 10px;}
/*上下PADDING*/
.p_v5 { padding: 5px 0px; }
.p_v10 { padding: 10px 0px; }
.p_v20 { padding: 20px 0px; }
/*PADDING周囲*/
.pad_5 { padding: 5px; }
.pad_10 { padding: 10px; }
.pad_20 { padding: 20px; }
.pad_30 { padding: 30px; }
.width_15 { width: 15%;}
.width_30 { width: 30%;}
.width_40 { width: 40%;}
.width_45 { width: 45%;}
.width_50 { width: 50%;}
/*高さ０*/
.h_0 { height:0px;}
/*廻り込み関連*/
.FloatRight { float: right; }
.FloatLeft { float: left; }
.Clear { clear: both; } /*
*/
.clearfix {
display : block;
min-height : 1px;
}
* html .clearfix {
height : 1px;
}
.clearfix {zoom:1;}
.clearfix:after {
content : "";
display : block;
clear : both;
}
/*左寄*/
.al_left { text-align:left; }
/*右寄*/
.al_right { text-align:right;}
/*中央*/
.al_center { text-align:center; vertical-align:bottom;}
/*---------------------
Wrapper
---------------------*/
.wrapper {
width : 100%;
margin : 0 auto;
background-color: #FFFFFF;
}
/*---------------------
Dropdown Menu
---------------------*/
.dropbtn:hover, .dropbtn:focus {
background-color : #FFFFFF;
opacity : .3;
cursor : pointer;
}
.dropdown {
display : inline-block;
width : 100%;
}
.dropdown-content {
display : none;
}
.dropdown-content a {
color : black;
text-decoration : none;
display : block;
text-align : right;
opacity : 1;
}
.dropdown-content img {
width : 100%;
}
.show {
display : block;
}
/*------------------------
Positions
------------------------*/
.scroll_fixed {
position : fixed;
top : 0;
z-index : 9999;
width : 100%;
}
/*------------------------
Slider
------------------------*/
.slider {
position : relative;
}
.slider img {
position : absolute;
top : 0;
left : 0;
width : 100%;
}
/*------------------------
TOP Page
------------------------*/
area {
outline : none;
}
.header_img {
width : 100%;
}
.img_width1 {
width : 100%;
}
.footer {
width : 100%;
}
.footer img {
width : 100%;
}
.top_textfs1 {
font-size : 18px;
}
.top_text1 {
line-height : 32px;
margin-top : 20px;
margin-bottom : 50px;
}
.top_container img {
width : 100%;
}
.calendar_container {
width : 100%;
max-width : 800px;
height : 600px;
margin : 0px auto 30px auto;
}
.gmap_frame, .gmap_inview {
width : 100%;
height : 550px;
}
.access_text1 {
line-height : 32px;
margin-top : 5px;
margin-bottom : 50px;
}
.access_text2 {
line-height : 32px;
margin-top : 5px;
margin-bottom : 100px;
}
.fb_frame_cont {
margin-bottom : 100px;
}
.fb_frame {
width : 100%;
max-width : 290px;
height : 500px;
}
/*------------------------
Toggle
------------------------*/
.toggle_event_button:hover {
cursor : pointer;
}
#specialita, #pasta, #pizza, #salad, #rizotto,
#dolce, #wine, #beer, #non_alcohol, #highball,
#nihonsyu, #syotyu, #liqueur, #cocktail, #softdrink,
#water, #soda, #softdrink2, #alcohol {
display : none;
}
/*------------------------
ディナー
------------------------*/
.dinner_disp_bg1 {
width : 100%;
background-color : #ECDECF;
text-align : center;
font-size : 20px;
line-height : 32px;
padding-top : 10px;
margin-top : 10px;
margin-left : auto;
margin-right : auto;
}
.dinner_disp_bg2 {
width : 100%;
background-color : #ECDECF;
text-align : center;
font-size : 25px;
line-height : 32px;
padding-top : 10px;
margin-top : 10px;
margin-left : auto;
margin-right : auto;
}
.dinner_disp_bg1 img, .dinner_disp_bg2 img {
width : 90%;
}
/*------------------------
ディナー
------------------------*/
.kirei_text_fontsize1 {
font-size : 20px;
line-height : 32px;
}
/*------------------------
文字
------------------------*/
.text_fontsize1 {
font-size : 20px;
}
.text_fontsize2 {
font-size : 25px;
}
.text_midoriiro {
color : #006532;
font-weight : bold;
font-size : 25px;
font-family : "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
/*-----------------------------------
Media Screen
-------------------------------------*/
@media screen and (max-width: 768px) {
/*------------------------
横幅
------------------------*/
.width_size1 {
width : 100%;
}
/*------------------------
文字
------------------------*/
.text_fontsize1 {
font-size : 14px;
}
/*---------------------
TOP Page
---------------------*/
.top_container img {
width : 90%;
}
.gmap_inview {
height : 500px;
}
.calendar_container {
width : 90%;
}
.fb_frame_cont {
padding-left : 5%;
padding-right : 5%;
width : 90%;
}
.fb_frame {
width : 100%;
}
_:-ms-lang(x), _:-webkit-full-screen, .top_container {
width : 90%;
}
_:-ms-lang(x), _:-webkit-full-screen, header {
width : 90%;
}
/*------------------------
ディナー
------------------------*/
.dinner_disp_bg1 {
width : 90%;
font-size : 14px;
}
.dinner_disp_bg2 {
width : 90%;
font-size : 16px;
}
.text_fontsize2 {
font-size : 16px;
}
.text_midoriiro {
font-size : 16px;
}
/*------------------------
キレイメニュー
------------------------*/
.kirei_text_fontsize1 {
font-size : 14px;
}
}
@media screen and (max-width: 380px) {
/*---------------------
TOP Page
---------------------*/
.gmap_inview {
height : 300px;
}
/*------------------------
ディナー
------------------------*/
.dinner_disp_bg1 {
font-size : 14px;
}
.dinner_disp_bg2 {
font-size : 16px;
}
.text_fontsize2 {
font-size : 16px;
}
.text_midoriiro {
font-size : 16px;
}
}