@charset "utf-8";
/**********************************************
** Site Name: カップルズ予約 -管理画面-
** Site URI: https://booking.couples.jp/owner/
** Description: 共通
**********************************************/

/*===========================================*/
/*  CONTENTS:
/*============================================
1.0 - Reset
2.0.- Base
3.0.- Layout
=============================================*/

/*===========================================*/
/* .1.0 - Reset
/*===========================================*/
/* http://meyerweb.com/eric/tools/css/reset/ 
v2.0 | 20110126
License: none (public domain)
*/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{margin: 0;padding: 0;border: 0;font-size: 100%;/*font: inherit;*/vertical-align: baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display: block;}
body{line-height: 1;}
ol, ul{list-style: none;}
blockquote, q{quotes: none;}
blockquote:before, blockquote:after,q:before, q:after{content: '';content: none;}
table{border-collapse: collapse;border-spacing: 0;}
hr{border:0;}
/*===========================================*/
/* .2.0.- Base
/*===========================================*/
html{height: 100%;font-size: 62.5%;/* 基準=10px */}
body{height: 100%;font-size: 1.4rem;/* 基準=14px */line-height: 1.5;font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;color: #333;word-break : break-all;background-color: #ECEEF1;}
div,p,dl,dt,dd,ol,ul,li,h1,h2,h3,h4,h5,h6,form,input,button,textarea,table,tr,th,td,article,aside,header,footer,section,nav{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
a{text-decoration: none;color: #2990df;}
a:hover{color: #ff9637;text-decoration: none;transition: all 0.3s;opacity: 0.8;}
img{vertical-align: top;}/* モダンブラウザ フッター固定用 */
footer{margin-top: auto;}
select{cursor: pointer;}
button{background-color: #fff;border: none;}
/*===========================================*/
/* .3.0.- Layout
/*===========================================*/
#l-wrap{
	display: flex;
	padding-top: 65px;
}
.l-nav{
	position: fixed;
	top: 65px;
	width: 220px;
	height: calc(100% - 65px);
}
.l-main{
	flex: 1;
	margin-left: 220px;
	min-width: 360px;
}
@media screen and (max-width:768px){
.l-nav{display: none;}
.l-main{margin-left: 0;}
}