@charset "UTF-8";
/**
 * mosa css framework
 *
 * @creator       Ichiro Ono
 * @file          mosa.base.css
 */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	/*position: relative;*/
    margin              : 0;
    padding             : 0;
    border              : 0;
    outline             : 0;
    font-size           : 100%;
    vertical-align      : baseline;
    background          : transparent;
}

body {
	/*position : static;*/
	width: 100%;
	background-color    : rgba(240, 240, 240, 0.6);
	font-family         : Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "メイリオ", "Meiryo", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "Noto Sans JP", sans-serif;
	line-height         : 1;
	color               : #666;
	font-size           : 8pt;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing  : antialiased;
	-moz-osx-font-smoothing : grayscale;
	/*word-wrap       : break-word;
  	overflow-wrap   : break-word;*/
}

body.noscroll {
  overflow              : hidden;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
	display:block;
}

nav ul {
    list-style          : none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content             : '';
    content             : none;
}

a {
    margin              : 0;
    padding             : 0;
    vertical-align      : baseline;
    background          : transparent;
    text-decoration     : none;
    cursor              : pointer;
}

a,
a:visited,
a:hover,
a:active {
  color: inherit;
}

i {
	margin-right        : 3px;
}
ins {
    background-color    : #ff9;
    color               : #000;
    text-decoration     : none;
}

mark {
    background-color    : #ff9;
    color               : #000;
    font-style          : italic;
    font-weight         : bold;
}

del {
    text-decoration     : line-through;
}

abbr[title], dfn[title] {
    border-bottom       : 1px dotted;
    cursor              : help;
}

table {
    border-collapse     : collapse;
    border-spacing      : 0;
}

hr {
    display             : block;
    height              : 1px;
    border              : 0;
    border-top          : 1px solid #cccccc;
    margin              : 1em 0;
    padding             : 0;
}

input, select {
    /*vertical-align:text-bottom;*/
    /*vertical-align      : -4px;*/
}

ol, ul {
    list-style          : none;
}

.flex {
    display             : flex;	
}

.flex label {
	align-items         : center;
}

/* 改行 */
.br::before {
	content: "\A" ;
	white-space: pre ;
}

@media all and (max-width:320px) {
	.br320::before {
		content: "\A" ;
		white-space: pre ;
	}
}
@media all and (max-width:375px) {
	.br375::before {
		content: "\A" ;
		white-space: pre ;
	}
}
@media all and (max-width:414px) {
	.br414::before {
		content: "\A" ;
		white-space: pre ;
	}
	.cb414 {
		clear      : both;
	}
}
@media all and (max-width:430px) {
	.br430::before {
		content: "\A" ;
		white-space: pre ;
	}
}
@media all and (max-width:520px) {
	.br520::before {
		content: "\A" ;
		white-space: pre ;
	}
}
@media all and (max-width:540px) {
	.br540::before {
		content: "\A" ;
		white-space: pre ;
	}
}
@media all and (max-width:600px) {
	.br600::before {
		content: "\A" ;
		white-space: pre ;
	}
}
@media all and (max-width:640px) {
	.br640::before {
		content: "\A" ;
		white-space: pre ;
	}
}
@media all and (max-width:800px) {
	.br800::before {
		content: "\A" ;
		white-space: pre ;
	}
}

/* clearfix */
.cf,
.clearfix {
	zoom                : 1;
}
.cf:before, .cf:after,
.clearfix:before, .clearfix:after {
	content             : "";
	display             : table;
}
.cf:after,
.clearfix:after {
	clear               : both;
}

.clear {
	display             : block;
	clear               : both;
}

br {
	line-height: initial;
}

/* ウィジット*/
.mosa-widget-base {
	background-color    : #fff;
}


/* スライドパネル */
#left-slide-panel {
	-ms-overflow-style  : none;
	crollbar-width      : none;
}
#left-slide-panel::-webkit-scrollbar {
    display             :none;
}

/* スクロールバー */

*::-webkit-scrollbar-track { /*バーの背景色*/
	background          : rgba(221, 221, 221, 0.2);
	border-radius       : 6px;
}
*::-webkit-scrollbar-thumb { /*バーの色*/
	background          : rgb(187 181 181 / 50%);
	border-radius       : 6px;
}
*::-webkit-scrollbar{ /*バーの太さ*/
	height              : 5px;
	width               : 5px;
}
html {
	-ms-overflow-style  : scrollbar;
}

/* ドロップシャドウ */
.drop-shadow {
    text-align       : center;
    filter           : drop-shadow(2px 2px 2px gray);
}

/* ボタン押下不能 */
.no-click {
  	pointer-events   : none;
  	opacity          : 0.6;
}