@import "https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css";
@import "reset.css";


/*全体*/
* { margin: 0; padding: 0; border: 0; }
* { box-sizing: border-box; }
* { text-decoration: none; }
* { word-wrap: break-word; }
* { font-size: 1em; }
*:link { color: #000000; text-decoration: none; }
*:link:hover { opacity: 0.6; color: #000000; text-decoration: none; }
*:visited { color: #000000; text-decoration: none; }
*:visited:hover { opacity: 0.6; color: #000000; text-decoration: none; }


/*特定タグ*/
html { height: 100%; }
body { width: 100%; }
body { height: 100%; }
body {
    line-height: 1.2;
    font-size: 0.9em;
    font-weight: normal;
    font-family:  "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}
body { background-color: #fcfcfc; }
ul { list-style: none; }
h1 { font-size: 2.0em; line-height: 1em; }
h2 { display: block; }
h2 { font-size: 1.5em; line-height: 1em; }
h3 { display: block; }
h3 { font-size: 1.5em; line-height: 1em; }
input { margin: 0; }
input { padding: 3px 3px 3px 3px; }
input { border: solid 1px #bbbbbb; border-radius: 3px; }
select { margin: 0; }
select { padding: 3px 3px 3px 3px; }
select { border: solid 1px #bbbbbb; border-radius: 3px; }
textarea { margin: 0 10px 0 0; }
textarea { padding: 3px 3px 3px 3px; }
textarea { border: solid 1px #999999; border-radius: 3px; }
textarea { overflow-x: hidden; }
textarea { overflow-y: auto; }


/*ベースコンテナ*/
.container { min-height: calc(100% - 73px - 1em); }
.container { display: block; }
.container { margin: 0 0 50px 0; }
.container { padding: 0 0 50px 0; }
.container { max-width: 1000px; margin-left:auto; margin-right:auto; }
.container { overflow: hidden; }


/*各種クラス*/
.inline       { display: inline; }
.inline-block { display: inline-block; }
.block        { display: block; }
.enum-comma > li { display: inline-block; }
.enum-comma > li:before { content: ", "; }
.enum-comma > li:first-child:before { content: ""; }
.enum-pipe > li { display: inline-block; }
.enum-pipe > li { margin: 0 0 0 5px; }
.enum-pipe > li:before { margin: 0 5px 0 0; }
.enum-pipe > li:before { content: "|"; }
.enum-pipe > li:first-child { margin: 0; }
.enum-pipe > li:first-child:before { margin: 0; }
.enum-pipe > li:first-child:before { content: ""; }
.enum-space > li { display: inline-block; }
.enum-space > li { margin-left: 20px; }
.enum-space > li:first-child { margin-left: 0; }
.no-display { display: none; }
.dropcap:first-letter { float: left; }
.dropcap:first-letter { margin: 0 1px 0 0; }
.dropcap:first-letter { font-size: 2em; line-height: 1; }
.w10per { width: 10%; }
.w15per { width: 15%; }
.w20per { width: 20%; }
.w25per { width: 25%; }
.w30per { width: 30%; }
.w35per { width: 35%; }
.w40per { width: 40%; }
.w45per { width: 45%; }
.w50per { width: 50%; }
.w55per { width: 55%; }
.w60per { width: 60%; }
.w65per { width: 65%; }
.w70per { width: 70%; }
.w75per { width: 75%; }
.w80per { width: 80%; }
.w85per { width: 85%; }
.w90per { width: 90%; }
.w95per { width: 95%; }
.w100per { width: 100%; }
.w100px { width: 100px; }
.w150px { width: 150px; }
.w200px { width: 200px; }
.w250px { width: 250px; }
.w300px { width: 300px; }
.h1em { height: 1em; }
.h2em { height: 2em; }
.h3em { height: 3em; }
.h4em { height: 4em; }
.h5em { height: 5em; }
.h10em { height: 10em; }
.h20em { height: 20em; }
.h30em { height: 30em; }
.h40em { height: 40em; }
.h50em { height: 50em; }
.f1_0em { font-size: 1em; }
.f1_5em { font-size: 1.5em; }
.f2_0em { font-size: 2em; }
.f2_5em { font-size: 2.5em; }
.f3_0em { font-size: 3em; }
.ofsr { overflow: scroll; }
.ofsr { overflow-x: hidden; }
.ofsr { overflow-y: hidden; }
.island-y { margin: 20px 0; }
.island-x { margin: 20px 0; }


/* メインコンテンツ */
.main-contents { display: block; float: right; }
.main-contents { margin-top: 20px; }
.main-contents { width: 100%; }
@media screen and (min-width: 1000px){
 .main-contents { width: 800px; }
}

.main-contents-noside { width: 100%; }


/* サイドバー */
.sidebar { display: block; float: right; } 
.sidebar { width: 100%; }
.sidebar { margin: 30px 0 0 0; }
@media screen and (min-width: 1000px){
 .sidebar { width: 180px; }
 .sidebar { margin: 0 20px 0 0; }
}


/* 入力系 */
.message { margin: 10px 0 10px 0; }
.message { width: 100%; }
.message div { display: inline-block; }
.message div { padding: 7px 10px 5px 10px; }
.message div { background-color: #fffacd; }
.message div { border: #999999 dashed 1px; }

.input { margin: 10px 0 0 0; }
.input { width: 100%; }
.input > li { width: 100%; }
.input > li { margin: 0 0 10px 0; }
.input > li { padding: 0 5px 0 5px; }
.input label { display: block; }

.input .error { display: inline-block; }
.input .error { margin: 0 0 0 0; }
.input .error { background-color: #fffacd; }


/* メニュー */
.menu { margin: 0 5px 0 5px; }
.menu .user { border: solid 1px #dddddd; border-radius: 5px; }
.menu .user { margin: 10px 0; }
.menu .user { padding: 5px; }
.menu .user { text-align: center; }
.menu .user img { width: 48px; height: 48px; }
.menu .user img { margin: 3px; }
.menu li { margin: 5px 0; }
.menu li:first-child { margin: 0; }
.menu li { padding: 7px 10px 5px 10px; }
.menu li { background-color: #dddddd; }
.menu li { border: solid 1px #dddddd; border-radius: 5px; }
.menu .current { border: solid 1px #dddddd; border-radius: 5px; }
.menu .current { background-color: #fcfcfc; }
.menu a { display: block; }


/* タイトル */
.site-title { text-align: center; }
.site-title .image { width: 100%; }
.site-title .image { height: 150px; }
.site-title .image { position: relative; }
.site-title .title { position: absolute; }
.site-title .title { top: 30%; right: 0; left: 0; }
.site-title .title { font-size: 2.5em; }
.site-title .title { color: #ffffff; }
.site-title .title { text-shadow: 1px 1px 5px #000000, -1px 1px 5px #000000, 1px -1px 5px #000000, -1px -1px 5px #000000; }


/* エラー */
.error-message { margin: 100px auto 100px auto; }
.error-message { width: 350px; }
.error-message h1 { margin: 10px 0; }


/* コレクション */
.collections { margin: 10px 5px 0 5px; }
.collections * { overflow: hidden; }
.collections * { word-break: keep-all; }
.collections > li { width: 100%; }
.collections > li { margin: 0 0 5px 0; }
.collections > li:last-child { margin: 0; }
.collections > li { background-color: #fcfcfc; }
.collections > li { border: solid 1px #dddddd; border-radius: 5px; }
.collections .collection { padding: 5px 0; }
.collections .collection { width: 100%; }
.collections .collection > li { padding: 0 5px; }
.collections .operation { float: right; }
.collections .operation { margin: 0 5px; }
.collections .operation { border: solid 1px #dddddd; border-radius: 5px; }
.collections .operation { background-color: #eeeeee; }
.collections .operation ul { padding: 5px; }
.collections .approval { margin: 5px 0; }
.collections .image { float: left; }
.collections .image img { border-radius: 5px; }
.collections .user { float: right; }
.collections .user { width: 70px; }
.collections .user { font-size: 0.8em; }
.collections .user { text-align: center; }
.collections .user img { width: 48px; }
.collections .user img { margin: 1px; }
.collections .description { margin: 5px; }
.collections .description { display: block; padding: 50px; }
.collections .description { border: solid 1px #dddddd; }
.collections .description { border-radius: 5px; }
.collections .description { background-color: #ffffff; }
.collections .description { word-break: break-all; }

/* デザイン */
.design { float: left; }
.design { width: 100%; }
.design { margin: 0 0 10px 0; }
.design li { float: left; }
.design li { margin: 0 5px 5px 0; }
.design li { padding: 5px 10px 5px 10px; }
.design li { width: 30%; }
.design li { background-color: #fcfcfc; }
.design li { border: solid 1px #dddddd; border-radius: 5px; }
.design img { width: 100%; }


/* アイテム */
.items { margin: 10px 5px 0 5px; }
.items * { overflow: hidden; }
.items * { word-break: keep-all; }
.items > li { width: 100%; }
.items > li { margin: 0 0 5px 0; }
.items > li:last-child { margin: 0; }
.items > li { background-color: #fcfcfc; }
.items > li { border: solid 1px #dddddd; border-radius: 5px; }
.items .item { padding: 5px 0; }
.items .item { width: 100%; }
.items .item > li { padding: 0 5px; }
.items .operation { float: right; }
.items .operation { margin: 0 5px; }
.items .operation { border: solid 1px #dddddd; border-radius: 5px; }
.items .operation { background-color: #eeeeee; }
.items .operation ul { padding: 5px; }
.items .approval { margin: 5px 0; }
.items .image { float: left; }
.items .image img { border-radius: 5px; }
.items .user { float: right; }
.items .user { width: 70px; }
.items .user { font-size: 0.8em; }
.items .user { text-align: center; }
.items .user img { width: 48px; }
.items .user img { margin: 1px; }
.items .users_text { margin: 5px; }
.items .users_text { padding: 5px; }
.items .users_text { border: solid 1px #dddddd; }
.items .users_text { border-radius: 5px; }
.items .users_text { background-color: #ffffff; }
.items .users_text { word-break: break-all; }


/* 記事 */
.articles { margin: 10px 5px 0 5px; }
.articles * { overflow: hidden; }
.articles * { word-break: keep-all; }
.articles > li { width: 100%; }
.articles > li { margin: 0 0 5px 0; }
.articles > li:last-child { margin: 0; }
.articles > li { background-color: #fcfcfc; }
.articles > li { border: solid 1px #dddddd; border-radius: 5px; }
.articles .article { padding: 5px 0; }
.articles .article { width: 100%; }
.articles .article > li { padding: 0 5px; }
.articles .operation { float: right; }
.articles .operation { margin: 0 5px; }
.articles .operation { border: solid 1px #dddddd; border-radius: 5px; }
.articles .operation { background-color: #eeeeee; }
.articles .operation ul { padding: 5px; }
.articles .approval { margin: 5px 0; }
.articles .image { float: left; }
.articles .image img { border-radius: 5px; }
.articles .user { float: right; }
.articles .user { width: 70px; }
.articles .user { font-size: 0.8em; }
.articles .user { text-align: center; }
.articles .user img { width: 48px; }
.articles .user img { margin: 1px; }
.articles .users_text { margin: 5px; }
.articles .users_text { padding: 5px; }
.articles .users_text { border: solid 1px #dddddd; }
.articles .users_text { border-radius: 5px; }
.articles .users_text { background-color: #ffffff; }
.articles .users_text { word-break: break-all; }


/* コメント */
.comments { margin: 10px 5px 0 5px; }
.comments * { overflow: hidden; }
.comments * { word-break: keep-all; }
.comments > li { width: 100%; }
.comments > li { margin: 0 0 5px 0; }
.comments > li:last-child { margin: 0; }
.comments > li { background-color: #fcfcfc; }
.comments > li { border: solid 1px #dddddd; border-radius: 5px; }
.comments .comment { margin: 5px 0; }
.comments .comment { width: 100%; }
.comments .comment > li { padding: 0 5px; }
.comments .operation { float: right; }
.comments .operation { margin: 0 5px; }
.comments .operation { border: solid 1px #dddddd; border-radius: 5px; }
.comments .operation { background-color: #eeeeee; }
.comments .operation ul { padding: 5px; }
.comments .approval { margin: 5px 0; }
.comments .image { float: left; }
.comments .image img { border-radius: 5px; }
.comments .user { float: right; }
.comments .user { width: 70px; }
.comments .user { font-size: 0.8em; }
.comments .user { text-align: center; }
.comments .user img { width: 48px; }
.comments .user img { margin: 1px; }
.comments .users_text { margin: 5px; }
.comments .users_text { padding: 5px; }
.comments .users_text { border: solid 1px #dddddd; }
.comments .users_text { border-radius: 5px; }
.comments .users_text { background-color: #ffffff; }
.comments .users_text { word-break: break-all; }


/* ユーザー */
.users { margin: 10px 5px 0 5px; }
.users * { overflow: hidden; }
.users * { word-break: keep-all; }
.users > li { width: 100%; }
.users > li { margin: 0 5px 5px 0; }
.users > li:last-child { margin: 0 5px 0 0; }
.users > li { padding: 3px 3px 0 3px; }
.users > li { background-color: #fcfcfc; }
.users > li { border: solid 1px #dddddd; border-radius: 5px; }
.users .user { width: 100%; }
.users .user > li { padding: 0 5px; }
.users .image { float: left; }
.users .image img { width: 48px; height: 48px; }
.users .users_text { margin: 5px 0; }
.users .users_text { padding: 5px; }
.users .users_text { border: solid 1px #dddddd; }
.users .users_text { border-radius: 5px; }
.users .users_text { background-color: #ffffff; }
.users .users_text { word-break: break-all; }


/* ユーザー設定 */
.image_provider { float: left; }
.image_provider { width: 100%; }
.image_provider { margin: 0 0 10px 0; }
.image_provider li { float: left; }
.image_provider li { margin: 0 5px 5px 0; }
.image_provider li { padding: 5px 5px; }
.image_provider img { margin: 5px; }
.image_provider img { width: 48px; height: 48px; }


/* ユーザー関連付け */
.user-marge { float: left; }
.user-marge { width: 100%; }
.user-marge { margin: 0 0 10px 0; }
.user-marge li { float: left; }
.user-marge li { margin: 0 5px 5px 0; }
.user-marge li { padding: 5px 5px; }
.user-marge li { width: 80px; }
.user-marge img { margin: 5px; }
.user-marge img { width: 100%; }
.user-marge img { border-radius: 5px; }
.user-relations { margin: 10px 5px 0 5px; }
.user-relations * { overflow: hidden; }
.user-relations * { word-break: keep-all; }
.user-relations > li { width: 100%; }
.user-relations > li { margin: 0 5px 5px 0; }
.user-relations > li:last-child { margin: 0 5px 0 0; }
.user-relations > li { padding: 3px; }
.user-relations > li { background-color: #fcfcfc; }
.user-relations > li { border: solid 1px #dddddd; border-radius: 5px; }
.user-relations > li > ul > li { padding: 0 5px; }
.user-relations .state { margin: 5px 0; }
.user-relations .image { float: left; }
.user-relations .image img { width: 48px; height: 48px; }


/* サブメニュー */
.submenu li { margin: 5px 0; }
.submenu .current { padding: 0 3px; }
.submenu .current { border-bottom: solid 1px #000000; }


/* パンくず */
.crumb { margin: 10px 0; }
.crumb li { display: inline-block; }
.crumb li { margin: 0 0 0 5px; }
.crumb li:before { margin: 0 5px 0 0; }
.crumb li:before { content: ">"; }
.crumb li:first-child { margin: 0; }
.crumb li:first-child:before { margin: 0; }
.crumb li:first-child:before { content: ""; }


/* ページャ */
.pager { margin: 20px; padding: 0; }
.pager li { float: left; }
.pager li { margin: 3px; }
.pager li a { padding: 5px 10px 3px 10px; }
.pager li a { border: solid 1px #555555; }
.pager li a:hover { background-color: #eeeeee; }
.pager li a:hover { transition: 0.2s; }
.pager .current { padding: 5px 10px 5px 10px; }


/* 確認 */
.confirm { display: block; }
.confirm { width: 100%; }
@media screen and (min-width: 600px){
 .confirm { width: 600px; }
}
.confirm { margin: auto; }
.confirm .message { margin: 30px 5px; }
.confirm .message { padding: 15px; }
.confirm .message { background-color: #fefefe; }
.confirm .message { border: dashed 1px #dddddd; }
.confirm .notice { margin: 30px 5px; }
.confirm .submit { text-align: center; }
.confirm form { display: inline-block; }
.confirm input { margin: 0 10px; }


/* フッター */
.footer { overflow: hidden; }
.footer { padding: 10px 0; }
.footer { text-align: center; }
.footer { background-color: #333333; }
.footer * { color: #ffffff; }