@charset "utf-8";
.Yellowtail{
    font-family: 'Yellowtail', cursive;
    
}
@font-face{
    font-family: 'Hannari';
    /* お好きな名前にしましょう */	src: url(#);
    /* IE9以上用 */	src: url(#) format('embedded-opentype'), /* IE8以前用 */		url(/import/tenant_1/153.126.152.22/midori/font/Hannari.woff) format('woff'), /* モダンブラウザ用 */		url(#) format('truetype'), /* iOS, Android用 */		url(/import/tenant_1/153.126.152.22/midori/font/Hannari.otf) format('opentype');
    
}
.Hannari{
    font-family: 'Hannari';
    
}
/* *********************************** *//* 共通 ここから ******************** *//* *********************************** */img{
    max-width:100%;
    height:auto !important;
    
}
body{
    margin: 0;
    padding: 0;
    font-size: 14px;
    color: #5e5e5e;
    font-family: 'NotoSansCJKjp', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
    background: url(/import/tenant_1/153.126.152.22/midori/images/back-main.png) repeat center;
    
}
p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd{
    margin: 0;
    padding: 0;
    font-weight: normal;
    
}
ul,ol,li{
    list-style-type: none;
    
}
p,ul,ol,li,dl,dt,dd,table,th,td,div{
    line-height: 1.75;
    
}
h1,h2,h3,h4,h5,h6{
    line-height: 1.25;
    
}
a{
    color: #333;
    text-decoration: none;
    
}
a:hover{
    opacity: 0.7;
    
}
img{
    vertical-align: bottom;
    
}
a img{
    border: none;
    
}
.clearfix:after{
    content:"";
    display:block;
    clear:both;
    
}
/* テーブル */table{
    border-collapse: collapse;
    
}
.table{
    margin: 0;
    border: 1px solid #960;
    border-top:none;
    
}
.table dl{
    border-top: 1px solid #960;
    overflow: hidden;
    
}
.table dt,.table dd{
    float:left;
    
}
.table dt{
    border-right: 1px solid #960;
    width: 250px;
    padding:20px 20px 3020px;
    margin-bottom: -3000px;
    
}
.table dd{
    width: 230px;
    padding:20px 20px 3020px;
    margin-bottom: -3000px;
    border-left: 1px solid #960;
    
}
.table dd:first-of-type{
    border-left:none;
    
}
/* テーブル *//* display */.inline{
    display: inline;
    
}
.block{
    display: block;
    
}
.inline-block{
    display: inline-block;
    
}
/* display *//* 左右位置 */.floatLeft{
    float: left;
    
}
.floatRight{
    float: right;
    
}
.alignLeft{
    text-align: left;
    
}
.alignRight{
    text-align: right;
    
}
.alignCenter{
    text-align: center;
    
}
.blockCenter{
    display: block;
    margin-left: auto;
    margin-right: auto;
    
}
/* 左右位置 *//* position */.relative{
    position: relative;
    
}
.absolute{
    position: absolute;
    
}
/* position *//* リストマーク右で行揃え indent */.indent{
    margin: 1em;
    text-indent: -1em;
    
}
/* リストマーク右で行揃え indent */.underline{
    text-decoration: underline;
    
}
/* 画像拡大・戻り zoom */.zoom{
    -moz-transform: scale3d(1.0,1.0,1.0);
    -webkit-transform: scale3d(1.0,1.0,1.0);
    -o-transform: scale3d(1.0,1.0,1.0);
    -ms-transform: scale3d(1.0,1.0,1.0);
    transition: transform 0.2s;
    
}
.zoom:hover{
    -moz-transform: scale3d(1.2,1.2,1.2);
    -webkit-transform: scale3d(1.2,1.2,1.2);
    -o-transform: scale3d(1.2,1.2,1.2);
    -ms-transform: scale3d(1.2,1.2,1.2);
    transition: transform 0.2s;
    
}
/* 画像拡大・戻り zoom *//* 見出し */.heading{
    padding-top: 0.15em;
    line-height: 1.3;
    
}
.icon{
    padding-left: 1.5em;
    background: url(#) no-repeat left top;
    background-size: auto 100%;
    background-size: contain;
    
}
/* 見出し *//* カッコ付リスト parentheses */.parentheses li{
    list-style-position: inside;
    counter-increment: cnt;
    
}
.parentheses li:before{
    content: "(" counter(cnt) ") ";
    
}
/* カッコ付リスト parentheses *//* margin */.marginBottom05em{
    margin-bottom: 0.5em;
    
}
.marginBottom1em{
    margin-bottom: 1em;
    
}
.marginBottom2em{
    margin-bottom: 2em;
    
}
.marginBottom3em{
    margin-bottom: 3em;
    
}
.marginBottom4em{
    margin-bottom: 4em;
    
}
.marginBottom5em{
    margin-bottom: 5em;
    
}
.marginBottom6em{
    margin-bottom: 6em;
    
}
.marginBottom7em{
    margin-bottom: 7em;
    
}
.marginBottom8em{
    margin-bottom: 8em;
    
}
.marginBottom9em{
    margin-bottom: 9em;
    
}
.marginBottom10em{
    margin-bottom: 10em;
    
}
.marginBottom5{
    margin-bottom: 5px;
    
}
.marginBottom10{
    margin-bottom: 10px;
    
}
.marginBottom15{
    margin-bottom: 15px;
    
}
.marginBottom20{
    margin-bottom: 20px;
    
}
.marginBottom25{
    margin-bottom: 25px;
    
}
.marginBottom30{
    margin-bottom: 30px;
    
}
.marginBottom35{
    margin-bottom: 35px;
    
}
.marginBottom40{
    margin-bottom: 40px;
    
}
.marginBottom45{
    margin-bottom: 45px;
    
}
.marginBottom50{
    margin-bottom: 50px;
    
}
.marginBottom55{
    margin-bottom: 55px;
    
}
.marginBottom60{
    margin-bottom: 60px;
    
}
.marginBottom70{
    margin-bottom: 70px;
    
}
.marginBottom80{
    margin-bottom: 80px;
    
}
.marginBottom90{
    margin-bottom: 90px;
    
}
.marginBottom100{
    margin-bottom: 100px;
    
}
/* margin *//* imgの背景 *//*背景にしたいimgに追加*/.back{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 1;
    
}
/*背景の前に表示したい文字等に追加*/.front{
    position: relative;
    z-index: 10;
    
}
/* imgの背景 *//* 横幅全画面 */.fullWidth{
    width: 100%;
    min-width: 1280px;
    /* 最低幅 表示エリアを指定 */
}
/* *********************************** *//* 共通 ここまで ******************** *//* *********************************** *//* *********************************** *//* ヘッダー ここから ******************** *//* *********************************** */header{
    background: url(/import/tenant_1/153.126.152.22/midori/images/back-header.png) repeat-x center;
    
}
header p{
    line-height: 1.25;
    
}
header h1{
    font-size:10px;
    line-height: 1;
    padding:5px 0 0;
    
}
.logo{
    display: table;
    padding: 13px 0 19px;
    margin: auto;
    text-align: center;
    
}
.logo img{
    display: block;
    text-align: center;
    margin: 0 auto;
    
}
.logo:hover{
    opacity: 1;
    
}
/* *********************************** *//* ヘッダー ここまで ******************** *//* *********************************** *//* *********************************** *//* ナビ ここから ******************** *//* *********************************** */nav{
    position: relative;
    z-index: 1;
    background: #484848;
    
}
.inner-nav{
    margin-left: auto;
    margin-right: auto;
    width: 780px;
    
}
nav ul{
    display: table;
    width: 100%;
    
}
nav li{
    display: table-cell;
    width: 12.5%;
    text-align: center;
    vertical-align: middle;
    
}
nav a{
    position: relative;
    display: block;
    font-size: 24px;
    font-family: 'Yellowtail', cursive;
    color: #fff;
    line-height: 40px;
    height: 40px;
    z-index: 10;
    
}
/* *********************************** *//* ナビ ここまで ******************** *//* *********************************** *//* *********************************** *//* フッター ここから ******************** *//* *********************************** */.footer-top{
    padding: 60px 0;
    color: #fff;
    background: #252524;
    
}
.footer-top-box{
    padding: 0 35px;
    width: 50%;
    box-sizing: border-box;
    
}
.footer-top-head{
    margin-bottom: 0.5em;
    font-size: 24px;
    font-family: 'Yellowtail', cursive;
    color:#fff;
    
}
.footer-info p{
    margin-bottom: 1.5em;
    font-size: 12px;
    line-height: 1.3;
    
}
.footer-info p img{
    margin-right: 1.5em;
    
}
.opening-time-table{
    padding: 1em;
    width: 265px;
    height: 150px;
    background: #30302f;
    box-sizing: border-box;
    
}
.opening-time-table dt,.opening-time-table dd{
    float: left;
    font-size: 12px;
    line-height: 1.45;
    
}
.opening-time-table dt{
    clear: left;
    width: 4em;
    
}
.footer-bottom{
    position: relative;
    padding: 20px 0 15px;
    background: #000;
    
}
.logo-footer{
    display: table;
    margin: 0 auto 15px;
    text-align: center;
    
}
.logo-footer img{
    display: block;
    text-align: center;
    margin: 0 auto;
    
}
.copyright small{
    font-size: 12px;
    color: #fff;
    line-height: 1;
    
}
/* *********************************** *//* フッター ここまで ******************** *//* *********************************** *//* *********************************** *//* サイドバー ここから ******************** *//* *********************************** */.sidebar{
    width: 230px;
    
}
.side-head{
    padding-bottom: 1em;
    margin-bottom: 1em;
    font-size: 24px;
    font-family: 'Yellowtail', cursive;
    color: #838282;
    text-align: center;
    line-height: 1;
    border-bottom: 1px solid #060d00;
    
}
.side-post-box{
    margin-bottom: 10px
}
.side-date{
    display: block;
    font-size: 14px;
    font-family: 'Yellowtail', cursive;
    color: #5e5e5e;
    
}
.side-title{
    display: block;
    font-size: 14px;
    color: #5e5e5e;
    
}
.side-month{
    margin-bottom: 1em;
    line-height: 1;
    
}
.side-month a{
    display: block;
    font-size: 24px;
    font-family: 'Yellowtail', cursive;
    color: #5e5e5e;
    
}
/* *********************************** *//* サイドバー ここまで ******************** *//* *********************************** *//* *********************************** *//* トップに戻る ここから ******************** *//* *********************************** */.pagetop{
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 100;
    
}
.pagetop p{
    font-size: 11px;
    color: #666666;
    text-align: center;
    
}
/* *********************************** *//* トップに戻る ここまで ******************** *//* *********************************** *//* *********************************** *//* メインコンテンツ ここから ******************** *//* *********************************** */.content{
    margin-left: auto;
    margin-right: auto;
    width: 1280px;
    /* 表示エリアを指定 */
}
.inner{
    margin-left: auto;
    margin-right: auto;
    width: 980px;
    /* 表示エリアを指定 */
}
.inner2{
    margin-left: auto;
    margin-right: auto;
    width: 823px;
    /* 表示エリアを指定 */
}
.main-head{
    padding: 0 0 1em;
    margin-left: auto;
    margin-right: auto;
    width: 580px;
    font-size: 26px;
    font-family: 'Yellowtail', cursive;
    color: #838282;
    line-height: 1;
    text-align: center;
    border-bottom: 1px solid #060d00;
    
}
.main-visual{
    display: block;
    width: 100% !important;
    min-width: 1280px;
    height: auto;
    
}
.main-btn{
    display: block;
    position: absolute;
    top: auto;
    bottom: 175px;
    left: 0;
    right: 0;
    margin: auto;
    width: 500px;
    z-index: 10;
    border: 2px solid #fff;
    font-family: 'Yellowtail', cursive;
    font-size: 28px;
    text-align:center;
    line-height:45px;
    color:#fff;
    
}
.main-btn img{
    display: block;
    
}
.wrap-page-title{
    min-height: 400px;
    
}
.page-title{
    display: block;
    position: absolute;
    top: auto;
    bottom: 175px;
    left: 0;
    right: 0;
    margin: auto;
    width: 200px;
    height: 50px;
    font-size: 36px;
    font-family: 'Yellowtail', cursive;
    color: #fff;
    line-height: 45px;
    text-align: center;
    vertical-align: middle;
    border: 2px solid #fff;
    box-sizing: border-box;
    
}
.about .page-title{
    width: 295px;
    
}
.back-gray{
    background: #eeeeee;
    
}
/* *********************************** *//* メインコンテンツ ここまで ******************** *//* *********************************** *//* *********************************** *//* トップページ　ここから ******************** *//* *********************************** */.prev-next{
    position: absolute;
    top: auto;
    bottom: 325px;
    margin: auto;
    z-index: 30;
    
}
.prev{
    margin-left: 30px;
    cursor: pointer;
    
}
.next{
    margin-right: 30px;
    cursor: pointer;
    
}
.dots{
    position: absolute;
    top: auto;
    bottom: 30px;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 30;
    width: 100px;
    
}
.dots li{
    float: left;
    margin: 0 5px;
    
}
.dots .dot{
    display: block;
    width: 10px;
    height: 10px;
    background: #fff;
    border-radius: 50%;
    
}
.index-section{
    padding: 40px 0;
    
}
.top-message{
    font-size: 24px;
    font-family: 'Hannari';
    color: #47b7cf;
    line-height: 1.5;
    text-align: center;
    
}
.flex{
    display: flex;
    flex-direction: row;
    
}
.column4{
    float: left;
    width: 25%;
    
}
.link-wrap{
    min-height: 330px;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    
}
/*.filter{
    width: 100%;
    height: 100%;
    background: #1c0303;
    opacity: 0.58;
    
}
*/.link-box{
    z-index: 20;
    width: 100%;
    height: 100%;
    padding: 95px 10px 40px;
    text-align: center;
    box-sizing: border-box;
    background:rgba(28,3,3,0.58);
    
}
.link-title{
    margin-bottom: 0.6em;
    font-size: 48px;
    font-family: 'Yellowtail', cursive;
    color: #47b7cf;
    line-height: 1;
    opacity: 1;
    
}
.link-text{
    margin-bottom: 65px;
    font-size: 14px;
    font-family: 'Hannari';
    color: #fff;
    opacity: 1;
    
}
.link-page{
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    
}
.link-page a{
    display: inline-block;
    width: 115px;
    font-size: 18px;
    font-family: 'Yellowtail', cursive;
    color: #47b7cf;
    border: 2px solid #47b7cf;
    text-align: center;
    
}
.index-news-box{
    padding: 40px 35px;
    box-sizing: border-box;
    
}
.index-news-img{
    display: block;
    margin-bottom:10px;
    
}
.index-news-img img:not([src*="/"]) ~ span{
    background:url(/upload/tenant_1/15bfa735492e421cb2260cea6ab9ef19.png) center center;
    background-size:cover;
    display:block;
    width:250px;
    height:180px;
    
}
.blog-image img:not([src*="/"]){
    display:none;
    
}
.blog-image img:not([src*="/"]) ~ span{
    background:url(/upload/tenant_1/15bfa735492e421cb2260cea6ab9ef19.png) center center;
    background-size:cover;
    display:block;
    width:200px;
    height:200px;
    float:left;
    
}
.index-news-category{
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
    padding: 0 1em;
    font-size: 10px;
    color: #fff;
    background: #000;
    text-align: center;
    
}
.index-news-title a{
    font-size: 24px;
    font-family: 'Yellowtail', cursive;
    color: #3f6e19;
    
}
.index-news-date{
    margin-bottom: 1em;
    font-size: 11px;
    font-weight: bold;
    color: #221815;
    
}
.index-news-text{
    font-size: 11px;
    color: #221815;
    
}
/* *********************************** *//* トップページ　ここまで ******************** *//* *********************************** *//* *********************************** *//* アバウトページ ここから ******************** *//* *********************************** */.about-box{
    padding: 55px 200px;
    margin-bottom: 40px;
    background: #eeeeee;
    text-align: center;
    
}
.about-title{
    padding: 0 0 40px;
    margin-bottom: 40px;
    font-size: 48px;
    font-family: 'Yellowtail', cursive;
    color: #838282;
    line-height: 1;
    border-bottom: 1px solid #060d00;
    
}
.about-text{
    font-size: 14px;
    font-family: 'Hannari';
    
}
/* *********************************** *//* アバウトページ ここまで ******************** *//* *********************************** *//* *********************************** *//* メニューページ ここから ******************** *//* *********************************** */.menu-box{
    padding: 5px 20px;
    margin-bottom: 20px;
    background: #eeeeee;
    box-sizing: border-box;
    
}
.menu-name{
    float: left;
    width: 675px;
    color: #000;
    line-height: 2;
    vertical-align: middle;
    
}
.menu-box:nth-of-type(2) .menu-name,.menu-box:nth-of-type(3) .menu-name{
    line-height: 140px;
    
}
.menu-name-e{
    margin-right: 1em;
    font-size: 24px;
    font-family: 'Yellowtail', cursive;
    
}
.menu-price{
    float: right;
    width: 265px;
    font-size: 24px;
    font-family: 'Yellowtail', cursive;
    color: #000;
    line-height: 2;
    text-align: right;
    
}
.feeling-wrap{
    margin: -20px -30px 20px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    
}
.feeling-box{
    width: 285px;
    min-height: 285px;
    padding: 25px 20px 20px;
    margin: 20px 30px;
    background: #eeeeee;
    box-sizing: border-box;
    
}
.feeling-title{
    padding: 0 0 1em;
    margin-bottom: 20px;
    font-size: 24px;
    font-family: 'Yellowtail', cursive;
    color: #838282;
    line-height: 1;
    border-bottom: 1px solid #060d00;
    text-align: center;
    
}
.feeling-text{
    font-size: 14px;
    
}
/* *********************************** *//* メニューページ ここまで ******************** *//* *********************************** *//* *********************************** *//* ブログページ ここから ******************** *//* *********************************** */.main-contents{
    width: 690px;
    
}
.blog-head-box{
    padding: 20px;
    min-height: 200px;
    color: #fff;
    box-sizing: border-box;
    
}
.blog-date{
    margin-bottom: 0.5em;
    font-size: 24px;
    font-family: 'Yellowtail', cursive;
    
}
.blog-head{
    font-size: 24px;
    line-height: 1.75;
    color:#fff;
    
}
.blog-contents{
    padding: 60px 40px;
    
}
.blog-contents p,.blog-contents img{
    margin-bottom: 20px;
    
}
.blog-list-box{
    padding: 20px;
    width: 490px;
    color: #000;
    box-sizing: border-box;
    
}
.blog-list-date{
    margin-bottom: 20px;
    font-family: 'Yellowtail', cursive;
    
}
.blog-list-text{
    font-size: 14px;
    
}
.link-prev{
    float: left;
    margin-left: 0;
    
}
.link-next{
    float: right;
    margin-right: 0;
    
}
/* *********************************** *//* ブログページ ここまで ******************** *//* *********************************** *//* *********************************** *//* ギャラリーページ ここから ******************** *//* *********************************** */.gallery-wrap{
    margin: -20px -20px 20px;
    
}
.gallery-wrap ul{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    
}
.gallery-wrap li{
    float: left;
    margin: 20px;
    width: 164px;
    
}
/* *********************************** *//* ギャラリーページ ここまで ******************** *//* *********************************** *//* *********************************** *//* スタッフページ ここから ******************** *//* *********************************** */.staff-wrap{
    margin-bottom: 80px;
    
}
.staff-wrap:last-of-type{
    margin-bottom: 40px;
    
}
.staffbox {
    width: 580px;
    margin: auto;
}
.staffbox .uk-slideshow {
    width: 100%;
    position: relative;
    overflow: hidden;
    height: auto !important;
}
.staffbox .uk-slideshow:after {
    display: block;
    content: "";
    padding-top: 62%;
}
.staffbox .uk-slideshow li {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
}

.staffbox .uk-slider li {
    width: 33.3% !important;
    padding-right: 3% !important;
}
.staffbox .uk-slider li:nth-of-type(3n) {
    padding-right: 0 !important;
}
.staffbox .uk-slider .uk-flex:after {
    display: block;
    content: "";
    padding-top: 62%;
}
.staffbox .uk-slider .uk-flex {
    position: relative;
    overflow: hidden;
    width: 100%;
}
.staffbox .uk-slider .uk-flex img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
}
.staff-left{
    float: left;
    width: 580px;
    
}
.staff-right{
    float: right;
    display: block;
    margin: -20px;
    width: 400px;
    
}
.staff-right img{
    float: left;
    display: block;
    margin: 20px;
    
}
/* *********************************** *//* スタッフページ ここから ******************** *//* *********************************** */#googlemap{
    width: 100%;
    height: 400px;
    
}
.access-text{
    padding: 60px 0;
    text-align: center;
    
}
.images{
    padding:20px;
    
}
.images h2{
    padding-bottom:20px;
    
}
.images img{
    display:block;
    margin:0 auto;
    max-width:450px;
    
}
/*スマホ変換*/#smp-container{
    padding:72px 0 0 !important;
    text-align:left !important;
    
}
#smp-container body{
    padding:0 0;
    margin:0;
    
}
#smp-container header{
    padding:5px 20px;
    width:100% !important;
    position:fixed !important;
    top:0 !important;
    left:0 !important;
    z-index:100 !important;
    box-sizing:border-box;
    
}
#smp-container header h1{
    text-align:left !important;
    margin:0 !important;
    padding:0 0 5px !important;
    
}
#smp-container header #pnav p{
    background:url(/upload/tenant_1/cae0587cda697046f6a060bf32ec25bd.png) center center no-repeat;
    background-size:20px 16px;
    position:absolute !important;
    top:22px !important;
    right:20px !important;
    border:2px solid #484848 !important;
    border-radius:8px !important;
    width:32px !important;
    height:32px !important;
    margin:0 !important;
    
}
#smp-container header #pnav nav{
    height:0px !important;
    -webkit-transition:height 0.6s ease-in-out;
    -moz-transition: height 0.6s ease-in-out;
    -o-transition: height 0.6s ease-in-out;
    -ms-transition: height 0.6s ease-in-out;
    transition: height 0.6s ease-in-out;
    width:100% !important;
    position:fixed !important;
    top:72px !important;
    left:0 !important;
    overflow:hidden;
    background:rgba(0,0,0,0.7);
    padding: 0 20px !important;
    box-sizing:border-box;
    
}
#smp-container header #pnav.action nav{
    height:100% !important;
    
}
#smp-container header #pnav nav ul{
    padding:20px 0 !important;
    
}
#smp-container header #pnav nav ul + a.tel{
    display:block;
    padding:15px !important;
    border:2px double #fff !important;
    background:#8bb369;
    margin:0 20px !important;
    
}
#smp-container .main-btn{
    border: 2px solid #424242;
    display:block;
    padding:15px 0;
    text-align:center;
    margin:20px !important;
    
}
#smp-container .index-section{
    padding:20px !important;
    
}
#smp-container .top-message{
    font-size:20px;
    
}
#smp-container .link-page{
    margin:20px 0 0;
    
}
#smp-container .link-page a{
    padding:4px 30px !important;
    
}
#smp-container .column4{
    width: 50% !important;
    position: relative !important;
    
}
#smp-container .column4 .back{
    position: absolute !important;
    left: 0px !important;
    right: 0px !important;
    top: 0px !important;
    bottom: 0px !important;
    z-index: 1;
    margin: auto !important;
    
}
#smp-container .link-box{
    z-index: 20;
    width: 100% !important;
    height: 100% !important;
    padding: 10px 10px !important;
    text-align: cente !importantr;
    box-sizing: border-box !important;
    background: rgba(28,3,3,0.58) !important;
    
}
.signature{
    padding:0px 40px 60px;
    
}
.signature dl{
    font-size: 14px;
    line-height: 24px;
    padding:20px 20px 0;
    margin-top:40px;
    border-top:2px dashed #ddd;
    
}
.signature dl p{
    font-weight:bold;
    text-align:center;
    margin-bottom:15px;
    
}
.signature dl dt{
    float:left;
    
}
.signature dl dd{
    margin:0 0 10px 120px;
    
}

/**2025/05/14**/
.attention {
  font-family: 'Hannari';
  text-align: center;
  margin-bottom: 30px;
  border: 1px solid #838282;
  padding: 2%;
}
.attention .txt01 {
  color: #838282;
  font-size: 22px;
  margin-bottom: 20px;
}

.attention .txt01 a {
  color: rgb(71, 183, 207);
}
.attention .txt01 a:hover {
  opacity: 0.8;
}