@charset "utf-8";
/* CSS Document */
*{padding:0; margin:0; list-style:none;}
body {font-family:"Meiryo","メイリオ","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3","MS PGothic","MS Pゴシック",sans-serif; font-size:12px; line-height:15px; color:#111;}
img {border:0 none;}
video, embed, object, .videocontent {max-width:100% !important;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block; clear:both; vertical-align:baseline;}
a {color:#111; text-decoration:none;}
a:hover {color:#08529d; text-decoration:underline; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out;}

.innerwrap {width:1060px; margin:0 auto;}
.clr {clear:both;}
.photo {line-height:0;}
.photo img {width:100%;padding-top:8px;}
.photo2 {line-height:0;}
.photo2 img {padding-top:4px;}
.articlephoto {text-align:center;}
.articlephoto img {padding-top:4px;text-align:center;}
.ad-300 {width:100%; float:left; text-align:center; background:#fff; clear:both; padding:0; margin-bottom:15px;}
.ad-300 div {margin:0 auto;}
.ad-320 {width:100%; float:left; background:#fff; clear:both; padding:0; margin:0; overflow:hidden;}
.ad-foot {width:100%; float:left; text-align:center; clear:both;  padding:25px 0;}
.ad-top {width:100%; float:left; text-align:center; clear:both; padding: 25px 0 0 0;}
.ad-mid {width:100%; float:left; text-align:center; clear:both; margin-bottom:20px;}
.ad-mid2 {width:50%; float:left; text-align:center; margin-bottom:20px;}
.ad-pr {width:100%; border-bottom:#ccc 1px solid; border-top:#ccc 1px solid; clear:both; padding:8px 0; color:#999; margin-bottom:20px; line-height:18px;}
.ad-pr ul li {line-height:24px; margin-left:25px; list-style-type:disc;}
.ad-pr .new {color:#CA0101; font-weight:bold;}
.ad-pr a {color:#222; font-size:14px;}
.ad-aftertag {float:left; margin-bottom:18px;}
.ad-aftertag div {float:left; margin-right:15px;}
.ttl {font-size:22px; line-height:28px; letter-spacing:-0.03em; margin-bottom:7px;}
.ttl2 {font-size:15px; line-height:19px; margin-bottom:7px;}
.ttl3 {font-size:14px; line-height:18px; margin-bottom:7px; font-weight:normal;} .ttl3 a {color:#08529d;}
.art-ttl {font-size:22px; line-height:28px; letter-spacing:-0.03em; margin-bottom:10px;}
.secttl {width:100%; border-bottom:#eee 1px solid; border-top:#ddd 1px solid; clear:both; padding:10px 0; font-weight:bold; font-size:14px; margin-bottom:10px; position:relative; letter-spacing: 0.5px;}
.secttl .more {position:absolute; top:10px; right:0; font-weight:normal; font-size:12px;}
.secttl .more2 {position:absolute; top:10px; right:0; font-weight:normal; font-size:12px;}  a.more2  {color:#08529d;}
.secttl .arr {background:url(../images/icons.png) no-repeat 0 -226px; width:15px; height:14px; display:inline-block; vertical-align:middle; margin-left:10px;}
.secttl2 {border:#ccc 1px solid; background:#e4e4e4; clear:both; padding:6px 10px 4px; font-weight:bold; font-size:14px; margin-bottom:10px;}
.secttl3 {border-bottom:#ddd 2px solid; clear:both; padding:10px 2.4%; font-weight:bold; font-size:18px; line-height: 22px; margin-bottom:20px; letter-spacing: 1px;}
.summary {color:#333; font-size:13px; line-height:18px; margin-bottom:7px;}
.date {color:#999; font-size: 13px; font-weight: normal;}
.date-inner {line-height:1.5; margin-bottom:10px; float:left;}
.reporter-name {margin: 0 0 10px 10px;}
.reporter-name a {color:#08529d; text-decoration:none;}
.reporter-name a:hover {text-decoration:underline;}
.print {margin:0 0 10px 15px;}
.print a {color:#000; text-decoration:none;}
.print a:hover {text-decoration:underline;}
.print i {background:url(../images/icons.png) no-repeat 0 -334px; width:15px; height:14px; display:inline-block; cursor:pointer; margin:0 6px 3px 0; vertical-align:middle;}
.bigshare-top {float:right;}
.bigshare-top img.fb {width: 168px; height:41px; margin-right:5px;}
.bigshare-top img.tw {width: 150px; height:41px;}
.bigshare-btm {float:right; margin-bottom:15px;}
.bigshare-btm img.fb {width: 168px; height:41px; margin-right:5px;}
.bigshare-btm img.tw {width: 150px; height:41px;}
.ic-p {background:url(../images/icons.png) no-repeat 0 -194px; width:17px; height:13px; display:inline-block; vertical-align:middle; margin-left:10px;}
.ic-mv {background:url(../images/icons.png) no-repeat -27px -194px; width:14px; height:13px; display:inline-block; vertical-align:middle; margin-left:10px;}
.hid {display:none;}
.finger {cursor:pointer;}

header {width:100%; float:left; color:#888;} header a {color:#888;}
.hd-con {width:100%; float:left; border-bottom:#ddd 1px solid; clear:both;}
.hd-con2 {width:100%; padding:20px 0; float:left; clear:both; text-align:center;}
.hd-con2 .innerwrap {position:relative;}
.hd-con .t1 {margin-top:5px; float:left;}

.top-sns {margin-top:3px; float:right;}
.top-sns a {background:url(../images/icons.png) no-repeat 0 0; width:19px; height:19px; display:inline-block; margin:0 5px;}
.top-sns a span {display:none;}
.top-sns .fb {background-position:0 0;}
.top-sns .tw {background-position:0 -29px;}
.top-sns .gp {background-position:0 -357px;}
.top-sns .rss {background-position:0 -58px;}
.hd-con2 .nwletters {position:absolute; top:23px; left:10px;}
header .ic-mail {background:url(../images/icons.png) no-repeat 0 -97px; width:14px; height:9px; display:inline-block; margin: 0 6px 2px 0; vertical-align:middle;}
.hd-con2 .ic-nav {display:none;}
.hd-con2 .logo {display:inline-block; margin:13px 0 10px;}
.hd-con2 .time {position:absolute; top:23px; right:10px;}

nav {width:100%; float:left;}
nav .innerwrap {height:35px; background:#0d3d6e;}
nav .menu {float:left; overflow:hidden; margin-left:20px;}
nav .menu li {float:left;}
nav .menu li a {height:100%; color:#fff; padding:0 18px; font-size:15px; line-height:35px; background:url(../images/bg_bar.gif) repeat-y top right; display:inline-block;}
nav .menu li a:hover {background-color:#002749; text-decoration:none;}
nav .menu li .on {background-color:#002749;}
nav .srch {background:#fff; float:right; padding:2px 5px; margin-top:4px; margin-right:20px;}
nav .srch .input {font-size:12px; line-height:16px; color:#555; background:none; border:none; padding:3px 5px; width:200px;}
nav .ic-srch {background:url(../images/icons.png) no-repeat 0 -260px; width:13px; height:13px; display:inline-block; vertical-align:middle;}
.downmenu {display:none;}
.sidr-class-cls {width:90%; float:left; clear:both; font-size:14px; padding:8px 5%; display:block; cursor:pointer; border-bottom:#ddd 1px solid; display:block; background:#ddd;}
.sidr-class-cls i {border:#999 1px solid; padding:1px 5px; display:inline-block; margin-right:5px; font-size:11px; font-style:normal;}

.top-topic {width:100%; float:left; clear:both; margin-bottom:10px;}
.top-topic .innerwrap {display:block; height:33px; background:#dce2e6; font-size:13px; line-height:33px; /*overflow:hidden;*/}
.top-topic .topic {float:left;background:#dce2e6;}
.top-topic .tit {background:url(../images/bg_topic_fixed.png) repeat-y top left; color:#fff; width:90px; height:33px; text-align:center; display:inline-block; margin-right:10px;}
.top-topic .sns {float:right; margin-top:6px; margin-right:20px;}
.top-topic .sns li {float:left; margin-left:10px;}

.contents {width:100%; float:left; padding-top:25px;}
/* .contents .left {width:70.3%; float:left;} */
/* .contents .side {width:27.6%; float:right;} */
.contents .left {width:100%; margin-right:-320px; float:left;}
.contents .left-inner {margin-right:320px;}
.contents .side {width:300px; float:right;}
.contents .hdline {padding:0 2.4%; clear:both; margin-bottom:15px;}
.contents .hdline .photo {width:25%; float:left; margin-right:20px; margin-bottom:15px;}

.contents .hdline .photo2 {width:25%; float:left; margin-right:20px; margin-bottom:15px;}
.contents .m-related {padding:0 2.4%; clear:both; margin-bottom:20px;}
.contents .m-related h3 {padding:0 0 5px 15px; background:url(../images/icons.png) no-repeat -35px -222px; font-weight:normal; font-size:14px; line-height:18px;}
.contents .m-related a {color:#08529d;}
.contents .m-con {width:97.6%; margin:0 1.2% 10px; float:left; clear:both;}
.contents .m-con .list, .article .m-con .list {width:47.6%; margin:10px 1.2%; float:left;}
.contents .m-con .photo {width:25%; float:left; margin-right:20px; margin-bottom:15px;}
.contents .m-con .photo2 {width:25%; float:left; margin-right:20px; margin-bottom:15px;}
.contents .m-gall {width:100%; float:left; clear:both;}
.contents .m-gall .list {width:100%; float:left; overflow:hidden; height:160px; clear:both;}
.contents .m-gall .list li {width:111px; height:145px; float:left; border:#ddd 1px solid; background:#fbfbfb; padding:6px; margin-right:10px; text-align:center; display:inline-block; overflow:hidden;}
.contents .m-gall .list{font-size:13px !important; font-family:"Meiryo","メイリオ","MS PGothic","MS Pゴシック",Osaka,sans-serif !important;

}
.contents .m-gall .list img.tate{position:relative !important;top:-8px !important;margin:auto}
.contents .m-gall .list img.yoko{position:relative !important;top:0px !important;margin:auto}

.contents .m-gall .list li:hover {background:#eee;}
.contents .m-gall .s1 img {height:100px;}
.contents .m-gall .s2 img {width:100%; margin-top:15px;margin-top:4px !important;}
.contents .m-gall .btn {width:100%; float:left; clear:both; text-align:right; padding:0 0 40px;}
.contents .m-gall .btn .prev .bx-prev, .contents .m-gall .btn .next .bx-next {text-indent:-9999px;}
.contents .m-gall .btn .prev {background:url(../images/icons.png) no-repeat 0 -305px; width:21px; height:21px; display:inline-block;}
.contents .m-gall .btn .next {background:url(../images/icons.png) no-repeat -21px -305px; width:21px; height:21px; display:inline-block;}
.contents .m-con2 {width:96.2%; margin:0 2.4%; float:left; clear:both;}
.contents .m-con2 .list {width:38%; margin:10px 0; float:left;}
.contents .m-con2 .list2 {width:58%; margin:10px 0; float:right;}
.contents .m-con2 .list2 li {padding:0 0 12px 15px; background:url(../images/icons.png) no-repeat -35px -222px; font-weight:normal; font-size:14px; line-height:18px;}
.contents .m-con2 .photo {width:30%; float:left; margin-right:20px; margin-bottom:15px;}
.contents .m-con2 .photo2 {width:30%; float:left; margin-right:20px; margin-bottom:15px;}

.contents .s-con {width:100%; float:left; clear:both; margin-bottom:10px;}
.featured {margin-bottom:0 !important;}
.contents .s-con .list {width:100%; float:left; /*margin-bottom:10px;*/ clear:both; border-bottom:#ddd 1px ;}
.contents .s-con .photo{
/*	width:18%;*/
width: 54px;
	height:36px;
	overflow: hidden;
	float:left;

	margin-right:15px;
	margin-bottom:17px;
	}
.contents .s-con .photo img{
	border:#ccc 1px solid;	min-width:54px; min-height:36px; width:54px;
}

.contents ol.ranking span{ padding:2px 5px 1px; border:#CCCCCC 1px solid; float:left; margin:0 10px 20px 0 ; color:#FFFFFF;}

.contents ol.ranking span.no1{background:url(../images/ic_bg_gradient.jpg) no-repeat 0 0;}
.contents ol.ranking span.no2{background:url(../images/ic_bg_gradient.jpg) no-repeat 0 -50px;}
.contents ol.ranking span.no3{background:url(../images/ic_bg_gradient.jpg) no-repeat 0 -100px;}
.contents ol.ranking span.no4,
.contents ol.ranking span.no5,
.contents ol.ranking span.no6,
.contents ol.ranking span.no7,
.contents ol.ranking span.no8,
.contents ol.ranking span.no9,
.contents ol.ranking span.no10{background:#CCC;}


.contents ol.ranking li{ padding:0 0 12px; }

.contents ol.ranking li p{ font-size:14px; line-height: 18px; padding-left:20px;}
.contents ol.ranking div{ width:54px; height:36px; overflow: hidden;  border:#CCCCCC 1px solid; float:left; margin:0 10px 20px 0 ; }
.contents ol.ranking div img{ min-width:54px; min-height:36px; width:54px; }


/*
	ClearFixElements
------------------------------------------------------------- */
.contents ol.ranking li:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

.contents ol.ranking li{
    zoom: 1;
}



.contents .s-con .photo2 {width:18%; float:left; border:#ccc 1px solid; margin-right:15px; margin-bottom:15px;}
.contents .s-con span{ text-align:right; display:block;}
.contents .s-con2 {width:100%; float:left; clear:both; margin-bottom:20px;}
.contents .s-con2 .list {width:100%; float:left; /*margin-bottom:10px;*/ clear:both;}
.contents .s-con2 .photo {width:25%; float:right; margin-left:15px; margin-bottom:15px;}
.contents .s-con2 .photo2 {width:30%; float:right; margin-left:15px; margin-bottom:15px;}
.contents .s-con2 span{ text-align:right;}
.contents .s-con2 ul.menu {float:right;}
.contents .s-con2 ul.menu li {float:left; padding-left:20px;}

.sub-con {width:95.2%; padding:0 2.4% 10px; margin-bottom:15px; float:left; clear:both; border-bottom:1px solid #ddd;}
.sub-con .photo {width:20%; float:left; margin-right:20px; margin-bottom:10px;}
.sub-con .photo2 {width:20%; float:left; margin-right:20px; margin-bottom:10px;}
.sub-con .photo img {padding-top:3px;}
.sub-con .photo2 img {padding-top:3px;}
.sub-con .list-con {overflow: auto;}

.art-body {width:100%; float:left;}
.art-tool {float:left; width:100%;}
.art-tool .sns {float:left;}
.art-tool .sns li {float:left; margin:0 10px 5px 0;}
.art-tool .nwletters-btm {float:right; font-size:14px; padding:4px 0;}
.art-tool .nwletters-btm a{color:#404040}
.art-tool .nwletters-btm .ic-mail, .ic-mail-btmimg{background:url(../images/icons.png) no-repeat 0 -97px; width:14px; height:9px; display:inline-block; margin: 0 6px 2px 0; vertical-align:middle;}
.ic-sponsor, .ic-arrow {background:url(../images/icons.png) no-repeat -33px -3px; width:8px; height:9px; display:inline-block; margin: 0 6px 2px 0; vertical-align:middle;}
.article {width:100%; float:left; margin:10px 0 0; clear:both;}
.article .imageBox {text-align: center; margin: 0 auto 15px ;}
.article .imageLeft {float: left; margin: 4px 12px 0 0;}
.article .imageRight {float: right; margin: 4px 0 0 12px;}
.article .image_Left_long {float: left; margin: 4px 12px 0 0;}
.article .image_Right_long {float: right; margin: 4px 0 0 12px;}
.article .image_Box {text-align: center; margin: 0 auto 15px ;}
.article .image_Left {float: left; margin: 4px 12px 0 0;}
.article .image_Right {float: right; margin: 4px 0 0 12px;}
.article .caption, .article .caption p {text-align:left; font-size:12px; color: #888888; line-height:1.5; padding-bottom: 5px; display:block;}
.article .caption ul {padding-bottom: 5px;}
.article .caption ul li {padding-bottom: 0px;}
.article a {color:#08529d; text-decoration:none;}
.article a:hover {color:#08529d; text-decoration:underline; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out;}
.article ol {padding-bottom:28px;position:relative;left:35px; margin-right:20px}
.article ol li {list-style-type:decimal; margin: 0 30px 0 15px; padding:0 0 5px 5px}
.print_con ol {padding-bottom:28px;position:relative;left:35px; margin-right:20px}
.print_con ol li {list-style-type:decimal; margin:0 30px 0 15px; padding:0 0 5px 5px; font-size:14px; line-height:20px;}
.article ul {padding-bottom:28px;position:relative;left:15px; margin-right:20px}
.article ul li {list-style-type:disc; margin: 0 30px 0 15px; padding:0 0 5px 5px;}
.print_con ul {padding-bottom:28px;position:relative;left:35px; margin-right:20px}
.print_con ul li {list-style-type:disc; margin:0 30px 0 15px; padding:0 0 5px 5px; font-size:14px;  line-height:20px;}
.article blockquote, .print_con blockquote {padding: 25px 25px 0; margin-bottom:25px; border: 1px solid #ccc; background-color: #f0f0f0;clear:both}
.art-photo {width:300px; float:left; margin:0 20px 10px 0; font-size:12px;}
.art-photo .photo {position:relative;text-align:center;}
.art-photo .photo2 {position:relative;text-align:center;}
.art-photo a.expand {width:20px; height:20px; font-size:18px; line-height:20px; color:#fff; text-align:center; background:#222; display:inline-block; position:absolute; bottom:10px; right:10px;}
.art-photo a.expand:hover {text-decoration:none; background:#444;}
.art-photo .caption {text-align:left; margin-top:5px; padding-bottom:5px; color: #888888; line-height:1.5;}
table.photo-sns {border-spacing:0; margin-top:5px;}
.article {font-size:16px; line-height:25px;}
.article p {margin:0; font-size:16px; line-height:25px; padding-bottom:25px;}
.article h2 {margin:0; font-size:20px; line-height:27px; padding-bottom:25px;}
.article h3 {margin:0; font-size:17px; line-height:25px; padding-bottom:25px;}
.art-comt {width:100%; float:left; clear:both; overflow:hidden; margin-bottom:20px;}
.art-related, .cat-recent {width:100%; float:left; clear:both; margin-bottom:20px;}
.art-related h3, .cat-recent h3 {padding:0 0 4px 15px; background:url(../images/icons.png) no-repeat -35px -222px; font-weight:normal; font-size:15px; line-height:23px;}
.art-tag1 {width:100%; float:left; clear:both; color:#999; margin-bottom:12px; font-size:13px; line-height:1.5;}
.art-tag1 span {display:block; float:left; margin-right:6px;}
.art-tag1 a {color:#08529d; text-decoration:none; display:block; margin-right:6px; float:left;}
.art-tag1 a:hover {text-decoration:underline;}
.art-tag2 {width:100%; float:left; clear:both; color:#999;  font-size:13px; margin-bottom:15px;}
.art-tag2 span {display:block; float:left; padding:6px 6px 6px 0px;}
.art-tag2 a {border: 1px solid #4186CC; -moz-border-radius: 2px; -webkit-border-radius: 2px; display: block; padding: 5px; text-decoration: none; background: #D3E1F0;  color: #08529d; margin-right: 6px; margin-bottom: 6px; float: left;}
.art-tag2 a:hover {background: #95BEE7;}
.source {font-size:11px; color: #888888; line-height:1.5; margin:-15px 0 15px;}
img.dsq-widget-avatar {padding:3px 5px 5px 0 !important;}
.dsq-widget-comment p {font-size:13px !important; line-height:16px !important;}
p.dsq-widget-meta {font-size: 13px !important; margin-top: 8px !important;}
p.dsq-widget-meta a {color: #08529d !important;}
.dsq-widget-list {padding: 0 5px;}
.page {width:100%; float:left; clear:both; text-align:center; margin:20px 0;}
.page a.num {width:40px; height:35px; font-size:13px; line-height:35px; display:inline-block; border:#ddd 1px solid; text-align:center; margin:5px 2px;}
.page a.num:hover {background:#ddd; border-color:#999;}
.page a.on {background:#666; color:#fff;}

.sp-con {width:100%; float:left; height:50px; overflow:hidden; clear:both; margin:20px 0 30px;}
.sp-con li {float:left; margin:0 20px;}

footer {width:100%; float:left; padding:20px 0 30px; background:#dce2e6; clear:both;}

footer .fmenu {float:left; width:700px;}
@media screen and (max-width:760px) {
	footer .fmenu {float:left; width:100%;}
}

footer .fsns {float:right;}
footer .fmenu li {padding:4px 0; line-height: 18px;}
footer .fsns a {background:url(../images/icons.png) no-repeat 0 0; width:19px; height:19px; display:inline-block; margin:0 5px;}
footer .fsns a span {display:none;}
footer .fsns .fb {background-position:0 0;}
footer .fsns .tw {background-position:0 -29px;}
footer .fsns .gp {background-position:0 -357px;}
footer .fsns .rss {background-position:0 -58px;}

.ar_topic {margin-bottom:15px;}
.ar_topic a{padding:3px 7px; margin-right:10px; text-decoration:none; background-color:#E05228; color:white;}
.ar_topic a:hover, .ar_topic a:active {text-decoration:underline;}

/* Big Facebook Like Button by SU */
.big_fb_like_outer {float:left; margin:0 0 10px; width:100%; overflow:hidden;}
.big_fb_like_inner {margin:0px auto; padding:20px 0 10px;}
.big_fb_like_inner span.sentence1  {font-size:18px; line-height:30px; font-weight:bold; display:block; margin-bottom:15px;}
.big_fb_like_inner span.sentence2 {color:#999; display:block; margin-top:15px;}
.big_fb_like {transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform: scale(1.2);}

/* Twitter Embed by SU */
.twitter-tweet {margin: auto;}

@media screen and (max-width:760px) {
	.ad-top{width:1060px}
	.hd-con{width:1060px}
	.sp-con{width:1060px}
	.ad-artbtm{width:1060px}
	footer{width:1060px}
/*	.ad-aftertag{position:relative;left:40px}*/
}

/* Amazon by SU */
.art-amazon-inner {text-align:center;}

.columnist_list_tab{
	border-top:2px solid silver;
	border-bottom:1px solid silver;
	width:100%;
	display: table;
	margin-bottom:20px;
}
.columnist_list_tab li{display:table-cell;width:50%;}
.columnist_list_tab li a, .columnist_list_tab li strong{
	display:block;text-indent:10px;
	height:100%;
	width:100%;
	padding-top:10px;
	padding-bottom:10px;
	font-size:16px;
	font-weight:bold;
}
.columnist_list_tab li a{background-color:silver}
.columnist_list_tab li a:hover, .tab li a:active{color:black;text-decoration:none;background-color:gray}
.columnist_list_order {font-size:14px; margin-top:10px;}
.columnist_list li{display:inline-block;width:49%;margin-bottom:20px;}
.columnist_list{display:block;width:100%;font-size:13px;line-height:130%}
.columnist_list strong{display:block;margin-bottom:10px;font-size:14px;line-height:100%}
.columnist_list li img{margin-right:10px}
@media screen and (max-width:760px) {
	.columnist_list li{display:block;width:100%}
	.columnist_list li .lefttd{width:30%;}
	.columnist_list li .lefttd img{width:100%;height:auto;}
	.columnist_list strong{font-size:13px;}
	.columnist_list li span{font-size:11px;}
	.columnist_list .righttd{padding-left:5px}
}

/* 記事中のアマゾンの画像付きリンクのボックス用 by SU */
.art_boxContainer {overflow: hidden; margin-top:-20px;}
/* clearfix */
.boxContainer:before, .boxContainer:after {content: ""; display: table;}
.boxContainer:after {clear: both;}
/* For IE 6/7 (trigger hasLayout) */
.boxContainer {zoom: 1;}
.art_box {float: left; margin-right:10px;}
.art_box a img {border :1px solid #CCC;}

/* 執筆者の記事一覧プロフィール用 by SU */
.reprofile2 {background-color:#ececec; padding:20px; margin-bottom:20px;}
.reprofile2 {font-size:13px; line-height:18px;}
.reprofile2 span.kanji {font-size:18px; font-weight:bold;}
.reprofile2 span.furigana {font-size:15px;}
.reprofile2 a {color:#08529d; text-decoration:none;}
.reprofile2 a:hover {text-decoration:underline;}
.re_profile2_img {padding-right:15px; text-align:center; vertical-align:top;}
.re_profile2_txt {padding-top:3px;}
.re_sns {width:16px; padding-right:3px; margin-bottom:-2px;}

/* 寄付・サポーター募集用（Paypal）*/
.supporter {clear:both; margin-top:5px; padding:30px; background:#EEEEEE;}
.supporter h2 {font-size: 16px; font-weight:bold; line-height: 25px; padding-bottom: 25px;}
.supporter p {font-size: 14px; line-height: 22px; padding-bottom: 22px;}
.tb_kingaku {padding-bottom:10px;}
.kingaku {font-size:14px;}

.supporter_btn_out {width:100%; text-align:center; display: inline-block;}
ul.supporter_float {width:520px; margin: 0 auto;}
li.supporter_btn {width:200px; margin:10px 30px 0;}
li.supporter_btn table {margin:0 auto;}
.supporter_float li {float:left;}

@media screen and (max-width:960px) {
ul.supporter_float {width:440px;}
li.supporter_btn {width:200px; margin:10px 10px 0;}
}

@media screen and (max-width:880px) {
.supporter {margin:5px 0 20px; padding:20px 15px;}
ul.supporter_float {width:100%;}
li.supporter_btn {width:90%; margin:10px 5%;}
}

@media screen and (max-width:580px) {
ul.supporter_float {width:440px;}
li.supporter_btn {width:200px; margin:10px 10px 0;}
}

@media screen and (max-width:500px) {
.supporter {margin:5px 0 20px; padding:20px 15px;}
ul.supporter_float {width:100%;}
li.supporter_btn {width:90%; margin:10px 5%;}
}

/* サポーター・サポート募集用（ASJ）*/
.form_btn{
	width:100%;
	overflow:hidden;
	text-align:center;
}
.form_btn a{
	width:400px;
  font-size:18px;
  text-decoration:none;
  display:block;
  text-align:center;
  padding:15px 0 13px;
	margin: 0 auto;
  color:#fff;
  background-color:#284f92;
	border:1px solid #1d3c70;
  border-radius:8px;
	}
	.form_btn a:hover{
	-moz-opacity:0.80;
	-khtml-opacity:0.80;
	opacity:0.80;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=80);
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
	}

@media screen and (max-width:900px) {
	.form_btn a{width:90%;font-size:16px;}
}
@media screen and (max-width:800px) {
	.form_btn a{width:90%;font-size:14px;}
}

/* ブラウザの幅を小さくしたときに、右カラムが重なり、クリックできなくなる減少を解消 by SU */
.sidewrap {position:static !important;}

/* イベント告知記事のテーブル用 by SU */
.event_tb th {vertical-align:top; width:50px; font-weight:bold;}
.event_tb td {vertical-align:top;}

/* 聖書ギリシャ語のテーブル（枠あり、アルファベット用） by SU  */
.art_table, .art_table th, .art_table td {
	border-collapse: collapse;
	border: 1px #2b2b2b solid;
	margin-bottom:25px;}
.art_table th.col1 {width:60px;}
.art_table th.col2 {width:180px;}
.art_table td.art_left, .art_table td.art_center {
	text-align: center;
	padding:3px 0px;}
.art_table td.art_center {width:60px;}
.art_table td.art_right {padding:3px 15px;}
.art_table span { display:inline-block;}

@media screen and (max-width:760px) {
.art_table th.col2 {width:90px;}
}

/* 聖書ギリシャ語のテーブル（枠あり、一般用） by SU  */
.art_table3, .art_table3 th, .art_table3 td {
	border: 1px #2b2b2b solid;}
.art_table3 {
	border-collapse: collapse;
	table-layout: fixed;
  width: 100%;
	margin-bottom:25px;
}
.art_table3 td {
	text-align: center;
	padding:3px 0px;}

/* 一定のスクリーン幅で左カラムの幅調節（iPhone5/SE基準） by SU  */
	@media screen and (max-width:320px) {
.art_table3 th.col1, .art_table3 td.col1 {width: 55px;}
.art_table3 th.col2, .art_table3 td.col2 {width: 75px;}
}

/* 一定のスクリーン幅で左カラムの幅調節（iPhone6/7/8基準） by SU  */
@media screen and (max-width:376px) {
	.art_table3 th.col3, .art_table3 td.col3 {width: 85px;}
}

/* 一定のスクリーン幅になると改行（iPhone6/7/8基準） by SU  */
@media screen and (min-width:376px){
.art_table2 span.nnl br {display:none;}
.art_table3 span.nnl br {display:none;}
}

/* 一定のスクリーン幅になると改行（iPhone6/7/8Plus基準） by SU  */
@media screen and (min-width:415px){
.art_table2 span.nnl2 br {display:none;}
.art_table3 span.nnl2 br {display:none;}
}

/* 聖書ギリシャ語のテーブル（枠なし、各単語用） by SU  */
.art_table3 {
	border-collapse: collapse;
	margin-bottom:25px;}
.art_table2 td {padding:3px; vertical-align:top;}
.art_table2 td.art_left_min {width:100px;}
.art_table2 td.art_left_sma {width:120px;}
.art_table2 td.art_left_mid {width:140px;}
.art_table2 td.art_left_mid1 {width:200px;}
.art_table2 td.art_left_mid2 {width:240px;}
.art_table2 td.art_left_mid3 {width:280px;}
.art_table2 td.art_left_lar {width:320px;}
.art_table2 td.art_center {width:80px;}
.art_table2 td.art_center2 {width:100px;}
.art_table2 td.art_center3 {width:120px;}

/* 一定のスクリーン幅になると改行（iPhone6/7/8基準） by SU  */
@media screen and (min-width:376px){
	.art_table2 {
		border-collapse: collapse;
		margin-bottom:25px;}
.art_table2 .art_left br {display:none;}
.art_table2 .art_left_min br {display:none;}
.art_table2 .art_left_sma br {display:none;}
.art_table2 .art_left_mid br {display:none;}
.art_table2 .art_left_mid1 br {display:none;}
.art_table2 .art_left_mid2 br {display:none;}
.art_table2 .art_left_mid3 br {display:none;}
}

/* 一定のスクリーン幅になると改行（iPad基準、iPhone6/7/8Plus対応） by SU  */
@media screen and (min-width:769px){
	.art_table2 {
		border-collapse: collapse;
		margin-bottom:25px;}
.art_table2 .art_left_lar br {display:none;}
}

/* 一定のスクリーン幅で左カラムの幅調節（iPad基準、iPhone6/7/8Plus対応） by SU  */
@media screen and (max-width:768px) {
	.art_table2 {
		border-collapse: collapse;
		margin-bottom:25px;}
.art_table2 td.art_left_mid1 {width:120px;}
.art_table2 td.art_left_mid2 {width:140px;}
.art_table2 td.art_left_mid3 {width:160px;}
.art_table2 td.art_left_lar {width:180px;}
}

/* 一定のスクリーン幅で左カラムの幅調節（iPhone6/7/8基準） by SU  */
@media screen and (max-width:375px) {
	.art_table2 {
		border-collapse: collapse;
		margin-bottom:25px;}
.art_table2 td.art_left_min, .art_table2 td.art_left_sma {width:50px;}
.art_table2 td.art_left_mid {width:80px;}
.art_table2 td.art_left_mid1 {width:100px;}
.art_table2 td.art_left_mid2 {width:100px;}
.art_table2 td.art_left_mid3 {width:120px;}
.art_table2 td.art_left_lar {width:140px;}
.phonetic {font-size:12px;}
}

/* 一定のスクリーン幅で左カラムの幅調節（iPhone5/SE基準） */
@media screen and (max-width:320px) {
	.art_table2 {
		border-collapse: collapse;
		margin-bottom:25px;}
.art_table2 td.art_left_mid1 {width:80px;}
.art_table2 td.art_left_mid2 {width:80px;}
.art_table2 td.art_left_mid3 {width:100px;}
.art_table2 td.art_left_lar {width:120px;}
}

/* 関連記事用ページ内リンクの位置調節 */
#related {display:block; padding-top:150px; margin-top:-150px;}