@charset "UTF-8";

body{
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
}

body>div .title {
	background: #000;
}

hr{
    background: gainsboro;
    height: 2px;
    border: none;
}

a{
	text-decoration:none;
	color:black;
}

a:hover{
	background: #CFF;
}


/* login-form */
#sys-login{
    margin:16px auto;
    width: 320px;
    transform: scale(1.5);
    transform-origin: top;
}

#sys-login input:not([type=checkbox]){
    border: solid 1px gray;
	background: #FFF;
}

#sys-login .login-submit{
	text-align: center;
}

#sys-login .title {
	text-align: center;
	height: initial;
}

/* /login-form */


#topix{
    text-align: justify;
    max-width: 900px;
    margin: 0 auto;
}
#menu-button-group {
    text-align: center;
    margin: 0 auto;
}
#menu-button-group main {
    min-height: 60vh;
}

.top-button {
    text-align: center;
    padding: 12px;
    display: inline-table;
    width: 30%;
}
.title {
    background: darkcyan;
    padding: 10px;
    color: white;
    /*height: 2em;*/
    line-height: 1.1em;
    border: 15px black solid;
	border-left: 0px;
	border-right: 0px;
}

.title>span {
	display:inline-block;
	white-space:nowrap;
}

.top-button ul {
    margin: 0;
    padding: 0;
    list-style: none;
    line-height: 1.5em;
}

@media screen {
    hr.dev { background: blue; height: 4px; }
}


/* 1050以下 タブレット横 */
@media screen and (max-width: 1050px) {
    hr.dev {background: limegreen;}

    .top-button {
    }
    .title {
    }
}

/* 800以下 タブレット縦 */
@media screen and (max-width: 800px) {
    body { margin: 0 }
    hr.dev {background: yellow;}

    #sys-login{
        transform: scale(1.25);
    }
    #menu-button-group {
        width: 99vw;
    }
    .top-button {
        padding: 0px;
        width: 48%;
    }
    .empty {
		display: none;
	}
    .title {
    }
}

/* 670以下 スマホ横 */
@media screen and (max-width: 670px) {
    hr.dev {background: orange;}
}

/* 450以下スマホ縦 */
@media screen and (max-width: 450px) {
    hr.dev {background: red;}
    #sys-login{
        transform: scale(1.0);
    }
    #menu-button-group .cms-name {
		font-size: 1.33em;
	}
    .top-button {
        padding: 0px;
        display: block;
        width: 100%;
    }
    .empty {
		display: none;
	}

    .title {
		height: initial;
		border-left;
    }
}

/***********************************
 * sidebar
 ***********************************/

header {
  position :relative;
}

.alignright {
    position: absolute;
    top: 40px;
    right: 2%;
}

#searchsubmit {
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 26px;
    border: none;
    background: url(images/search.png) no-repeat 50% 50%;
}

#s {
	border: solid 1px lightgray;

    padding: 6px 20% 6px 0;
    width: 75%;
    font-size: 10px;
}

/* 1050以下 タブレット横 */
@media screen and (max-width: 1050px) {
	.alignright {
	}
}

/* 800以下 タブレット縦 */
@media screen and (max-width: 800px) {
}

/* 670以下 スマホ横 */
@media screen and (max-width: 670px) {
}

/* 450以下スマホ縦 */
@media screen and (max-width: 450px) {

	.alignright {
		position: sticky;
	}
	#s {
		width: 98%;
		padding: 6px 0 6px 0;
	}
}

/***********************************
 * /sidebar
 ***********************************/


/* 1050以下 タブレット横 */
@media screen and (max-width: 1050px) {
}

/* 800以下 タブレット縦 */
@media screen and (max-width: 800px) {
}

/* 670以下 スマホ横 */
@media screen and (max-width: 670px) {
}

/* 450以下スマホ縦 */
@media screen and (max-width: 450px) {
}