@charset "UTF-8";

/*================================
	INPUT CSS
	date 2016.04.01
	update 2018.04.03
================================*/

/*--------------------------------------------
	mauth.css overwrite
--------------------------------------------*/
.device-mobile *,
.device-tablet * {
	cursor: default !important;
}

.device-mobile a,
.device-tablet a {
	cursor: pointer !important;
}


/*--------------------------------------------
	BASE style
--------------------------------------------*/
/*----- basic -----*/
* {box-sizing:border-box;}
html {font-size:100%;}
body {background:#f4ecd7;}
div:after, ul:after {display:block;clear:both;content:"";}
ul li {list-style:none;}
ol li {margin-left:1.5em;}
select {-webkit-appearance:none;-moz-appearance:none;appearance:none;}
a {display:inline-block;}
a:not(.btn) {color:#655032;text-decoration:underline;}
a:hover {text-decoration:none;}
a:hover img {opacity:0.75;}
a.disabled {opacity:0.25;pointer-events:none;}

a.link-dialog {display:initial;color:#655032 !important;text-decoration:underline !important;margin:0;padding:0 !important;}
a.link-dialog:hover {text-decoration: none !important;}


/*----- layout -----*/
.inner {padding-left:50px;padding-right:50px;}
.group:not(:last-child) {margin-bottom:40px;overflow:hidden;}
.f-left {float:left;}
.f-right {float:right;}
.t-left {text-align:left;}
.t-center {text-align:center;}
.t-right {text-align:right;}
.clear {clear:both;}
.display-block {display:block;}
.display-inline {display:inline-block;}
.scroll {clear:both;overflow:auto;}

/*size*/
.w200 {min-width:200px;}
.w400 {min-width:400px;}
.w100p {max-width:100%;}

/*space*/
.mt20- {margin-top:-20px;}
.mt05 {margin-top:05px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt40 {margin-top:40px;}
.mb05 {margin-bottom:05px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}
.mb40 {margin-bottom:40px;}
.ml10 {margin-left:10px;}
.ml20 {margin-left:20px;}
.ml360 {margin-left:360px;}
.mr10 {margin-right:10px;}
.mr20 {margin-right:20px;}
.m-auto {margin-left:auto;margin-right:auto;}


/*----- list -----*/
/*横並び*/
.list-line {}
.list-line li, .list-line article {float:left;}
.list-line li:last-child {margin-right:0;}
.t-list li:not(:last-child) {margin-right:10px;padding-right:10px;border-right:#655032 1px solid;}

/*縦並び*/
.list-file {}
.list-file + .list-file {margin-top:10px;}
.list-file li:not(:last-child) {margin-bottom:10px;}

/*テーブルリスト*/
.list-table {}
.list-table li {padding:5px;background:#fff;border:#ccc 1px solid;overflow:auto;}
.list-table li:not(:last-child) {border-bottom:none;}
.list-table li:first-child {border-radius:5px 5px 0 0;}
.list-table li:last-child {border-radius:0 0 5px 5px;}
.list-table li:only-child {border-radius:5px;}
.list-table li>a:hover {background-color:rgba(0,0,0,0.05);}
.list-table li>a {display:block;}
.list-table li .icon-question {margin-left:20px;}
.list-table li .icon-question:before {margin-left:-20px;}
.list-table li .icon-answer:before {margin-left:-21px;}
#contents-main .list-table li>a {padding:10px 5px 5px;color:#ef8200;text-decoration:none;}

/*テーブルリスト*/
.list-qa {}
.list-qa li {padding:8px 8px 5px;}
.list-qa li.icon-question {background:#fff;font-weight:bold; border-radius:5px;}

/*数字*/
.ranking ol li {margin-left:0;list-style:none;}
.ranking ol li:before {display:block;float:left;background:url(../img/icon_pc.png) no-repeat;content:"";width:18px;height:18px;}
.ranking ol li:nth-of-type(1):before {background-position:-150px -450px;}
.ranking ol li:nth-of-type(2):before {background-position:-200px -450px;}
.ranking ol li:nth-of-type(3):before {background-position:-250px -450px;}
.ranking ol li:nth-of-type(4):before {background-position:-300px -450px;}
.ranking ol li:nth-of-type(5):before {background-position:-350px -450px;}
.ranking ol li:nth-of-type(6):before {background-position:-400px -450px;}
.ranking ol li:nth-of-type(7):before {background-position:-450px -450px;}
.ranking ol li:nth-of-type(8):before {background-position:-500px -450px;}
.ranking ol li:nth-of-type(9):before {background-position:-550px -450px;}
.ranking ol li:nth-of-type(10):before {background-position:-600px -450px;}

/*定義*/
dl.list-dl {padding:10px 10px 5px;background:#fff;border:#ddd 1px solid;border-radius:5px;}
dl.list-dl dt {margin-left:1em;font-weight:bold;text-indent:-1em;}
dl.list-dl dt:before {content:'';border-left:0.5em solid #b33b3b;padding-right:0.5em;}
dl.list-dl dd {margin:0 0 15px 1em;}

/*----- background -----*/
.bg {display:block;border-radius:5px;}
.bg-default {background:#f5edd7 url(../img/pattern_dot_white_alpha50.png);}		/*基本		（ベージュ）*/
.bg-general {background:#ebebeb url(../img/pattern_dot_white_alpha50.png);}		/*一般		（グレー）*/
.bg-theme {background:#fbe0bf url(../img/pattern_dot_white_alpha50.png);}		/*テーマ	（オレンジ）*/
.bg-primary {background:#eccece url(../img/pattern_dot_white_alpha50.png);}		/*会員		（レッド）*/
.bg-box {background:#fff;}																					/*記事・他	（ホワイト）*/

/*tab*/
.tab {}
.tab-btn li {float:left;margin-right:10px;}
.tab-btn p, .tab-btn a {padding:15px 25px 5px;border-radius:5px 5px 0 0;color:#655032;}
.tab-btn p {color:#000;}
.tab-cnt.bg {border-radius:0 5px 5px 5px;}
.tab-general .tab-btn p, .tab-general .tab-btn a:hover, .tab-general .tab-cnt {background:#ebebeb url(../img/pattern_dot_white_alpha50.png);}	/*一般	（グレー）*/
.tab-default .tab-btn p, .tab-default .tab-btn a:hover, .tab-default .tab-cnt {background:#f5edd7 url(../img/pattern_dot_white_alpha50.png);}	/*基本	（ベージュ）*/


/*-----border -----*/
.border {padding:10px;}
.border.border-b {margin-bottom:10px;padding:0 0 10px 0;border-top:none;border-left:none;border-right:none;}
.border.border-t {margin-top:10px;padding:10px 0 0 0;border-bottom:none;border-left:none;border-right:none;}
.border.border-l {margin-left:10px;padding:0 0 0 10px;border-top:none;border-bottom:none;border-right:none;}
.border.border-r {margin-right:10px;padding:0 10px 0 0;border-top:none;border-bottom:none;border-left:none;}
.border-default {border:#fff 2px solid;}
.border-theme {border:#fbe0bf 2px solid;}
.border-gray {border:#ebebeb 2px solid;}
.border-input {background:#fff;border:1px solid #bfbfbf;border-radius:5px;}


/*----- button -----*/
.btn {padding:0 10px;border-radius:5px;color:#fff;line-height:1.25;vertical-align:middle;height:40px;}
.btn:not(button) {display:table-cell;}
a.btn:hover:not(.btn-paging) {opacity:0.75;}
.btn-center {text-align:center;}
.btn-sm {height:30px;}
.btn-lg {height:50px;}
.btn-xl {height:80px;}
.btn-default {background:linear-gradient(#665133, #342a1a);}		/*基本	（ダークブラウン）*/
.btn-primary {background:linear-gradient(#b43c3c, #8f1f1f);}			/*会員	（レッド）*/
.btn-contribute {background:linear-gradient(#a78b5c, #7c522f);}		/*投稿	（ライトブラウン）*/
.btn-fine {background:linear-gradient(#f7bd4e, #f39d28);}				/*評価	（イエロー）*/
.btn-apply {background:linear-gradient(#f08300, #e94600);}			/*form	（オレンジ）*/
.btn-other {background:linear-gradient(#ccc, #999);}						/*その他（グレー）*/
.btn-paging {background:#fff;color:#333;}										/*次へ前へ（ホワイト）*/
.btn-paging:hover {background:#f6bc4d !important;}							/*次へ前へ（イエロー※over）*/
.btn.active {background:linear-gradient(#9f2c2c, #be5858);}			/*アクティブ	（レッド※active）*/


/*----- button-set -----*/
.btn-set {display:table;}
.btn-set .btn {padding:0 25px;}
.btn-set .btn:not(:first-child):not(:last-child) {border-radius:0;}
.btn-set .btn:first-child {border-radius:5px 0 0 5px;}
.btn-set .btn:last-child {border-radius:0 5px 5px 0;}
.btn-set a.btn:not(:last-child) {border-right:none;}
.btn-set a.btn-apply {background:#fff;border:#f39d28 1px solid;color:#f39d28;}


/*----- icon -----*/
.icon {display:block;}
.icon:before, .icon:after {display:block;background:url(../img/icon_pc.png) no-repeat;content:"";}
.icon:before {float:left;}
.icon:after {float:right;}
.icon span {display:block;margin-top:2px;font-size:60%;}

/*ボタン・テキスト装飾用*/
.icon-required:before {background-position:-100px -450px;width:16px;height:16px;}	/*入力必須*/
.icon-login:before {margin-left:10px;background-position:0 -50px;width:50px;height:28px;}	/*ログイン*/
.icon-mybook:before {margin-top:-2px;background-position:-150px -300px;width:32px;height:22px;}	/*My暗記帳*/
.icon-tag:before {background-position:-100px -300px;width:30px;height:22px;}	/*タグ*/
.icon-garbage:before {background-position:-200px -300px;width:32px;height:22px;}	/*ゴミ箱*/
.icon-shuffle:before {margin-top:-4px;background-position:-250px -300px;width:32px;height:26px;}	/*シャッフル*/
.icon-question:before {background-position:0 -450px;width:20px;height:18px;}	/*Q*/
.icon-answer:before {margin-left:-1px;background-position:-50px -450px;width:21px;height:18px;}	/*A*/
.icon-help:before {margin-top:-3px;background-position:-50px -300px;width:30px;height:25px;}	/*？*/
.icon-attention:before {margin-top:-3px;background-position:0 -300px;width:30px;height:25px;}	/*！*/
.icon-plus:before {background-position:0 -350px;width:30px;height:30px;}	/*プラス*/
.icon-delete:not(.btn):before {background-position:-300px -300px;width:25px;height:22px;}	/*削除*/
.icon-delete-s:after {background-position:-350px -300px;width:18px;height:18px;}	/*削除（小/タグ用）*/
.icon-detail-open:before {background-position:-400px -300px;width:30px;height:24px;}	/*暗記モード 表示*/
.icon-detail-close:before {background-position:-450px -300px;width:30px;height:24px;}	/*暗記モード 非表示*/
.type-list .icon-fine-like:before {background-position:0 -200px;width:22px;height:24px;}	/*いいね（一覧）*/
.type-list .icon-fine-like:hover:before, #contents-main .type-list .icon-fine-like.active:before {background-position:0 -225px;}	/*いいねON（一覧）*/
.type-list .icon-fine-bkm:before {background-position:-50px -200px;width:28px;height:24px;}	/*ブクマ（一覧）*/
.type-list .icon-fine-bkm:hover:before, #contents-main .type-list .icon-fine-bkm.active:before {background-position:-50px -225px;}	/*ブクマON（一覧）*/
.type-list .icon-fine-cmt:before {background-position:-100px -200px;width:25px;height:24px;}	/*コメント（一覧）*/
.type-list .icon-fine-cmt:hover:before, #contents-main .type-list .icon-fine-bkm.active:before {background-position:-100px -225px;}	/*コメントON（一覧）*/
.type-detail .icon-fine-like:before {background-position:-175px -200px;width:34px;height:26px;}	/*いいね（詳細）*/
.type-detail .icon-fine-bkm:before {background-position:-250px -200px;width:34px;height:26px;}	/*ブクマ（詳細）*/
#header .icon-search:before {margin-top:-6px;margin-right:-2px; background-position:-50px -50px;width:25px;height:30px;} #header .icon-search {margin-top:5px;}	/*検索*/
#header .icon-premium:before {background-position:0 -500px;width:22px;height:18px;}	/*プレミアム（header）*/
#header .icon-post-word:before {background-position:-100px -50px;width:40px;height:40px;}	/*暗記法投稿（header）*/
#header .icon-post-theme:before {background-position:-175px -50px;width:40px;height:40px;}	/*お題投稿（header）*/
#contents-main header h1.icon-question:before {background-position:0 -600px;width:35px;height:40px;}	/*Q（title）*/
#contents-main header h1.icon-tag:before {background-position:-50px -600px;width:40px;height:40px;}	/*ランキング 分野（title）*/
#contents-main header h1.icon-week:before {background-position:-100px -600px;width:40px;height:40px;}	/*ランキング 週間（title）*/
#contents-main header h1.icon-user:before {background-position:-150px -600px;width:35px;height:40px;}	/*ランキング ユーザー（title）*/
#contents-main header h1.icon-search:before {background-position:-200px -600px;width:35px;height:40px;}	/*検索結果（title）*/
#contents-side .icon-mybook:before {background-position:0 -100px;width:80px;height:60px;}	/*My暗記帳ボタン（side）*/
#contents-side .icon-mybook:after {margin-top:-10px;}	/*My暗記帳ボタン-プレミアム（side）*/
#contents-side .icon-mypage:before {background-position:-100px -100px;width:50px;height:60px;}	/*マイページ（side）*/
#contents-side .icon-post-word:before {background-position:-200px -100px;width:50px;height:60px;}	/*暗記法投稿（side）*/
#contents-side .icon-post-theme:before {background-position:-300px -100px;width:50px;height:60px;}	/*お題投稿（side）*/
#contents-side .icon-premium:after {margin-left:-26px;background-position:-50px -500px;width:26px;height:21px;}	/*プレミアム（side）*/
#booklist .icon-mybook:before {background-position:-400px -100px;width:40px;height:30px;}	/*My暗記帳タイトル（side）*/
#booklist .icon-arrow:before {background-position:0 -400px;width:15px;height:20px;}	/*My暗記帳 リスト「＞」赤（side）*/
#booklist .selection.icon-arrow:before, #booklist .mylist.icon-arrow:before {background-position:-50px -400px;width:15px;height:20px;}	/*My暗記帳 リスト「∨」白（side）*/
#booklist .selection .open.icon-arrow:before {background-position:-75px -400px;width:15px;height:20px;}	/*My暗記帳 リスト「∨」赤（side）*/
#booklist .selection .open .icon-arrow:before, #booklist .mylist .icon-arrow:before {background-position:-100px -400px;width:15px;height:20px;}	/*My暗記帳 リスト「▶」赤（side）*/

/*アイコン単体*/
.icon.btn {background:url(../img/icon_pc.png) no-repeat;border-radius:0;text-indent:-9999px;}
.btn.icon-close {background-position:-350px -50px;width:32px;height:32px;}	/*閉じる*/
.btn.icon-delete {background-position:-150px -350px;width:38px;height:38px;}	/*削除*/
.btn.icon-edit {background-position:-50px -350px;width:30px;height:30px;}	/*編集*/
.posting-image .btn.icon-delete {background-position:-100px -350px;width:30px;height:30px;}	/*削除*/

.type-list .icon-category, .type-ranking .icon-category {width:32px;height:24px;}												/*カテゴリ/一覧・ランキング用*/
.type-list .icon-category.goro, .type-ranking .icon-category.goro {background-position:0 -550px;}					/*ゴロ*/
.type-list .icon-category.image, .type-ranking .icon-category.image {background-position:-50px -550px;}		/*画像*/
.type-list .icon-category.text, .type-ranking .icon-category.text {background-position:-100px -550px;}			/*文章*/
.type-list .icon-category.movie, .type-ranking .icon-category.movie {background-position:-150px -550px;}		/*動画*/
.type-list .icon-category.audio, .type-ranking .icon-category.audio {background-position:-200px -550px;}		/*音声*/

.type-detail .icon-category {margin-left:5px;width:40px;height:30px;}								/*カテゴリ/詳細用*/
.type-detail .icon-category.goro {background-position:-250px -550px;}							/*ゴロ*/
.type-detail .icon-category.image {background-position:-300px -550px;}						/*画像*/
.type-detail .icon-category.text {background-position:-350px -550px;}							/*文章*/
.type-detail .icon-category.movie {background-position:-400px -550px;}						/*動画*/
.type-detail .icon-category.audio {background-position:-450px -550px;}							/*音声*/
.type-detail .icon-category.medical {background-position:-500px -550px;width:30px;}	/*医療*/
.type-detail .icon-category.nursing {background-position:-550px -550px;width:30px;}	/*看護*/
.type-detail .icon-category.pharmacy {background-position:-600px -550px;width:30px;}	/*薬学*/
.type-detail .icon-category.filter {background-position:-650px -550px;}	/*お下劣*/

.type-ranking .icon-ranking {color:#b33b3b;font-size:150%;width:40px;height:40px;text-align:center; font-weight:bold;}	/*ランキング順位*/
.type-ranking .icon-ranking.no01 {background-position:-150px -500px;}																		/*1位*/
.type-ranking .icon-ranking.no02 {background-position:-200px -500px;}																		/*2位*/
.type-ranking .icon-ranking.no03 {background-position:-250px -500px;}																		/*3位*/
.type-ranking .icon-ranking.no04 {background-position:-300px -500px;}																		/*4位*/
.type-ranking .icon-ranking.no05 {background-position:-350px -500px;}																		/*5位*/
.type-ranking .icon-ranking.no06 {background-position:-400px -500px;}																		/*6位*/
.type-ranking .icon-ranking.no07 {background-position:-450px -500px;}																		/*7位*/
.type-ranking .icon-ranking.no08 {background-position:-500px -500px;}																		/*8位*/
.type-ranking .icon-ranking.no09 {background-position:-550px -500px;}																		/*9位*/
.type-ranking .icon-ranking.no10 {background-position:-600px -500px;}																		/*10位*/


/*----- heading / text -----*/
/*見出用 ※基本文字サイズ16px*/
.heading {}
.h1 {font-size:160%;}				/*見出用-約30px*/
/*.h1 {font-size:175%;}				/*見出用-約30px*/
.h2 {font-size:150%;}				/*見出用-約24px*/
.h3 {font-size:125%;}				/*見出用-約20px*/
.h4 {font-size:112.5%;}			/*見出用-約18px*/
.h5 {font-size:100%;}				/*見出用-約16px*/

/*本文用 ※基本文字サイズ16px*/
.t-xlarge {font-size:150%;}		/*本文用-約24px*/
.t-large {font-size:125%;}		/*本文用-約20px*/
.t-middle {font-size:112.5%;}	/*本文用-約18px*/
.t-small {font-size:87.5%;}		/*本文用-約14px*/
.t-xsmall {font-size:75%;}		/*本文用-約12px*/
.t-narrow {line-height:1;}		/*本文用-行間詰める*/

/*色*/
.cl-primary {color:#b33b3b;}
.cl-apply {color:#ef8200;}
.cl-link {color:#655032;}
.cl-default {color:#333;}


/*----- tag -----*/
.tag {display:inline-block;margin:0 5px 5px 0;padding:2px 5px 0;background:#f4ecd7;border-radius:5px;color:#655032;font-size:87.5%;}


/*----- form -----*/
form a:not(.btn):not(.icon):not(.user) {padding:10px 5px 5px;color:#ef8200;text-decoration:none;}
form a.btn:hover {background-color:inherit;}
button, input[type=submit], input[type=button] {cursor:pointer;}
input, label {margin-bottom:10px;border-radius:5px;}
input, textarea {padding:10px;background:#fff;border:#bfbfbf 1px solid;vertical-align:middle;}
label {display:block;text-align:left;}
input[type=text], input[type=password] {width:100%;height:50px;}
input[type=file] {opacity:0;cursor:pointer;}
input[type=checkbox], input[type=radio] {display:none;}
input[type=checkbox]:checked + .input-checkbox, input[type=radio]:checked + .input-radio {}
.input-checkbox, .input-radio {position:relative;display:inline-block;margin:10px 40px 5px 0;padding-left:50px;cursor:pointer;}
.input-checkbox:after, .input-radio:after {position:absolute;display:block;margin-top:-20px;background:#fff;border:1px solid #bfbfbf;content:'';width:40px;height:40px;top:50%;left:0;}
.input-checkbox:after {border-radius:5px;}
.input-radio:after {border-radius:20px;}
.input-checkbox:before, .input-radio:before {position:absolute;display:block;color:#ef8200;content:'';opacity:0;transform: rotate(45deg);z-index:10;top:50%;}
.input-checkbox:before {margin-top:-17px;border-right:6px solid #ef8200;border-bottom:6px solid #ef8200;width:15px;height:28px;left:12px;}
.input-radio:before {margin-top:-10px;border:10px solid #ef8200;border-radius:10px;width:20px;height:20px;left:10px;}
input[type=checkbox]:checked + .input-checkbox:before, input[type=radio]:checked + .input-radio:before {opacity:1;}
input[type=checkbox]:checked + .input-checkbox:after, input[type=radio]:checked + .input-radio:after {background:#fef9f2;border:#ef8200 1px solid;}


/*----- search option -----*/
.input-radio-option {position:relative;display:inline-block;margin:10px 30px 5px 0px;padding-left:30px;cursor:pointer;}
.input-radio-option:before {position:absolute;display:block;color:#ef8200;content:'';opacity:0;transform: rotate(45deg);z-index:10;top:75%;margin-top:-10px;border:5px solid #ef8200;border-radius:10px;width:10px;height:10px;left:5px;}
.input-radio-option:after {position:absolute;display:block;margin-top:-20px;background:#fff;border:1px solid #bfbfbf;content:'';width:20px;height:20px;top:100%;left:0;border-radius:20px;}
input[type=radio]:checked + .input-radio-option:before {opacity:1;}
input[type=radio]:checked + .input-radio-option:after {background:#fef9f2;border:#ef8200 1px solid;}


/*----- other -----*/
.hide {display:none;}


/*----- login status -----*/
body:not(.status-paying) .premium-area {opacity:0.25;pointer-events:none;}

/*未ログインユーザー*/
#not-login-user {}
#not-login-user .search div {margin-right:260px;}	/**/

/*ログイン済みユーザー*/
#already-login-user {}
#already-login-user .search div {margin-right:360px;}
.status-free {}		/*無料会員*/
.status-paying {}	/*有料会員*/



/*--------------------------------------------
	STRUCTURE style
--------------------------------------------*/
/*----- header -----*/
#header {}
#header-global {padding:5px 0;background:#f6bc4d url(../img/pattern_dot_white_alpha25.png);border-bottom:#f6bc4d 1px solid;}
#header-global a {text-decoration:none;padding-top:3px;}
#header-global a.premium {color:#b33b3b;}
#header-global a:hover {text-decoration:underline;}
#header-container {padding:25px 0 10px;background:#f4ecd7;}
#header-container .logo {position:relative;margin:-15px 0 -10px;}
#header-container .logo p {position:absolute;color:#665133;font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;font-size:130%;letter-spacing:-0.05em;top:26px;right:88px;}
#header-container .post {margin-left:10px;border-left:#fff 2px solid;}
#header-container .post li {margin-left:10px;}
#header-container .post .btn {width:115px;}
#header-container .search {width:100%;}
#header-container .search a {background:url(../img/icon_pc.png) no-repeat;text-indent:-9999px;width:55px;height:50px;}
#header-container .search a.filter_off {background-position:0px -650px;}
#header-container .search a.filter_on {background-position:-100px -650px;}
#header-container .search div {position:relative;margin-left:360px;margin-right:325px;height:50px;}
#header-container .search input, #header-container .search label, #header-container .search button {position:absolute;}
#header-container .search input[type=text] {margin-right:-100px;padding:0 100px 0 10px;border:none;}
#header-container .search label {background-color:#fff;border:#f08300 1px solid;border-radius:5px;z-index:10;top:5px;right:80px;}
#header-container .search label select {padding:9px 0;color:#f08300;width:80px;height:38px;}
#header-container .search button[type=submit] {padding:0 0 0 5px;z-index:10;width:70px;top:5px;right:5px;}
#header-news {padding:8px 0 5px;background:#f2f2f2;}


/*----- contents -----*/
#contents {padding-top:40px;padding-bottom:40px;background:#fff;}

/* main */
#contents-main {margin-right:-260px;width:100%;}
#contents-main>div {margin-right:260px;}
#contents-main>div>header {position:relative;padding:10px 10px 1px;/*padding:10px 20px 1px;*/text-align:center;}
#contents-main>div>header.t-left {text-align:left;}
#contents-main>div>header .tag {background:#fff;}
#contents-main>div>header.bg-general {color:#444;}
#contents-main>div>header.bg-theme {color:#655032;}
#contents-main div.bg {padding:25px 20px;}
#contents-main div.bg.border {margin-bottom:40px;padding:5px;}
#contents-main div.bg.border .bg {padding:15px;}
#contents-main div.list-line {margin-right:-1.25%;overflow:hidden;}
#contents-main div.list-file {overflow:hidden;}
#contents-main .paging {margin:10px auto;}
#contents-main .paging, .paging>a {width:240px;}

/* side */
#contents-side {width:240px;}
#contents-side p {margin:5px 0;}
#contents-side div.bg {margin-bottom:15px;padding:20px;}
#contents-side .btn {width:200px;}
#contents-side dl dt {margin:0 0 8px;}
#contents-side dl dd {margin:0 0 15px;}
#contents-side dl dd:last-child {margin:0;}
.menu-members .heading {margin-bottom:10px;}
.menu-ranking .ranking {margin-bottom:15px;}
.menu-ranking .ranking li {margin-bottom:5px;}
.menu-ranking .ranking a {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:158px;}
.menu-ranking .ranking .btn {width:180px;}
.menu-link dd {padding:10px;}


/*----- footer -----*/
#footer {padding:20px;}
#footer ul {margin-bottom:25px;}
#footer li {display:inline-block;}


/*-----dialog -----*/
/* #dialog {position:fixed;display:table;background:rgba(0,0,0,0.75);z-index:100;width:100%;height:100%;} ****** modified by mizubayashi */
#dialog {position:fixed;background:rgba(0,0,0,0.75);z-index:100;width:100%;height:100%;}
#dialog>div {display:table-cell;text-align:center;vertical-align:middle;}
#dialog article {margin:0 auto;padding:10px;background:#fff;border-radius:5px;width:780px;}
#dialog article header {position:relative;height:40px;}
#dialog article header>h1 {color:#655032;}
#dialog article header>a {position:absolute;top:0;right:0;}
#dialog .bg {padding:25px 30px;}
#dialog .bg .bg {padding:15px;}

#dialog button {margin:10px 10px 0;width:200px;}

/* dialog2 */
#dialog2 {position:fixed;background:rgba(0,0,0,0.75);z-index:100;top:0px;left:0px;width:100%;height:100%;}/* changed by mizubayashi */
#dialog2>div {display:table-cell;text-align:center;vertical-align:middle;}
#dialog2 article {margin:0 auto;padding:10px;background:#fff;border-radius:5px;width:780px;}
#dialog2 article header {position:relative;height:85px;}
#dialog2 article header h1 {color:#655032;}
#dialog2 article header>a {position:absolute;top:0;right:0;}
#dialog2 .bg {padding:25px 30px;}
#dialog2 .bg .bg {padding:15px;}

#dialog2 button {margin:10px 10px 0;width:200px;}

/*-----dialoglogin -----*/
/* #dialoglogin {position:fixed;display:table;background:rgba(0,0,0,0.75);z-index:100;width:100%;height:100%;} ****** modified by mizubayashi */
#dialoglogin {position:fixed;background:rgba(0,0,0,0.75);z-index:100;top:0px;left:0px;width:100%;height:100%;}
#dialoglogin>div {display:table-cell;text-align:center;vertical-align:middle;}
#dialoglogin article {margin:0 auto;padding:10px;background:#fff;border-radius:5px;width:780px;}
#dialoglogin article header {position:relative;height:40px;}
#dialoglogin article header>h1 {color:#655032;}
#dialoglogin article header>a {position:absolute;top:0;right:0;}
#dialoglogin .bg {padding:25px 30px;}
#dialoglogin .bg .bg {padding:15px;}

#dialoglogin button {margin:10px 10px 0;width:200px;}

.howto .scroll {padding:10px 10px 40px;max-height:500px;text-align:left;}
.howto li {margin-bottom:5px;text-align:left;width:100%;}

/*ログイン*/
.login button {margin:10px auto;}

/*ヘルプ*/
.help .scroll {max-height:500px;}

/*報告*/
.report .scroll {max-height:300px;}
.report li {margin:5px 15px;}
.report textarea {width:100%;}

/*タグ*/
.tag-list .scroll {padding:10px 10px 40px;max-height:500px;}
.tag-list li {margin-bottom:5px;text-align:left;width:220px;}

/*暗記帳*/
.mybook li {margin:5px 15px;}
.mybook .scroll {max-height:400px;}
.mybook li input[type=text] {margin-bottom:0;}
.mybook {}

.mybook .edit>div {margin-bottom:10px;padding:8px 10px 5px;background:#f5f5f5;border:#fff 2px solid;border-radius:5px;}
.mybook .edit li {position:relative;margin:0;padding:10px;border-bottom:none;}
.mybook .edit li:last-child {border-radius:0;}
.mybook .edit li div {margin-right:50px}
.mybook .edit li a {position:absolute;top:15px;right:10px;}
.mybook .edit li input {background:#fef9f2;border:#ef8200 1px solid;color:#b33b3b;}
.mybook .edit p {background:#fff;border:#ccc 1px solid;border-radius:0 0 5px 5px;}




/*--------------------------------------------
	PEGE ITEM style
--------------------------------------------*/
/*----- 一覧 -----*/
#contents-main .bg .heading {margin-bottom:10px;}

article.type-list.bg {margin:0 1.25% 10px 0;padding:3px;width:32.083333%;}
article.type-list header {display:table;width:100%;}
article.type-list header h1 {position:relative;display:table-cell;vertical-align:middle;height:3em;}
article.type-list header h1 span, article.type-list header h1 a {display:block;padding:5px;line-height:1.2em;overflow:hidden;max-height:2.5em;}
article.type-list header h1 a {padding:1px 5px 0 50px;}
article.type-list header h1 a img {position:absolute;top:5px;left:5px;}
article.type-list div {position:relative;display:table;width:100%;}
article.type-list div span {display:table-cell;padding:2px;background:#f5f5f5 url(../img/pattern_dot_white_alpha50.png);vertical-align:middle;width:100%;height:160px;}
article.type-list div span img {max-width:100%;max-height:156px;}
article.type-list div span strong {position:absolute;display:block;padding:6px 5px 2px;background:rgba(245,245,245,0.75) url(../img/pattern_dot_white_alpha50.png);color:#000;line-height:1.2em;overflow:hidden;transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);z-index:20;width:100%;max-height:150px;top:50%;left:0;}
article.type-list a:not(.user) {display:block;text-decoration:none;}
article.type-list a:hover h1 {color:#ef8200;}
article.type-list a:hover div span {background-color:#f4ecd7;}
article.type-list a:hover div span strong {background-color:#fff;}
article.type-list p, article.type-list li {margin:5px;}
article.type-list li {margin-right:-1px;}
article.type-list li a {font-size:65%;line-height:2.5;height:24px}
article.type-list .heading {font-weight:normal;}

@media screen and (min-width: 1916px) {
	article.type-list.bg {width:18.75%;}
}
@media screen and (min-width: 1600px) and  (max-width:1915px) {
	article.type-list.bg {width:23.75%;}
}
@media screen and (min-width: 1025px) and  (max-width:1064px) {
	.inner {padding-left:3.5%;padding-right:3.5%;}
}
@media screen and (max-width: 1024px) {
	.inner {padding-left:20px;padding-right:20px;min-width:980px}
}


/*----- 一覧（ランキング） -----*/
article.type-ranking {margin-bottom:10px;padding:2px;overflow:hidden;}
article.type-ranking .ranking {margin:40px 25px;width:50px;text-align:center;background:#fff;}
article.type-ranking .ranking p {display:inline-block;}
article.type-ranking>a {width:100%;margin:0 -120px;}
article.type-ranking>a>div {margin-left:120px;margin-right:120px;}
article.type-ranking>a>div header, article.type-ranking>a>div div {float:left;}
article.type-ranking>a>div header {display:table;width:40%;}
article.type-ranking>a>div header h1 {position:relative;display:table-cell;vertical-align:middle;height:150px;}
article.type-ranking>a>div header h1 span {display:block;padding:5px;line-height:1.2em;overflow:hidden;max-height:150px;}
article.type-ranking>a>div div {position:relative;display:table;width:60%;}
article.type-ranking>a>div div span {display:table-cell;padding:2px;background:#f5f5f5 url(../img/pattern_dot_white_alpha50.png);vertical-align:middle;width:100%;height:150px;}
article.type-ranking>a>div div span img {max-width:100%;max-height:146px;}
article.type-ranking>a>div div span strong {position:absolute;display:block;padding:6px 5px 2px;background:rgba(245,245,245,0.75) url(../img/pattern_dot_white_alpha50.png);color:#000;line-height:1.2em;overflow:hidden;transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);z-index:20;width:100%;max-height:150px;top:50%;left:0;}
article.type-ranking>p { float:left;padding:50px 18px;}
article.type-ranking.user .ranking {margin:30px 25px;}
article.type-ranking.user>a {margin-right:0;}
article.type-ranking.user>a>div {margin-right:0;}
article.type-ranking.user>a>div header {width:auto;}
article.type-ranking.user>a>div header h1 {font-size:150%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:100px;}
article.type-ranking.user>a>div header h1 img {margin-right:20px;}


/*----- 詳細 -----*/
#detail {}
.type-detail h1 {border-width:4px;color:#655032;}
.type-detail .img>div {display:table;width:250px;}
.type-detail .img>div span {display:table-cell;padding:2px;border:#ebebeb 1px solid;vertical-align:middle;height:220px;}
/*.type-detail .img>div span img {max-width:100%;max-height:216px;}*/
.type-detail .img > div span img {max-width:244px;max-height:216px;} /* IE 11対策/カラム落ちを防ぐため */
.type-detail .img article {margin-left:-270px;padding-left:270px;}
.type-detail .img.lg>div {width:350px;}
.type-detail .img.lg>div span {height:300px;}
/*.type-detail .img.lg>div span img {max-height:296px;}*/
.type-detail .img.lg > div span img {max-width:344px;max-height:296px;} /* IE 11対策/カラム落ちを防ぐため */
.type-detail .img.lg article {margin-left:-370px;padding-left:370px;}
.type-detail article {width:100%;}
.type-detail article>div:not(:last-child) {margin-bottom:10px;padding-bottom:15px;border-bottom:#ebebeb 1px solid;}
.type-detail article>div.login {padding:20px;background:#f5f5f5;text-align:center;}
.type-detail article>div.login ul {margin:0 auto;width:440px;}
.type-detail article>div.login li {float:left;margin:10px;}
.type-detail article>div.login a {line-height:0.8;width:200px;}
.type-detail article>div.login a span:not(.icon) {font-size:50%;}
.type-detail article>div.login a span.icon {padding-top:8px;}
.type-detail article>div.login a span.icon-login::before {margin:-8px -35px 0 25px;}
.type-detail h2 {color:#b33b3b;}
.type-detail h2 span {text-decoration:underline;}
.type-detail .user img {margin-right:10px;}
.type-detail article li {color:#b33b3b;}
.type-detail article li div {display:inline-block;}
.type-detail article li div:first-child {float:left;padding:2px;background:#fdefdf;width:30%;}
.type-detail article li div:last-child {color:#7f5e00;width:60%;}
.type-detail article>p {padding-bottom:10px;}
.type-detail>ul li {display:inline-block;margin:10px 5px 0;}
.type-detail>ul:last-child li a {width:230px;}
.type-detail a.show-image {position:relative;}	/* 画像拡大用 modified by yamazaki@medicmedia.com */

/* 文章のカテゴリに画像も含まれる場合の処理追加 modified by yamazaki@medicmedia.com */
.type-detail .img .has-img {
	display: block;
	width: auto;
	margin-left: 270px;
}


/*----- コメント -----*/
.type-comment li {font-size:95%;line-height:1.35;}
.type-comment li h3 {display:inline-block;}
.type-comment li div {display:block;float:right;margin-left:10px;padding:3px 5px 1px;background:#f2f2f2;color:#808080;font-size:80%;}
.type-comment form div {float:left;margin-right:-110px;width:100%;}
.type-comment form div label {margin:0 110px 0 0;}
.type-comment form button {float:right;}


/*----- 投稿-----*/
#posting {}
#posting .complete p a {position:absolute;top:5px;right:5px;}
#posting .complete p a.icon-delete {top:35px; z-index:10;}
#posting button {min-width:200px;}
#posting button:disabled {opacity:0.25;pointer-events:none;}

.posting-column2>div, .posting-column3>div {float:left;margin-right:2%;}
.posting-column2>div div, .posting-column3>div div,.posting-column2>div textarea, .posting-column3>div textarea {height:160px;}
.posting-column2 div:last-child, .posting-column3 div:last-child {margin:0;}
.posting-column2 div {width:49%;}
.posting-column3 div {width:32%;}

/*投稿*/
.posting-goro, .posting-image, .posting-text, .posting-category, .posting-comment, .posting-tag {margin-bottom:20px;}
.posting-goro>div {margin-bottom:10px;padding:8px 10px 5px;background:#f5f5f5;border:#fff 2px solid;border-radius:5px;color:#ccc;}
.posting-goro>div.complete {color:#b33b3b;}
.posting-goro li {position:relative;padding:10px 10px 0;border-bottom:none;}
.posting-goro li.complete {color:#b33b3b;}
.posting-goro li:last-child {border-radius:0;}
.posting-goro li div {margin-right:40px}
.posting-goro li a {position:absolute;top:15px;right:10px;}
.posting-goro li:not(.complete) a {opacity:0.25;pointer-events:none;}
.posting-goro li input {background:#f2f2f2;width:46%;}
.posting-goro li.complete input {background:#fef9f2;border:#ef8200 1px solid;}
.posting-goro p {background:#fff;border:#ccc 1px solid;border-radius:0 0 5px 5px;}
.posting-image input[type=file] {position:absolute;width:100%;height:100%;top:0;left:0;font-size:100em;}
.posting-image div {overflow:hidden;}
.posting-image div img {display:block;margin:0 auto;max-width:100%;max-height:290px;}
.posting-image.sub div img {max-height:150px;}
.posting-tag div {overflow:auto;}
.posting-image div, .posting-text textarea, .posting-comment textarea, .posting-tag div {position:relative;width:100%;}
.posting-image div, .posting-text textarea {height:300px;}
.posting-image div, .posting-tag div {display:table;padding:5px;width:100%;}
.posting-image div>p, .posting-tag div>p {display:table-cell;text-align:center;vertical-align:middle;}


/*----- MY暗記帳-----*/
#mybook {}
#mybook .answer {display:block;margin:20px auto 0;width:150px;}
#mybook .bg-edit {position:relative;padding-left:70px;background:#fbf5f5;border-radius:5px;}
#mybook .bg-edit .bg-box {float:left;border-radius:0 5px 5px 0; width:100%;}
#mybook .input-checkbox {position:absolute;top:30px;left:10px;}
#mybook .input-checkbox:after {border:3px solid #bfbfbf;width:50px;height:50px;}
#mybook .input-checkbox:before {color:#b33b3b;}
#mybook .input-checkbox:before {margin-top:-15px;border-right:9px solid #b33b3b;border-bottom:9px solid #b33b3b;width:20px;height:33px;left:15px;}
#mybook input[type=checkbox]:checked + .input-checkbox:after {background:#f0d8d8;border:#b33b3b 3px solid;}


#booklist {}
#booklist li.here {background:#eccece;}
#booklist li.here a {background-color:inherit;}
#booklist ul li {padding:8px 5px 6px;position:relative;border:#d99d9d 2px solid;border-radius:0;}
#booklist ul li:not(:last-child) {border-bottom:none;}
#booklist ul li.selection, #booklist ul li.mylist {padding-bottom:0;padding-right:0;background:#d99d9d;color:#fff;}
#booklist ul li.mylist ul li {padding-right:35px;}
#booklist ul li.selection .open {padding-bottom:0;padding-left:7px;padding-right:0;background:#eccece;}
#booklist ul li.selection .close ul {display:none;}
#booklist ul li ul {margin-top:5px;}
#booklist ul li ul li {padding-right:5px;border:none;}
#booklist ul li ul li:not(:first-child) {border-top:#d99d9d 1px dotted;}
#booklist ul li a, #booklist ul li p {margin:0 0 0 20px;}
#booklist ul li span {position:absolute; padding:2px 5px;background:#b33b3b;border-radius:5px;color:#fff;top:5px;right:5px;}
#booklist ul li span.none {opacity:0.5;}
#contents-side #booklist ul li.mylist p {height:25px;}
#contents-side #booklist ul li.mylist div {margin:-5px 4px 0;}
#contents-side #booklist ul li.mylist div .btn {width:auto;height:30px;}




/*----- 利用規約 -----*/
/*----- プライバシーポリシー -----*/
/*----- 投稿削除ガイドライン -----*/
/*----- お問い合わせ・Q&A -----*/
div.block-common ol.parentheses,
div.block-common li ul {
	margin-top: 5px;
}

div.block-common ol.parentheses li {
	margin-left: 2em;
	text-indent: -1.85em;

	list-style-type: none;
	list-style-position: inside;
	counter-increment: cnt;
}

div.block-common ol.parentheses li:before {
	display: marker;
	content: "(" counter(cnt) ") ";
}

div.block-common ul li {
	margin-left: 1.5em !important;
	text-indent: 0 !important;
	list-style-type: disc !important;
	list-style-position: outside !important;
}

div.block-common ul li:before {
	content: "" !important;
}