@charset "UTF-8";

/*
Theme Name: ryusoku
File Name: article.css
Version: 1.0.3
Author: ryusoku.com
Email: nagaresokuhou@gmail.com
URL: http://ryusoku.com/
 */


/*
 * 2ch-matome-editor - Basic style
 */


.entry-body img {
	width:auto;
	height:auto;
	max-width:650px;
	max-height:500px;
	border:4px solid #FFF;
	box-shadow: 0px 0px 1px rgba(0, 0, 0, 1);
	-moz-box-shadow: 0px 0px 1px rgba(0, 0, 0, 1);
	-webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 1);
	cursor:pointer;
}
.entry-body .ad-wrap img {
	border:none;
}


.img-topic {
	margin-bottom: 20px;
}
.watch-id .id {
	padding: 0px 4px;
	display: inline-block;
	border: 1px solid #bce8f1;
	font-weight: bold;
	margin-right: 6px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	color: #3a87ad;
	background-color: #d9edf7;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

.watch-id-red .id {
	border-color: #eed3d7;
	color: #b94a48;
	background-color: #f2dede;

}
.watch-id-blue .id {
	border-color: #bce8f1;
	color: #3a87ad;
	background-color: #d9edf7;
}
.watch-id-green .id {
	border-color: #fbeed5;
	color: #c09853;
	background-color: #fcf8e3;
}


.img-link {
	display:inline-block;
	margin-top:10px;
	margin-bottom:10px;
}
.res img {
	width:auto;
	height:auto;
	max-width:650px;
	max-height:500px;
	border:4px solid #FFF;
	box-shadow: 0px 0px 1px rgba(0, 0, 0, 1);
	-moz-box-shadow: 0px 0px 1px rgba(0, 0, 0, 1);
	-webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 1);
	cursor:pointer;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-o-border-radius: 2px;
	-ms-border-radius: 2px;
}
.res a img{
	opacity:1;
	filter: alpha(opacity=100);
	-moz-opacity:1;
	-webkit-transition: opacity 0.3s ease;
	-moz-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
	background:#ffffff;
}
.res a:hover img{
	opacity:0.7;
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
}
.res .fullsize {
	cursor:default !important;
}

.fontsize-7 .contents,
.contents .fontsize-7 { font-size:48px; line-height: 120%; }
.fontsize-6 .contents,
.contents .fontsize-6 { font-size:32px; line-height: 120%; }
.fontsize-5 .contents,
.contents .fontsize-5 { font-size:24px; line-height: 120%; }
.fontsize-4 .contents,
.contents .fontsize-4 { font-size:18px; line-height: 120%; }
.fontsize-3 .contents,
.contents .fontsize-3 { font-size:16px; line-height: 120%; }
.fontsize-2 .contents,
.contents .fontsize-2 { font-size:13px; line-height: 120%; }


.color-inherit .contents,
.contents .color-inherit { color:inherit; }
.color-blue .contents,
.contents .color-blue { color:#3366FF; }
.color-red .contents,
.contents .color-red { color:#DC143C; }
.color-purple .contents,
.contents .color-purple { color:#800080; }
.color-silver .contents,
.contents .color-silver { color:#AAAAAA; }
.color-green .contents,
.contents .color-green { color:#008000; }
.color-orenge .contents,
.contents .color-orenge { color:#FFA500; }
.color-pink .contents,
.contents .color-pink { color:#ffb6c1; }

.me2 .header {
	color: #AAA;
	font-size: 13px;
}
.me2 .num {
	padding: 0px 4px;
	display: inline-block;
	background: #F9F9F9;
	cursor: pointer;
	border: 1px solid #eee;
	font-weight: bold;
	margin-right: 6px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	color: #888;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
.me2 .num:hover {
	background:#F9FFF9;
	color:#3a87ad;
}
.me2 .name {
	color: #008000;
	margin-right:10px;
}
.me2 .date {
	margin-right:10px;
}
.me2 .id {}
.me2 .contents {
	font-weight: bold;
	margin:15px 0 60px 0 !important;
}
.me2 .contents .anchor {
	color:#0000FF;
}

/*
 * ソース
 */
.me2.source {
	color:#AAA;
	font-size:12px;
	width:360px;
}

.sep:after {
	content: ":";
}
.kak:before {
	content: "(";
}
.kak:after {
	content: ")";
}
.source .topic,
#source-title,
#source-url {
	color: #AAA;
}



#res-1001 {
}
.me2.source .topic {
	margin-right:5px;
}

.me2 .movie {
	width:560px;
	height:315px;
	margin-top:10px;
}
.me2 .nicovideo {
	width: 293px;
	height: 174px;
	border: 1px solid #333;
}
.me2 .contents a,
.me2 .contents .link {
	font-size:14px;
	line-height: 120%;
}

/*
 * ボタン
 */
.btn {
display: inline-block;
padding: 4px 14px;
margin-bottom: 0;
font-size: 14px;
line-height: 20px;
color: #333333;
text-align: center;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
vertical-align: middle;
cursor: pointer;
background-color: #f5f5f5;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
background-repeat: repeat-x;
border: 1px solid #bbbbbb;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
border-color: #e6e6e6 #e6e6e6 #bfbfbf;
border-bottom-color: #a2a2a2;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
filter: progid:dximagetransform.microsoft.gradient(enabled=false);
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}




button.btn, input[type="submit"].btn {
}

.btn:hover, .btn:active, .btn.active, .btn.disabled, .btn[disabled] {
color: #333333;
background-color: #e6e6e6;
}

.btn:active, .btn.active {
background-color: #cccccc 9;
}

.btn:hover {
color: #333333;
text-decoration: none;
background-color: #e6e6e6;
background-position: 0 -15px;
-webkit-transition: background-position 0.1s linear;
-moz-transition: background-position 0.1s linear;
-o-transition: background-position 0.1s linear;
transition: background-position 0.1s linear;
}

.btn.active, .btn:active {
background-color: #e6e6e6;
background-color: #d9d9d9 9;
background-image: none;
outline: 0;
-webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn {
border-color: #c5c5c5;
border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25);
}


.btn-large {
padding: 9px 14px;
font-size: 16px;
line-height: normal;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

.btn-block {
display: block;
width: 100%;
padding-right: 0;
padding-left: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}


.btn-danger {
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #da4f49;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
background-repeat: repeat-x;
border-color: #bd362f #bd362f #802420;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0);
filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}


.btn-danger:hover, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled] {
color: #ffffff;
background-color: #bd362f;
}

btn-danger:hover, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled] {
color: #ffffff;
background-color: #bd362f;
}

.btn-danger:active, .btn-danger.active {
background-color: #942a25 9;
}







/*
 * アラート
 */
.alert-wrapper {
}
.alert {
	padding: 2px 8px 2px 8px;
	margin-top:10px;
	margin-bottom: 20px;
	color: #c09853;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	background-color: #fcf8e3;
	border: 1px solid #fbeed5;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	font-weight: normal !important;
	font-size: 14px;
	line-height: 20px;
	display: inline-block;
}
.alert h4 {
font-size: 14px;
line-height: 20px;
margin: 0;
font-weight: bold;
color: inherit;
text-rendering: optimizelegibility;
margin-right:5px;
display: inline-block;
}
.alert-block {
	padding-top: 14px;
	padding-bottom: 14px;
}
.alert-success {
	color: #468847;
	background-color: #dff0d8;
	border-color: #d6e9c6;
}
.alert-error {
	color: #b94a48;
	background-color: #f2dede;
	border-color: #eed3d7;
}
.alert-info {
	color: #3a87ad;
	background-color: #d9edf7;
	border-color: #bce8f1;
}


/*
 * アコーディオン
 */
.accordion {
	font-size:13px;
	color:#333;
	line-height: 16px;
}
.accordion-heading {
	cursor:pointer;
	border-bottom: 1px solid #C5C5C5;
}
.accordion-toggle {
	cursor:default;
	margin-top:5px;
}


/*
 *  aa
 */
.res .aa {
	font-family: "ＭＳ Ｐゴシック","MS PGothic","Mona","mona-gothic-jisx0208.1990-0",sans-serif !important;
	line-height: normal !important;
	font-weight: normal !important;
	font-variant: normal !important;
	color:black;
	border:1px solid #DDD;
	padding:5px;
	display:inline-block;
	/display:inline;
	/zoom:1;
	overflow: hidden;
	white-space: nowrap;
}

.res .aa.v2 {
	font-family: "ＭＳ Ｐゴシック","MS PGothic","Mona","mona-gothic-jisx0208.1990-0",sans-serif !important;
	line-height: 1 !important;
	white-space: pre;
	word-spacing: normal;
	overflow: hidden;
	color:inherit;
	font-size: 12pt;
	line-height: 18px;
	background: #F9F9F9;
	display: inline-block;
	/display:inline;
	/zoom:1;
	border: 1px solid #DDD;
	border-radius: 2px;
	padding: 10px;
}

.res .aa-big { font-size:14px !important; }
.res .aa-medium { font-size:12px !important; }
.res .aa-small { font-size:10px !important; }


/*
 * 引用
 */
.quote {
	font-weight: normal;
	color: #999;
	font-size:small;
	line-height:normal;
	border-left: 2px solid #ccc;
	color: #a5a4a4;
	font-style: italic;
	margin: 30px 0 30px 15px;
	padding-left: 15px;
}

/*
 * アラート
 */
.notes {
	position: relative;
	font-size:14px;
	line-height: 120%;
}
.notes h4 {
	border-bottom:2px solid #F89406;
	display:inline-block;
	margin-bottom:-2px;
	font-size: 14px;
	padding:0;
	margin-left:10px;
}
.notes p {
	display:block;
	border-top:2px solid #ddd;
	padding:10px;
	border-bottom:1px solid #ddd;
	background-color:#e9e9e9;
	font-weight: normal;
	line-height: 20px;
	font-size: 14px;
}
.notes-info h4 {
	color: #3a87ad;
	border-bottom:2px solid #3a87ad;
}
.notes-info p {
	color: #3a87ad;
	background-color: #d9edf7;
	border-color: #bce8f1;
}
.notes-attention h4 {
	color: #b94a48;
	border-bottom:2px solid #b94a48;
}
.notes-attention p {
	color: #b94a48;
	background-color: #f2dede;
	border-color: #eed3d7;
}
.notes-repletion h4 {
	color: #468847;
	border-bottom:2px solid #468847;
}
.notes-repletion p {
	color: #468847;
	background-color: #dff0d8;
	border-color: #d6e9c6;
}

/*
 * ネスト
 */
.nest {
	padding-left:20px;
	margin-top: -30px;
}
.nest2 {
	padding-left:40px;
	margin-top: -30px;
}
.nest .contents,
.nest2 .contents {
	margin-top:10px;
}

/*
 * アフィリエイト用
 */
.affiliate .header {
	color:#333;
}
.affiliate .strong {
	font-weight: bold;
}
.affiliate .img-link {
	margin-bottom: 5px;
}
.affiliate .img-link img {
	max-width:240px;
	max-height:320px;
}

/*
 * LDBSP用
 */
.article-body .me2 .movie {
	max-width:90%;
	height:auto;
}
.article-body .me2 .header {
	font-size: 11px;
}
.article-body .me2 .name {
	margin-right:10px;
}
.article-body .me2 .name:after {
	content: "\A";
	white-space: pre;
}
.article-body .me2 .contents {
	margin:5px 0 30px 0;
}
.article-body .me2 .img-link img {
	max-width:480px;
	height:auto;
}
.article-body .affiliate .img-link img {
	max-width:180px;
	max-height:240px;
}

.article-body .nest {
	padding-left:15px;
	margin-top: -10px;
}
.article-body .nest .contents {
	margin-top:5px;
}


/*
 * アコーディオン LDBSP用（JSが使えないのでアコーディオンをCSSのみで無効にする）
 */
.article-body .me2 .accordion .accordion-heading {
	display: none !important;
}
.article-body .me2 .accordion .accordion-toggle {
	display: block !important;
}


/*
 * 記事埋め込みiframe
 */
.embed-iframe {
	margin-top:10px;
	width: 376px;
	height:400px;
}